:root{--ink:#1d1d1f;--ink-soft:#6e6e73;--hairline:#e5e5e7;--paper:#fff;--canvas:#fbfbfc;--green-bg:#eaf7ef;--green-ink:#00a94f;--green-line:#cdebd8;--red-bg:#fdebea;--red-ink:#ff3b30;--red-line:#f6d2ce;--neon-1:#ff3b57;--neon-2:#8b5cf6;--neon-3:#2e6bff;--radius-lg:22px;--radius-md:14px;--shadow-sm:0 1px 2px #1414160d, 0 3px 8px #1414160f;--shadow-md:0 2px 4px #1414160a, 0 14px 32px #14141617;--shadow-lg:0 8px 16px #1414160f, 0 30px 60px #14141624}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:22px 40px;display:flex}.logo{letter-spacing:0;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-size:28px;font-weight:600;display:flex}.logo .dot{background:conic-gradient(from 0deg,var(--neon-1),var(--neon-2),var(--neon-3),var(--neon-1));border-radius:50%;width:10px;height:10px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--ink-soft);font-size:14px;font-weight:400;text-decoration:none}.nav-links a:hover{color:var(--ink)}.locale-switcher{background:var(--paper);border:1px solid var(--hairline);color:var(--ink-soft);cursor:pointer;border-radius:100px;padding:6px 10px;font-family:Geist,sans-serif;font-size:13px}.locale-switcher:hover{color:var(--ink);border-color:#c9c9ce}.btn-login{background:var(--ink);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:100px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:500;transition:transform .15s,opacity .15s,box-shadow .2s}.btn-login:hover{opacity:.85;box-shadow:var(--shadow-md)}.btn-login:active{transform:scale(.97)}.hero{text-align:center;max-width:640px;margin:36px auto 8px;padding:0 24px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;font-size:12px;font-weight:500}h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(30px,4.4vw,42px);font-weight:600;line-height:1.08}.hero p{color:var(--ink-soft);margin:0;font-size:15.5px;font-weight:300;line-height:1.6}.studio{grid-template-columns:1fr;gap:18px;max-width:1180px;margin:56px auto 100px;padding:0 24px;display:grid}.studio-grid{grid-template-columns:260px minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}@media (max-width:920px){.studio-grid{grid-template-columns:1fr}}.side-ring{border-radius:var(--radius-lg);background:var(--hairline);opacity:0;min-height:340px;padding:3px;transition:opacity .5s,transform .5s,box-shadow .4s;position:relative;overflow:hidden;transform:translateY(6px)}.side-ring.visible{opacity:1;transform:translateY(0)}.side-ring.green{box-shadow:0 0 34px #00e67629}.side-ring.red{box-shadow:0 0 34px #ff174429}.side-ring.loading.green{box-shadow:0 0 44px #00e67652}.side-ring.loading.red{box-shadow:0 0 44px #ff174452}.side-ring:before{content:"";opacity:.7;z-index:0;animation:7s linear infinite spin;position:absolute;inset:-120%}.side-ring.green:before{background:conic-gradient(#00e676,#39ff9e,#00ffc2,#00e676)}.side-ring.red:before{background:conic-gradient(#ff1744,#ff3b30,#ff6b57,#ff1744)}.side-ring.loading:before{opacity:1;animation-duration:1.1s}.side-ring-inner{z-index:1;background:var(--paper);height:100%;min-height:334px;box-shadow:var(--shadow-md);border-radius:19px;flex-direction:column;padding:22px;display:flex;position:relative}.side-label{letter-spacing:.1em;text-transform:uppercase;color:var(--green-ink);margin-bottom:6px;font-size:11px;font-weight:600}.side-ring.red .side-label{color:var(--red-ink)}.side-sub{color:var(--ink-soft);margin-bottom:16px;font-size:12px;font-weight:300}.side-token{color:var(--green-ink);margin-bottom:2px;font-family:Geist Mono,monospace;font-size:26px;font-weight:500}.side-ring.red .side-token{color:var(--red-ink)}.side-delta{color:var(--green-ink);opacity:.75;margin-bottom:18px;font-family:Geist Mono,monospace;font-size:12px}.side-ring.red .side-delta{color:var(--red-ink)}.side-text{color:var(--ink);white-space:pre-wrap;flex:1;font-size:13px;font-weight:300;line-height:1.6}.side-empty{color:var(--ink-soft);text-align:center;margin:auto 0;font-size:13px;font-style:normal;font-weight:300}.center-col{flex-direction:column;gap:16px;display:flex}.neon-ring{border-radius:var(--radius-lg);background:var(--hairline);padding:3px;position:relative;overflow:hidden}.neon-ring:before{content:"";background:conic-gradient(from 0deg, var(--neon-1), var(--neon-2), var(--neon-3), var(--neon-1));opacity:.35;z-index:0;animation:7s linear infinite spin;position:absolute;inset:-120%}.neon-ring.loading:before{opacity:1;animation-duration:1.1s}.neon-ring.filled:before{opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}.ring-inner{z-index:1;background:var(--paper);box-shadow:var(--shadow-md);border-radius:19px;padding:24px;position:relative}textarea#promptInput{resize:vertical;width:100%;min-height:190px;color:var(--ink);background:0 0;border:none;outline:none;font-family:Geist,sans-serif;font-size:16px;font-weight:300;line-height:1.6}textarea#promptInput::placeholder{color:#b8b8bd}.ring-footer{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.char-count,.base-token{color:var(--ink-soft);font-family:Geist Mono,monospace;font-size:11.5px}.base-token strong{color:var(--ink);font-weight:500}.controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.model-pill{position:relative}select#modelSelect{appearance:none;background:var(--paper);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;min-width:200px;box-shadow:var(--shadow-sm);border-radius:100px;padding:11px 36px 11px 18px;font-family:Geist,sans-serif;font-size:13.5px;font-weight:400}select#modelSelect:focus-visible{outline:2px solid var(--neon-3);outline-offset:2px}.model-pill:after{content:"⌄";color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-55%)}button#analyzeBtn{background:var(--ink);color:#fff;letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:100px;min-width:150px;padding:12px 30px;font-family:Geist,sans-serif;font-size:13.5px;font-weight:500;transition:transform .15s,opacity .15s,box-shadow .2s}button#analyzeBtn:hover{opacity:.88;box-shadow:var(--shadow-md)}button#analyzeBtn:active{transform:scale(.97)}button#analyzeBtn:disabled{opacity:.5;cursor:not-allowed}button#analyzeBtn:focus-visible{outline:2px solid var(--neon-3);outline-offset:2px}.status-line{text-align:center;color:var(--ink-soft);min-height:16px;font-family:Geist Mono,monospace;font-size:11.5px}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;opacity:0;pointer-events:none;background:#1d1d1f59;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.modal{background:conic-gradient(from 0deg, var(--neon-1), var(--neon-2), var(--neon-3), var(--neon-1));width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:24px;padding:3px;transition:transform .25s;position:relative;transform:translateY(10px)scale(.98)}.overlay.open .modal{transform:translateY(0)scale(1)}.modal-inner{background:var(--paper);border-radius:21px;padding:32px 28px 28px}.modal-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--hairline)}.tabs{background:var(--canvas);border-radius:100px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.tab{text-align:center;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:8px 0;font-family:inherit;font-size:13px;font-weight:500}.tab.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000014}.modal h2{letter-spacing:-.02em;text-align:center;margin:0 0 4px;font-size:19px;font-weight:600}.modal .modal-sub{text-align:center;color:var(--ink-soft);margin:0 0 22px;font-size:12.5px;font-weight:300}.field{margin-bottom:14px}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:11.5px;font-weight:500;display:block}.field input{border:1px solid var(--hairline);width:100%;color:var(--ink);background:var(--canvas);border-radius:11px;padding:11px 13px;font-family:Geist,sans-serif;font-size:14px}.field input:focus-visible,.field input:focus{border-color:var(--neon-3);outline:none;box-shadow:0 0 0 3px #2e6bff1f}.btn-submit{background:var(--ink);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:11px;margin-top:6px;padding:12px 0;font-family:inherit;font-size:14px;font-weight:500;transition:opacity .15s,box-shadow .2s}.btn-submit:hover{opacity:.9;box-shadow:var(--shadow-md)}.divider{color:var(--ink-soft);align-items:center;gap:10px;margin:20px 0;font-size:11.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--hairline);flex:1;height:1px}.btn-google{background:var(--paper);border:1px solid var(--hairline);width:100%;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:11px;justify-content:center;align-items:center;gap:10px;padding:11px 0;font-family:inherit;font-size:13.5px;font-weight:500;transition:border-color .15s,box-shadow .2s;display:flex}.btn-google:hover{box-shadow:var(--shadow-md);border-color:#c9c9ce}.g-mark{background:conic-gradient(from -45deg,#4285f4 0deg 90deg,#34a853 90deg 180deg,#fbbc05 180deg 270deg,#ea4335 270deg 360deg);border-radius:3px;flex-shrink:0;width:16px;height:16px}.modal-legal{text-align:center;color:var(--ink-soft);margin-top:18px;font-size:10.5px;font-weight:300;line-height:1.5}.modal-legal a{color:var(--ink-soft);text-decoration:underline}.cookie-bar{background:var(--ink);color:#fff;z-index:40;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:640px;margin:0 auto;padding:16px 18px;transition:transform .4s;display:flex;position:fixed;bottom:20px;left:20px;right:20px;transform:translateY(140%);box-shadow:0 12px 30px #00000040}.cookie-bar.show{transform:translateY(0)}.cookie-bar p{color:#e5e5e7;max-width:380px;margin:0;font-size:12.5px;font-weight:300;line-height:1.5}.cookie-actions{flex-shrink:0;gap:8px;display:flex}.cookie-actions button{cursor:pointer;border:1px solid #ffffff40;border-radius:100px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:500}.cookie-accept{color:var(--ink);background:#fff;border:none!important}.cookie-reject{color:#fff;background:0 0}.intro-splash{z-index:9999;background:var(--canvas);clip-path:circle(150%);justify-content:center;align-items:center;animation:.9s cubic-bezier(.65,0,.35,1) 1.6s forwards introReveal;display:flex;position:fixed;inset:0}.intro-mark{align-items:center;gap:16px;animation:.4s 1.6s forwards introMarkOut;display:flex}.intro-dot{background:conic-gradient(from 0deg,var(--neon-1),var(--neon-2),var(--neon-3),var(--neon-1));opacity:0;border-radius:50%;width:36px;height:36px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards introDotIn,2s linear .6s infinite spin;transform:scale(.2)}.intro-word{color:var(--ink);font-family:Fredoka,sans-serif;font-size:44px;font-weight:700;display:flex}.intro-word span{opacity:0;animation:.5s forwards introLetterIn;animation-delay:calc(.35s + var(--i) * 80ms);display:inline-block;transform:translateY(16px)}@keyframes introDotIn{to{opacity:1;transform:scale(1)}}@keyframes introLetterIn{to{opacity:1;transform:translateY(0)}}@keyframes introMarkOut{to{opacity:0;transform:scale(1.06)}}@keyframes introReveal{to{clip-path:circle(0%);pointer-events:none;visibility:hidden}}@keyframes introFadeOut{to{opacity:0;pointer-events:none;visibility:hidden}}.intro-splash.repeat .intro-mark{display:none}.intro-splash.repeat{animation-delay:50ms}@media (prefers-reduced-motion:reduce){.neon-ring:before,.logo .dot{animation:none}.intro-splash{clip-path:none;animation:.3s .2s forwards introFadeOut}.intro-mark{opacity:1;animation:none}.intro-dot,.intro-word span{opacity:1;animation:none;transform:none}}footer{text-align:center;color:var(--ink-soft);padding:30px 24px 50px;font-size:11.5px;font-weight:300}footer a{color:var(--ink-soft)}.legal{max-width:720px;margin:0 auto;padding:24px 24px 80px}.legal h1{margin:8px 0 4px;font-size:32px}.legal .legal-updated{color:var(--ink-soft);margin:0 0 32px;font-size:13px}.legal h2{margin:36px 0 10px;font-size:18px}.legal p,.legal li{color:var(--ink);font-size:14.5px;line-height:1.65}.legal ul{padding-left:20px}.legal a{color:var(--neon-3)}.legal strong{font-weight:600}.legal .back-link{color:var(--ink-soft);margin-bottom:24px;font-size:13.5px;text-decoration:none;display:inline-block}.legal .back-link:hover{color:var(--ink)}.legal-btn{background:var(--ink);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:100px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:500;transition:opacity .15s,box-shadow .2s}.legal-btn:hover{opacity:.85;box-shadow:var(--shadow-md)}.legal code{background:var(--canvas);border-radius:4px;padding:1px 5px;font-family:Geist Mono,monospace;font-size:.9em}.hiw{max-width:760px}.engine-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:28px 0;padding:24px 26px}.engine-card--green{border-color:var(--green-line);background:var(--green-bg)}.engine-card--red{border-color:var(--red-line);background:var(--red-bg)}.engine-card ol,.engine-card ul{margin:12px 0;padding-left:20px}.engine-card li{margin-bottom:10px}.engine-card p{margin:10px 0}.hiw-refs{padding-left:20px}.hiw-refs li{color:var(--ink-soft);margin-bottom:10px;font-size:13.5px}.hiw-refs a{color:var(--neon-3)}