:root{--bg:#f4f6fb;--ink:#111827;--muted:#667085;--line:#d0d5dd;--panel:#fff;--panel-soft:#f9fafb;--accent:#3157d5;--accent-strong:#2442a9;--success:#169b62;--warning:#f5b84b;--danger:#ec5b5b;--shadow:0 26px 80px #11182724;--radius:8px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 12%, #3157d529, transparent 32%), linear-gradient(180deg, #fbfcff 0%, var(--bg) 48%, #ebeff7 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,.link-button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;min-height:52px;padding:0 18px;font-size:.94rem;font-weight:750;text-decoration:none;display:inline-flex}button:hover,.link-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button:disabled,.link-button.disabled{cursor:not-allowed;opacity:.46}label{color:#344054;margin-bottom:9px;font-size:.88rem;font-weight:750;display:block}input{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;min-width:0;min-height:52px;color:var(--ink);outline:none;padding:0 15px}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3157d524}main{align-items:center;width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:48px 0;display:grid}.creator-shell,.playback-shell{width:100%}.creator-shell{grid-template-columns:minmax(280px,.9fr) minmax(360px,1fr);align-items:center;gap:40px;display:grid}.creator-copy{max-width:600px}.brand-line{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:.84rem;font-weight:800}h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(3rem,7vw,6.6rem);line-height:.92}.creator-copy p:not(.brand-line){max-width:36rem;color:var(--muted);margin:24px 0 0;font-size:1.16rem;line-height:1.55}.composer,.share-panel{border-radius:var(--radius);background:#ffffffd6;border:1px solid #d0d5ddd6;min-width:0;padding:22px;box-shadow:0 18px 54px #11182714}.share-panel{margin-top:14px}.input-row,.action-row{gap:10px;display:flex}.action-row{margin-top:10px}.secondary{border-color:var(--line);background:var(--panel);color:var(--ink)}.secondary:hover{background:#edf3ff;border-color:#b7c7fb}.playback-shell{gap:22px;display:grid}.playback-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.playback-header h1{overflow-wrap:anywhere;max-width:860px;font-size:clamp(2rem,5vw,4.8rem)}.compact{min-height:44px;padding:0 14px}.browser-frame{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border:1px solid #1118271a;overflow:hidden}.browser-bar{background:var(--panel-soft);border-bottom:1px solid #eaecf0;align-items:center;gap:8px;height:46px;padding:0 18px;display:flex}.browser-bar span{border-radius:50%;width:12px;height:12px}.browser-bar span:first-child{background:var(--danger)}.browser-bar span:nth-child(2){background:var(--warning)}.browser-bar span:nth-child(3){background:var(--success)}.search-scene{align-content:center;justify-items:center;gap:24px;min-height:520px;padding:48px;display:grid;position:relative}.search-logo{color:#1f2937;letter-spacing:0;gap:2px;font-size:clamp(3rem,8vw,6.4rem);font-weight:850;display:flex}.search-logo span:first-child,.search-logo span:nth-child(4){color:#3157d5}.search-logo span:nth-child(2),.search-logo span:nth-child(5){color:#ec5b5b}.search-logo span:nth-child(3){color:#f5b84b}.search-logo span:nth-child(6){color:#169b62}.fake-search-box{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:12px;width:min(680px,100%);min-height:64px;padding:0 24px;font-size:clamp(1rem,2vw,1.2rem);display:flex;box-shadow:0 10px 30px #1118271a}.fake-search-box svg{fill:none;width:23px;height:23px;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none}.fake-search-box span[data-testid=typed-query]{overflow-wrap:anywhere;min-width:0}.text-caret{background:var(--accent);opacity:0;width:2px;height:1.4em}.typing .text-caret,.focused .text-caret{opacity:1;animation:1s step-end infinite blink}.search-button{min-height:46px}.cursor{color:#111827;filter:drop-shadow(0 8px 18px #11182740);width:30px;height:30px;transition:transform .72s cubic-bezier(.2,.8,.2,1);position:absolute;top:18%;left:12%;transform:translate(0)}.cursor svg{fill:currentColor;stroke:#fff;stroke-linejoin:round;stroke-width:1.5px;width:100%;height:100%}.focused .cursor,.typing .cursor,.submitted .cursor,.redirecting .cursor{transform:translate(390px,210px)}.submitted .cursor,.redirecting .cursor{transform:translate(440px,300px)scale(.96)}.submitted .search-button,.redirecting .search-button{background:var(--accent-strong)}.status-line{min-height:1.6em;color:var(--muted);margin:0;font-size:.95rem;font-weight:700}.recovery-shell{grid-template-columns:1fr;max-width:820px;margin:0 auto}@keyframes blink{50%{opacity:0}}@media (width<=860px){main{align-items:start;width:min(100% - 24px,1120px);padding:32px 0}.creator-shell{grid-template-columns:1fr;gap:22px}.playback-header{display:grid}.search-scene{min-height:430px;padding:34px 20px}.cursor{display:none}}@media (width<=560px){.input-row,.action-row{flex-direction:column}button,.link-button,input{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}