#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px;background-color:#f4f4f9;padding:30px;border-radius:12px;box-shadow:0 6px 10px #00000026;max-width:900px;margin-left:auto;margin-right:auto}input,textarea{padding:12px;font-size:16px;width:100%;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;background-color:#fff}textarea{height:140px}input:focus,textarea:focus{outline:none;border-color:#0056b3;box-shadow:0 0 6px #0056b380}button{background-color:#0056b3;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s}button:hover{background-color:#003d80;transform:scale(1.05)}ul{list-style-type:none;padding:0}li{cursor:pointer;padding:12px;border:1px solid #ccc;margin:8px 0;border-radius:8px;transition:background-color .3s,box-shadow .3s;background-color:#fff}li:hover{background-color:#f9f9f9;box-shadow:0 3px 6px #0000001a}.spinner{font-size:18px;color:#2c3e50;margin-bottom:20px}.search-result{margin:20px 0;text-align:left;color:#000;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 3px 6px #0000001a;position:relative}.search-result.greyed-out{color:gray}.final-result{margin:20px 0;text-align:left;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 3px 6px #0000001a;position:relative}.input-group{display:flex;flex-direction:column;margin-bottom:20px}h1{font-size:2.8em;color:#0056b3;margin-bottom:25px}h2{font-size:2em;color:#2c3e50;margin-bottom:15px}.refresh-icon{width:24px;height:24px;background-image:url(/refresh.svg);background-size:contain;background-repeat:no-repeat;cursor:pointer;position:absolute;right:20px;margin-top:5px;opacity:.7;transition:transform .3s ease,opacity .3s ease}.refresh-icon:hover{transform:rotate(180deg);opacity:1}