:root{--bg:#0a100d;--text:#ffeddf;--accent:#f62dae;--line:#cbef43;--shade:#222725;color:var(--text);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}html{background:var(--bg);scroll-behavior:smooth;scroll-snap-type:y proximity;min-height:100%}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:var(--line)}.page-shell{background:var(--bg);min-height:100svh}.landing-section{scroll-snap-align:start;scroll-snap-stop:normal;align-items:center;min-height:100svh;padding:clamp(18px,3vw,40px);display:grid;position:relative}.landing-section:before{pointer-events:none;content:"";background:linear-gradient(150deg, var(--bg) 0%, var(--bg) 58%, var(--shade) 140%), linear-gradient(180deg, var(--bg) 0%, var(--shade) 150%);opacity:.18;position:absolute;inset:0}.overview-section,.load-section{padding-bottom:clamp(180px,24vh,260px)}.chat-section{margin-top:clamp(84px,12vh,160px)}.section-inner{z-index:1;width:min(1420px,100%);margin:0 auto;position:relative}h1,h2,h3,h4,p{margin:0}h1{color:var(--text);letter-spacing:0;font-size:clamp(5rem,17vw,15rem);font-weight:950;line-height:.78}h1 span{color:var(--accent);margin-top:clamp(18px,2.8vw,34px);font-size:clamp(1.35rem,4.3vw,4.3rem);line-height:.95;display:block}h2{color:var(--text);letter-spacing:0;font-size:clamp(2rem,4.6vw,4.7rem);font-weight:940;line-height:.92}h3{color:var(--text);letter-spacing:0;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:900;line-height:1}.overview-inner{--overview-text-width:min(1040px, 100%);justify-items:start;max-width:1160px;display:grid}.overview-inner h1,.overview-inner h1 span,.overview-copy{width:var(--overview-text-width)}.overview-inner h1{white-space:nowrap;font-size:clamp(5.2rem,15.4vw,14.2rem)}.overview-inner h1 span{word-spacing:clamp(.1rem,.74vw,.58rem);white-space:nowrap;font-size:clamp(1.52rem,4.38vw,4.18rem)}.overview-copy,.frame-copy{width:min(760px,100%);color:var(--text);margin-top:clamp(22px,4vh,42px);font-size:clamp(1.05rem,1.8vw,1.42rem);line-height:1.56}.overview-copy{width:var(--overview-text-width);text-wrap:balance;word-spacing:clamp(.02rem,.22vw,.2rem);max-width:none;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.5}.load-button,.generate-button,.stop-button,.reload-link{border:1px solid var(--line);min-height:56px;color:var(--text);background:var(--bg);letter-spacing:0;cursor:pointer;box-shadow:0 8px 18px var(--shade);border-radius:8px;justify-content:center;align-items:center;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.load-button,.generate-button{color:var(--bg);background:var(--line)}.load-button:hover:not(:disabled),.generate-button:hover:not(:disabled),.stop-button:hover:not(:disabled),.reload-link:hover{box-shadow:0 0 0 1px var(--line), 0 12px 24px var(--shade);transform:translateY(-3px)}.scroll-cue{z-index:2;min-width:min(260px,100% - 36px);color:var(--accent);text-align:center;justify-items:center;gap:10px;text-decoration:none;animation:1.5s ease-in-out infinite scrollCueFloat;display:grid;position:absolute;bottom:clamp(72px,10vh,112px);left:50%}.scroll-cue-label{border:1px solid var(--accent);min-height:42px;color:var(--accent);background:var(--bg);box-shadow:0 8px 18px var(--shade);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.9rem;font-weight:950;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.scroll-cue-arrow{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:18px;height:18px;display:block;transform:rotate(45deg)}.scroll-cue:hover .scroll-cue-label{color:var(--bg);background:var(--accent);box-shadow:0 12px 24px var(--shade)}.load-inner,.chat-inner{gap:clamp(14px,2.5vh,26px);display:grid}.load-frame,.chat-form{border:1px solid var(--line);background:var(--bg);min-width:0;box-shadow:0 0 0 1px var(--shade), 0 10px 32px var(--shade);border-radius:8px}.load-frame{animation:.42s both frameIn}.start-load-frame{text-align:center;align-content:center;justify-items:center;min-height:min(48svh,440px);padding:clamp(20px,4vw,48px);display:grid}.load-button{width:min(760px,100%);min-height:clamp(84px,14vh,140px);font-size:clamp(2rem,6vw,5.6rem);animation:1.7s ease-in-out infinite loadButtonPulse}.load-button:disabled{cursor:wait;opacity:.58;animation:none}.loading-frame-inner{padding:clamp(20px,3vw,34px)}.progress-track{border:1px solid var(--line);background:var(--shade);border-radius:999px;height:16px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--line);width:0;height:100%;box-shadow:none;transition:width .42s}.current-message,.error-message{color:var(--text);margin-top:16px;font-weight:780;line-height:1.4}.error-message{color:var(--text)}.step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.step-list li{border:1px solid var(--line);min-height:54px;color:var(--text);background:var(--bg);border-radius:8px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:9px 10px;font-size:.86rem;line-height:1.3;transition:border-color .22s,background .22s,color .22s,transform .22s,box-shadow .22s;display:grid}.step-list li.done{border-color:var(--line);background:var(--shade)}.step-list li.active{border-color:var(--line);color:var(--text);background:var(--bg);box-shadow:0 0 0 1px var(--line);animation:.85s ease-in-out infinite stepGlow;transform:translateY(-4px)}.step-index{color:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:950}.config-frame-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:12px;padding:clamp(12px,1.8vw,20px);display:grid}.config-panel{border:1px solid var(--line);background:var(--bg);border-radius:8px;min-width:0;padding:clamp(12px,1.6vw,18px)}.config-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.tensor-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-row{border:1px solid var(--line);background:var(--bg);border-radius:8px;min-width:0;min-height:52px;padding:8px 10px}.config-row span,.chat-textarea-label span,.token-limit-field span{color:var(--text);letter-spacing:0;text-transform:uppercase;font-size:.75rem;font-weight:900;display:block}.config-row strong{color:var(--text);overflow-wrap:anywhere;margin-top:8px;font-size:.84rem;line-height:1.25;display:block}.attention-strip{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:5px;margin-top:10px;display:grid}.attention-strip span{min-height:24px;color:var(--text);background:var(--shade);border-radius:6px;place-items:center;font-size:.78rem;font-weight:950;display:grid}.attention-strip .local{background:var(--shade);color:var(--text)}.reload-link{min-height:44px;color:var(--text);background:var(--bg);box-shadow:0 0 4px var(--shade);grid-column:1/-1;justify-self:start;padding:0 18px}.chat-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.status-pills,.token-stats,.chat-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pills span,.token-stats span{border:1px solid var(--line);min-height:34px;color:var(--text);background:var(--bg);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.chat-form{padding:clamp(16px,2.4vw,28px)}.chat-textarea-label{gap:10px;display:grid}.chat-textarea-label textarea,.token-limit-field input{border:1px solid var(--line);width:100%;color:var(--text);background:var(--bg);border-radius:8px;outline:none;transition:border-color .16s,box-shadow .16s}.chat-textarea-label textarea:focus,.token-limit-field input:focus{border-color:var(--line);box-shadow:0 0 0 1px var(--line)}.chat-textarea-label textarea{resize:none;min-height:260px;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.58;overflow:hidden}.chat-controls{grid-template-columns:repeat(3,minmax(118px,160px)) minmax(220px,1fr) auto;align-items:end;gap:16px;margin-top:16px;display:grid}.token-limit-field{gap:8px;display:grid}.token-limit-field input{min-height:48px;padding:0 12px;font-weight:850}.generate-button,.stop-button{min-height:48px;padding:0 18px}.generate-button{background:var(--line);color:var(--bg)}.stop-button{color:var(--text);background:var(--bg);box-shadow:0 8px 18px var(--shade)}.generate-button:disabled,.stop-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}@keyframes frameIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes loadButtonPulse{0%,to{box-shadow:0 8px 18px var(--shade);transform:translateY(0)scale(1)}50%{box-shadow:0 14px 28px var(--shade);transform:translateY(-2px)scale(1.01)}}@keyframes scrollCueFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-8px)}}@keyframes stepGlow{0%,to{box-shadow:0 0 0 1px var(--line)}50%{box-shadow:0 0 0 2px var(--line), 0 10px 18px var(--shade)}}@media (width<=980px){.landing-section{padding:clamp(24px,5vw,44px)}.overview-section,.load-section{padding-bottom:clamp(160px,22vh,220px)}.chat-section{margin-top:clamp(72px,10vh,120px)}.step-list,.config-frame-inner,.config-grid,.tensor-config-grid,.chat-heading,.chat-controls{grid-template-columns:1fr}.chat-actions{grid-template-columns:1fr 1fr;display:grid}.generate-button,.stop-button{width:100%}}@media (width<=620px){.overview-inner h1{white-space:normal;font-size:clamp(4.4rem,23vw,7.4rem)}.overview-inner h1 span{white-space:normal;word-spacing:.08rem;font-size:clamp(1.25rem,8vw,2.4rem)}.overview-copy{word-spacing:0}.load-button{min-height:116px}.chat-section{padding:16px}.chat-inner{gap:10px}.chat-heading{gap:8px}.chat-heading h2{font-size:clamp(1.65rem,7.2vw,1.95rem)}.status-pills,.token-stats{gap:6px}.status-pills span,.token-stats span{min-height:28px;padding:0 8px;font-size:.7rem}.chat-form{padding:12px}.chat-textarea-label{gap:6px}.chat-textarea-label textarea{min-height:clamp(150px,28svh,190px);padding:12px;font-size:.9rem;line-height:1.45}.chat-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.chat-textarea-label span,.token-limit-field span{font-size:.64rem}.token-limit-field{gap:4px;min-width:0}.token-limit-field input{min-height:38px;padding:0 8px;font-size:.88rem}.token-stats,.chat-actions{grid-column:1/-1}.token-stats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.token-stats span{justify-content:center;min-width:0;padding:0 4px}.chat-actions{gap:8px}.generate-button,.stop-button{min-height:40px;padding:0 12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}