body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1f1f1f;font-family:Helvetica Neue,Segoe UI,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;min-height:100%;overflow-x:hidden;padding:0}#root,body,html{background:#9bbef5}#root,.app-shell{min-height:100vh}.app-shell{background:#0000;margin:0}.main-card{background:linear-gradient(180deg,#d0d4db,#d5dce9 26%,#c5d8f0 52%,#9bbef5 86%);box-shadow:0 10px 30px #00000073;color:#3a3a3a;display:flex;flex-direction:column;font-family:Helvetica Neue,Segoe UI,Arial,sans-serif;height:100vh;overflow:hidden;width:100%}.top-bar{align-items:center;background:#5b6a82;border-radius:0;box-sizing:border-box;color:#f3f5f6;display:none;height:72px;justify-content:space-between;padding:0 18px}.brand{font-size:22px;font-weight:700;letter-spacing:.2px}.login-btn{background:#f6f6f6;border:none;border-radius:18px;box-shadow:0 4px 10px #0000002e;color:#6c757d;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px}.login-btn:active{transform:translateY(1px)}.content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:100%;overflow:hidden;padding:min(20px,2vh) 28px min(60px,5vh);text-align:center;width:100%}.logo{flex-shrink:0;height:auto;margin-bottom:clamp(8px,1vh,12px);width:clamp(80px,12vh,180px)}.headline-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(8px,1.2vh,12px);justify-content:center;margin:clamp(10px,2vh,20px) 0 clamp(25px,4vh,50px);position:relative}.headline{color:#2e2e2e;font-size:clamp(18px,3.5vh,32px);font-weight:700;line-height:1.2;margin:0}.underline{font-style:italic;text-decoration:underline}.trending-link{background:#ff6b6b0f;border:2px solid #ff6b6b4d;border-radius:clamp(16px,2.5vh,22px);color:#2e2e2e;cursor:pointer;display:inline-block;font-size:clamp(16px,2.5vh,22px);font-weight:600;margin-top:clamp(8px,1.5vh,16px);padding:clamp(8px,1.2vh,12px) clamp(16px,2.5vw,22px);text-decoration:none;transition:all .2s ease}.trending-link:hover{background:#ff6b6b26;border-color:#ff6b6b80;transform:translateY(-1px)}.info-button{align-items:center;background:#0000;border:none;color:#5b6a82;cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative;transition:color .2s ease}.info-button:hover{color:#4a5870}.info-button svg{height:clamp(18px,2.5vh,24px);width:clamp(18px,2.5vh,24px)}.info-tooltip{background:#2e2e2e;border-radius:12px;box-shadow:0 8px 20px #0000004d;color:#fff;font-size:14px;left:50%;line-height:1.5;margin-top:12px;opacity:0;padding:16px 20px;pointer-events:none;position:absolute;text-align:left;top:100%;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:320px;z-index:100}.info-button:hover .info-tooltip{opacity:1;visibility:visible}.info-tooltip:before{border:8px solid;border-color:#0000 #0000 #2e2e2e;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.form-card{align-items:stretch;background:#fff;border-radius:clamp(30px,6vh,80px);box-shadow:0 12px 30px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:clamp(30px,8vh,100px) clamp(30px,5vw,60px);position:relative;width:clamp(320px,70vw,700px)}.step-content{flex:1 1;gap:clamp(20px,3vh,35px);justify-content:space-between;padding:0}.step-content,.step-frame{align-items:center;display:flex;flex-direction:column;width:100%}.step-frame{box-sizing:border-box;height:100%;justify-content:center;padding:clamp(30px,8vh,100px) 0}.form-group{color:#4a4a4a;display:flex;flex-direction:column;flex-shrink:0;font-size:clamp(16px,2.5vh,26px);font-weight:700;gap:clamp(8px,1.2vh,14px);text-align:center;width:100%}.form-group input{background:#e7e1de;border:none;border-radius:clamp(12px,1.8vh,16px);box-sizing:border-box;color:#7a7a7a;font-size:clamp(16px,2vh,20px);padding:clamp(12px,2vh,18px) clamp(15px,2vw,25px);text-align:center;width:100%}.form-group input::placeholder{color:#b3afad}.form-group input:focus{box-shadow:0 0 0 2px #5b6a8259;outline:none}.continue-btn{background:#596778;border:none;border-radius:clamp(12px,1.8vh,16px);box-shadow:0 10px 15px #00000014;color:#fff;cursor:pointer;flex-shrink:0;font-size:clamp(16px,2.5vh,24px);font-weight:700;margin-top:clamp(10px,1.5vh,20px);padding:clamp(12px,2vh,18px) 0;width:clamp(180px,20vw,280px)}.continue-btn:active{transform:translateY(1px)}.back-btn{align-items:center;background:#5b6a82;border:none;border-radius:50%;box-shadow:0 4px 8px #0000000f;cursor:pointer;display:flex;height:clamp(40px,6vh,56px);justify-content:center;left:clamp(20px,4vh,40px);padding:0;position:absolute;top:clamp(20px,4vh,40px);transition:all .2s ease;width:clamp(40px,6vh,56px)}.back-btn svg{height:clamp(24px,4vh,36px);width:clamp(24px,4vh,36px)}.back-btn:hover{background:#4a5870;box-shadow:0 6px 12px #0000001a}.back-btn:active{transform:scale(.95)}.footer{background:#0000;color:#2e2e2e;flex-shrink:0;font-size:clamp(11px,1.6vh,14px);opacity:.7;padding:clamp(12px,1.8vh,20px);text-align:center}.response-container{display:flex;flex-direction:column;gap:2vh;height:100%;overflow:hidden;width:100%}.response-title{color:#4a4a4a;font-size:clamp(20px,2.5vw,28px);font-weight:700;margin:0;text-align:center}.response-content{background:#f8f8f8;border-radius:12px;flex:1 1;overflow-y:auto;padding:2vh 2vw;text-align:left}.response-text{word-wrap:break-word;color:#3a3a3a;line-height:1.6;white-space:pre-wrap}.loading,.response-text{font-size:clamp(16px,1.8vw,20px)}.loading{color:#7a7a7a;font-style:italic;text-align:center}.typing-indicator{animation:blink 1s step-end infinite;color:#596778;display:inline-block;font-weight:700;margin-left:2px}.trending-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(20px,3vh,30px);overflow-y:auto;padding:clamp(10px,2vh,20px) 0;width:100%}.product-card{align-items:center;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:clamp(12px,2vh,16px);color:#2e2e2e;cursor:pointer;display:flex;gap:clamp(12px,2vw,20px);padding:clamp(16px,2.5vh,24px) clamp(20px,3vw,30px);text-decoration:none;transition:all .2s ease}.product-card:hover{background:#f0f0f0;border-color:#5b6a82;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.product-rank{align-items:center;display:flex;flex-shrink:0;font-size:clamp(32px,5vh,48px);justify-content:center;transition:transform .2s ease}.product-card:hover .product-rank{transform:scale(1.15)}.product-title{color:#2e2e2e;flex:1 1;font-size:clamp(16px,2.2vh,20px);font-weight:600}.product-link-icon{color:#5b6a82;flex-shrink:0;font-size:clamp(20px,2.5vh,24px);font-weight:700;margin-left:12px}.info-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.info-modal-content{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000004d;max-width:400px;padding:32px 24px;position:relative;width:100%}.info-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#5b6a82;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:12px;transition:background .2s ease;width:40px}.info-modal-close:hover{background:#f0f0f0}.info-modal-close:active{transform:scale(.95)}.info-modal-text{color:#2e2e2e;font-size:16px;line-height:1.6;text-align:left}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.slide-in-left{animation:slideInLeft .3s ease-out forwards}.slide-in-right{animation:slideInRight .3s ease-out forwards}.slide-out-left{animation:slideOutLeft .3s ease-out forwards}.slide-out-right{animation:slideOutRight .3s ease-out forwards}@media (min-width:769px){.info-button:hover .info-tooltip{opacity:1;visibility:visible}}@media (max-width:768px){.main-card{display:flex;flex-direction:column;height:100vh;min-height:100svh}body,html{overflow-y:auto}#root,.app-shell,body,html{max-height:100vh}.content{--safe-gap:max(env(safe-area-inset-top,0px),env(safe-area-inset-bottom,0px));flex:1 1;justify-content:flex-start;min-height:0;overflow-y:auto;padding:calc(var(--safe-gap) + 4px) 18px 12px}.logo{margin-bottom:2px;margin-top:0;width:clamp(60px,20vw,120px)}.headline-container{gap:4px;margin:8px 0 12px}.headline{font-size:16px;line-height:1.1;margin:0}.trending-link{font-size:clamp(14px,2.2vh,18px);margin-top:clamp(6px,1.2vh,12px)}.info-button svg{height:20px;width:20px}.info-button:active .info-tooltip,.info-button:focus .info-tooltip,.info-button:hover .info-tooltip{opacity:0;visibility:hidden}.info-tooltip{display:none}.form-card{border-radius:36px;flex:0 1 auto;gap:0;margin-bottom:0;max-height:75vh;max-width:380px;min-height:0;overflow:hidden;padding:16px 14px;width:calc(100% - 24px)}.form-card:has(.response-container){flex:0 0 60vh;height:60vh}@supports (height:100svh){.main-card{min-height:100svh}#root,.app-shell,body,html{max-height:100svh}}.step-content{gap:clamp(2px,2.75vh,50px);justify-content:center}.form-group{font-size:clamp(12px,2.5vh,21px);gap:clamp(2px,1.6vh,14px)}.form-group input{border-radius:10px;font-size:clamp(15px,2.25vh,19px);padding:clamp(6px,2.15vh,16px) 10px}.continue-btn{border-radius:10px;font-size:clamp(11px,2vh,17px);margin-top:clamp(2px,2.25vh,24px);padding:clamp(7px,2.15vh,16px) 0;width:100%}.step-frame{padding:56px 0 16px}.back-btn{height:46px;left:12px;top:12px;width:46px}.back-btn svg{height:28px;width:28px}.footer{display:block;flex-shrink:0;font-size:10px;margin:0;padding:0 16px 4px}.trending-content{-webkit-overflow-scrolling:touch;gap:clamp(2px,2.75vh,50px);justify-content:center;overflow-y:auto;padding:0}}
/*# sourceMappingURL=main.79243bbe.css.map*/