:root{font-family:Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#262626;background:#eeeeec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #2c2c2c;--muted: #8b8b88;--soft: #cac9c4;--panel: #f7f7f2;--energy: #ffd60a;--energy-hot: #ff7a1a;--line: rgba(44, 44, 44, .13);--sheet-height: 176px}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;overflow:hidden;background:linear-gradient(180deg,#ffffff9e,#fff0),#eeeeec}button,select,textarea{font:inherit}button{cursor:pointer}.app-shell{--response-fade-height: clamp(260px, 24vh, 360px);position:relative;isolation:isolate;height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;padding:40px;overflow:hidden}.app-shell:after{content:"";position:fixed;left:0;right:0;bottom:0;z-index:3;height:40vh;pointer-events:none;background:linear-gradient(to bottom,#eeeeec00,#eeeeec 82%,#eeeeec)}.opening-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#eeeeec;pointer-events:none;animation:openingFadeIn .52s ease-out both}.opening-bg{position:absolute;left:0;top:0;display:block;width:auto;max-width:none;height:100vh;transform:translate(max(calc(100vw - 576.13vh),var(--opening-bg-offset, 0px)));will-change:transform;-webkit-user-select:none;user-select:none}.opening-bg-hidden{left:-576.13vh}.intro-yellow-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#ffd900;pointer-events:none;animation:introPanelSlideOut 2.1s cubic-bezier(.76,0,.24,1) 1.96s both;will-change:transform}.top-readout{position:relative;z-index:8;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(340px,680px) minmax(250px,.7fr);align-items:start;gap:24px}.metric{grid-column:1;grid-row:1;display:flex;align-items:baseline;gap:12px;white-space:nowrap}.metric-right{grid-column:3;justify-content:flex-end}.metric strong{position:relative;display:inline-block;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:72px;font-weight:400;line-height:.8;letter-spacing:0}.metric-right strong{font-size:72px}.energy-metric{flex-direction:column;align-items:flex-end;gap:12px}.energy-readout{display:flex;align-items:baseline;justify-content:flex-end;gap:12px}.energy-readout>span{color:var(--ink);font-size:16px}.count-up-text{position:relative;display:inline-block;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(--ink)}.count-up-text:after{content:attr(data-value);position:absolute;top:0;right:-1px;left:-1px;font:inherit;letter-spacing:inherit;line-height:inherit;color:#ffd900;transform:translate(.5px);text-shadow:1px 0 0 #ffd900,-1px 0 0 #ffd900;clip-path:inset(calc(100% - var(--number-progress, 0%) - var(--number-fill-bleed, 0px)) 0 -.16em 0);pointer-events:none}.metric>span{font-size:16px;color:var(--ink)}.prompt-area{grid-column:1 / -1;grid-row:1;justify-self:center;width:min(640px,100%);display:flex;flex-direction:column;gap:12px}.prompt-composer{position:relative;width:100%;height:60px;display:flex;align-items:center;gap:12px;border-radius:999px;background:#ffffffe6;border:1px solid #e5e5e5;box-shadow:none;padding:4px 4px 4px 12px}.rolling-placeholder{position:absolute;left:128px;right:60px;top:50%;z-index:0;transform:translateY(-50%);color:#c7c7c3;font-size:20px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:rollSuggestion .52s ease both}.rolling-placeholder-hidden{opacity:0;animation:none}.prompt-composer textarea{position:relative;z-index:1;flex:1 1 auto;min-width:0;height:28px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font-size:20px;line-height:28px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0}.prompt-composer textarea::-webkit-scrollbar{display:none}.model-select-control{position:relative;z-index:2;flex:0 0 104px;display:flex;align-items:center;color:#6d6d67}.model-select-trigger{width:104px;height:auto;border:1px solid #e3e3de;border-radius:999px;background:#f1f1f1;color:#0006;font-size:12px;line-height:16px;outline:0;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;white-space:nowrap;box-shadow:none}.model-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}.model-select-trigger:focus-visible{border-color:#ffd900;box-shadow:0 0 0 3px #ffd90038}.model-select-trigger:disabled{opacity:.55;cursor:not-allowed}.model-select-trigger svg{flex:0 0 auto;color:#0006}.model-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:187px;max-width:calc(100vw - 80px);padding:4px;border:1px solid #e3e3de;border-radius:18px;background:#f1f1f1;box-shadow:0 10px 24px #0000000d,0 2px 8px #00000008}.model-menu-option{width:100%;min-height:34px;border:0;border-radius:999px;background:transparent;color:#0006;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px;font-size:12px;font-weight:400;line-height:1;text-align:left;letter-spacing:0;white-space:nowrap}.model-menu-option svg{flex:0 0 auto;color:#0006}.model-menu-option:hover,.model-menu-option:focus-visible{background:#0000000f;color:#0006;outline:0}.model-menu-option-selected{background:transparent}.prompt-hint{color:#c7c7c3;font-size:14px;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.physical-bike-status{min-height:22px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8b8b88;font-size:14px;line-height:1.2}.physical-bike-status-summary{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e3e3de;border-radius:999px;background:#f1f1f1}.physical-bike-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#a9a9a4}.physical-bike-status-connected{color:#527a28;font-family:inherit;font-size:14px;font-weight:inherit}.physical-bike-status-connected>span,.physical-bike-status-connected .bike-resistance-controls{font:inherit}.physical-bike-status-connected .physical-bike-status-dot{background:#78aa3d;box-shadow:0 0 0 3px #78aa3d24}.physical-bike-status-disconnected .physical-bike-status-dot{background:#c77838}.physical-bike-live-readout{position:fixed;left:40px;bottom:40px;z-index:8;display:flex;align-items:baseline;gap:32px;color:var(--ink);white-space:nowrap;pointer-events:none}.corner-metric{display:inline-flex;align-items:baseline;gap:12px;color:var(--ink);white-space:nowrap}.corner-metric strong{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:72px;font-weight:400;line-height:.8}.corner-metric>span{color:var(--ink);font-size:16px}.bike-generated-readout{position:fixed;right:40px;bottom:40px;z-index:8;pointer-events:none}.physical-bike-live-readout-disconnected,.physical-bike-live-readout-connecting,.bike-generated-readout-disconnected,.bike-generated-readout-connecting{color:var(--muted);opacity:.55}.bike-resistance-controls{display:inline-flex;align-items:center;gap:4px;margin-left:4px}.bike-resistance-controls button{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(44,44,44,.18);border-radius:50%;background:#ffffffb3;color:var(--ink);font-size:15px;line-height:1;padding:0}.bike-resistance-controls button:disabled{cursor:wait;opacity:.5}.prompt-hint-error{color:#b7312c}.prompt-submit-button{flex:0 0 48px;width:48px;height:48px;border:0;border-radius:50%;padding:2px;background:#ffd900;color:#fff;font-size:24px;display:grid;place-items:center;box-shadow:none}.prompt-submit-button:disabled{opacity:.45;cursor:not-allowed}.answer-stage{position:absolute;top:0;right:40px;bottom:0;left:40px;z-index:1;display:grid;min-height:0;padding-top:calc(var(--response-fade-height) - 24px);overflow-y:auto;overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.06) 70px,rgba(0,0,0,.25) 130px,rgba(0,0,0,.65) 200px,#000 var(--response-fade-height),#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.06) 70px,rgba(0,0,0,.25) 130px,rgba(0,0,0,.65) 200px,#000 var(--response-fade-height),#000 100%);scrollbar-width:none;-ms-overflow-style:none}.answer-stage-opening{padding-top:0;-webkit-mask-image:none;mask-image:none;overflow:hidden;place-items:center}.app-shell-loading .answer-stage-opening{z-index:12;pointer-events:none}.answer-stage::-webkit-scrollbar{display:none}.ghost-response,.visible-response{grid-area:1 / 1;font-size:clamp(42px,5.48vw,88px);line-height:1.18;letter-spacing:0;padding:0}.ghost-response{color:#2c2c2c26;-webkit-user-select:none;user-select:none}.visible-response{color:#262626;width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere}.visible-response>*{margin:0;max-width:100%;box-sizing:border-box}.visible-response p,.visible-response h1,.visible-response h2,.visible-response h3,.visible-response h4,.visible-response h5,.visible-response h6,.visible-response ul,.visible-response ol,.visible-response blockquote,.visible-response pre{margin:0 0 .34em}.visible-response h1,.visible-response h2,.visible-response h3,.visible-response h4,.visible-response h5,.visible-response h6,.visible-response strong{font-weight:600}.visible-response ul,.visible-response ol{padding-left:1.05em}.visible-response li{margin:0 0 .14em}.visible-response hr{height:.06em;margin:.34em 0;border:0;background:currentColor;opacity:.2}.visible-response code,.visible-response pre{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78em}.visible-response pre{white-space:pre-wrap}.visible-response blockquote{padding-left:.5em;border-left:.08em solid currentColor}.visible-response table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:clamp(14px,1.65vw,26px);line-height:1.22}.visible-response th,.visible-response td{min-width:0;padding:.25em .35em .25em 0;vertical-align:top;overflow-wrap:anywhere;word-break:normal}.visible-response th{font-weight:600}.placeholder{display:inline-block;color:#2c2c2c30;animation:openingFadeIn .52s ease-out both}.opening-logo{position:fixed;left:50%;top:35vh;display:block;width:clamp(108px,11vw,160px);aspect-ratio:102 / 84;margin:0;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;animation:openingFadeIn .52s ease-out 80ms both}.opening-logo-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.opening-logo-mark-white-dot{opacity:0;pointer-events:none}.app-shell-loading .opening-logo{z-index:12;width:clamp(168px,20vw,300px);animation:introLogoFadeIn .86s ease-out both,introLogoSettle 2.16s cubic-bezier(.2,.8,.2,1) 1.28s both;will-change:transform,width,top}.app-shell-opening:not(.app-shell-loading) .opening-logo{animation:none}.app-shell-processing:not(.app-shell-loading) .opening-logo{animation:logoProcessingBlink 1.4s ease-in-out infinite;will-change:opacity}.app-shell-loading .opening-logo-mark-white-dot{opacity:1;animation:vectorDotReveal .6s ease-out 3.04s both}.cursor{display:inline-block;width:.5em;height:.12em;margin-left:.12em;vertical-align:baseline;background:#fc574d;animation:pulse .8s infinite alternate}.machine-deck{position:fixed;left:40px;right:40px;bottom:0;z-index:4;display:grid;grid-template-columns:minmax(420px,1fr) minmax(280px,380px);align-items:end;gap:clamp(22px,4vw,64px);min-height:clamp(240px,28vh,330px);pointer-events:none}.generator{position:relative;min-height:clamp(220px,26vh,330px);touch-action:none;outline:none;cursor:grab;pointer-events:auto;user-select:none;-webkit-user-select:none}.generator:active{cursor:grabbing}.generator:focus-visible{outline:3px solid var(--energy-hot);outline-offset:10px;border-radius:8px}.bike{position:fixed;left:50%;bottom:0;width:min(68vw,820px);aspect-ratio:841 / 467;transform:translate(-50%) scale(.8);transform-origin:bottom center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;transition:bottom .22s ease}.app-shell-loading .bike{z-index:11;animation:introBikeRideIn 2.9s cubic-bezier(.28,.78,.22,1) 1.12s both;will-change:transform}.app-shell-loading .machine-deck{z-index:11}.bike-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.bike-layer-front-wheel{transform-origin:76.69% 67.56%;z-index:1}.bike-layer-back-wheel{transform-origin:23.19% 67.56%;z-index:2}.bike-layer-onboarding-main{z-index:2.5;animation:bike-onboarding-pulse 1.8s ease-in-out infinite}.bike-layer-frame{transform:translate(-5px,6px) scale(1.06);transform-origin:center center;z-index:3}.bike-layer-pedal-wheel,.bike-layer-pedal-orbit{transform-origin:45.36% 75.05%}.bike-layer-pedal-wheel{z-index:4}.bike-layer-pedal-orbit{z-index:5}.bike-layer-pedal{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:54.7% 76.02%}.bike-layer-onboarding-small-arrow{z-index:6;animation:bike-onboarding-pulse 1.8s ease-in-out infinite}@keyframes bike-onboarding-pulse{0%,to{opacity:.18}45%{opacity:1}70%{opacity:.58}}@keyframes introPanelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introPanelSlideOut{0%{transform:translate(0)}to{transform:translate(-101%)}}@keyframes introLogoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes introLogoSettle{0%{top:50vh;width:clamp(168px,20vw,300px);transform:translate(-50%,-50%)}to{top:35vh;width:clamp(108px,11vw,160px);transform:translate(-50%,-50%)}}@keyframes introBikeRideIn{0%{transform:translate(calc(-50% - 100vw)) scale(.8)}78%{transform:translate(-47%) scale(.8)}to{transform:translate(-50%) scale(.8)}}@keyframes vectorDotReveal{0%{opacity:1}to{opacity:0}}@keyframes logoProcessingBlink{0%,to{opacity:.24}50%{opacity:1}}.bike-raised{bottom:var(--sheet-height)}.prompt-bubble{position:fixed;left:calc(50% + min(14vw,180px) + 16px);bottom:278px;z-index:5;max-width:min(360px,28vw);padding:10px 18px;border-radius:0 12px 12px;background:#ffd900;color:var(--ink);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%);transition:bottom .22s ease;animation:prompt-bubble-in .18s ease-out both;user-select:none;-webkit-user-select:none}.prompt-bubble-raised{bottom:calc(var(--sheet-height) + 278px)}@keyframes prompt-bubble-in{0%{opacity:0}to{opacity:1}}.meter-header,.stats-strip{display:flex;justify-content:space-between;gap:12px;color:var(--ink);font-size:15px}.meter-header strong{font-weight:700}.meter{height:18px;overflow:hidden;border-radius:999px;background:#2c2c2c1f;box-shadow:inset 0 0 0 1px #2c2c2c14}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--energy),var(--energy-hot));transition:width .14s ease}.stats-strip{color:var(--muted)}.token-source{color:#3f7b4c;font-weight:700}.token-source-fallback{color:#b15f00}.secondary-action{width:max-content;border:0;border-radius:999px;background:#ffffff8c;color:var(--ink);padding:10px 16px}.debug-reset{position:absolute;right:20px;bottom:20px;z-index:2;pointer-events:auto}.debug-sheet{position:fixed;bottom:0;left:0;right:0;z-index:20;width:100vw;height:var(--sheet-height);overflow:visible;border-top:1px solid rgba(44,44,44,.42);background:linear-gradient(#ffd900,#ffd900) left / var(--debug-progress) 100% no-repeat,#e5e5e2;transform:translateY(100%);transition:transform .22s ease,background-size .14s ease;pointer-events:none}.debug-sheet:before{content:none}.debug-sheet-open{transform:translateY(0);pointer-events:auto}.debug-toggle{position:absolute;right:0;left:auto;top:-50px;width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;z-index:2;pointer-events:auto}.debug-toggle:focus,.debug-toggle:focus-visible,.about-toggle:focus,.about-toggle:focus-visible{outline:none}.debug-sheet-open .debug-toggle{top:20px;right:20px;left:auto}.sheet-entry-hidden .debug-toggle,.sheet-entry-hidden .about-toggle{opacity:0;pointer-events:none}.debug-sheet-content{position:relative;height:100%;display:flex;flex-direction:row;align-items:flex-start;gap:36px;padding:20px;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;color:var(--ink);font-size:14px;line-height:1.2}.debug-sheet-content::-webkit-scrollbar{display:none}.debug-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}.debug-row{display:flex;flex-direction:row;align-items:baseline;gap:8px;min-width:0;color:var(--ink);font-size:inherit;line-height:inherit}.debug-row span{flex:0 0 auto;color:#c1c1c1;font-weight:700;mix-blend-mode:multiply}.debug-row-primary{font-size:inherit}.debug-row-primary strong{font-weight:700}.debug-row strong{min-width:0;color:var(--ink);font-weight:400;text-align:left;overflow-wrap:anywhere}.debug-row strong.debug-value-muted{color:#0009}.about-sheet{position:fixed;bottom:0;left:0;right:0;z-index:21;width:100vw;height:var(--sheet-height);overflow:visible;border-top:1px solid rgba(44,44,44,.42);background:url(/about-background.png) center / cover no-repeat,#e5e5e2;transform:translateY(100%);transition:transform .22s ease;pointer-events:none}.about-sheet-open{transform:translateY(0);pointer-events:auto}.about-toggle{position:absolute;left:0;top:-50px;width:50px;height:50px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;z-index:2;pointer-events:auto}.about-sheet-open .about-toggle{top:20px;left:20px}.bottom-sheet-control-asset{position:absolute;top:25px;width:50px;height:50px;pointer-events:none;-webkit-user-select:none;user-select:none}.debug-toggle .bottom-sheet-control-asset{right:-25px}.about-toggle .bottom-sheet-control-asset{left:-25px}.about-sheet-content{height:100%;display:grid;place-content:center;justify-items:center;padding:16px 20px;text-align:center}.about-copy-stack{display:flex;flex-direction:column;align-items:center;gap:12px}.about-logo{display:block;width:min(70.4px,42vw);height:auto;-webkit-user-select:none;user-select:none}.about-sheet-content p{max-width:550px;margin:0;font-size:14px;line-height:1.3}.about-credit{opacity:.72}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{0%{opacity:.35}to{opacity:1}}@keyframes openingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rollSuggestion{0%{opacity:0;transform:translateY(calc(-50% + 12px))}to{opacity:1;transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.intro-yellow-panel,.app-shell-loading .opening-logo,.app-shell-loading .bike,.app-shell-loading .opening-logo-mark-white-dot{animation-duration:1ms;animation-delay:0ms}.app-shell-processing .opening-logo{opacity:1;animation:none}}@media(max-width:920px){.app-shell{padding:40px;overflow:hidden}.top-readout{grid-template-columns:1fr 1fr}.prompt-area{grid-column:1 / -1;grid-row:2}.metric-right{grid-column:2;justify-content:flex-end}.answer-stage{min-height:0}.machine-deck{grid-template-columns:1fr;margin-top:0}.generator{min-height:220px}.bike{width:min(112vw,760px)}}@media(max-width:560px){.top-readout{gap:16px}.prompt-composer{height:60px;padding:4px 4px 4px 12px;gap:12px}.rolling-placeholder{left:128px;right:60px}.model-select-control{flex-basis:104px}.model-select-trigger{width:104px;font-size:12px;padding:8px 12px}.model-menu{left:50%;right:auto;transform:translate(-50%)}.prompt-submit-button{width:48px;height:48px;font-size:24px}.metric strong{font-size:52px}.metric>span{font-size:16px}.ghost-response,.visible-response{font-size:36px}}