:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#263746;--quiet:#596b7c;--air:#d9e1e9;--focus:#214f79;--edge:#ffffffbd;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0}body{color:var(--ink);background:var(--air);overflow:hidden}button,input,summary,a,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,summary,a{touch-action:manipulation}button{color:inherit;cursor:pointer;min-height:44px}button:disabled{opacity:.38;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--focus);outline-offset:4px}input:not([type=range]):focus-visible,textarea:focus-visible{outline:none;box-shadow:0 2px #395267a3}h2[tabindex="-1"]:focus,#inspectDescription[tabindex="-1"]:focus{outline:none}p,h1,h2,h3{margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cloud-experiment{isolation:isolate;width:100%;height:100dvh;min-height:min(440px,100dvh);position:relative;overflow:hidden}@supports (overflow:clip){html,body,.cloud-experiment{overflow:clip}}#stage{touch-action:none;position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}.experiment-heading,.mist-actions,.experience-footer{z-index:2;position:absolute}.experiment-heading{left:max(40px, env(safe-area-inset-left));top:max(34px, env(safe-area-inset-top));pointer-events:none}.experiment-heading h1{letter-spacing:.08em;font-size:17px;font-weight:500;line-height:1.5}.experiment-heading p{color:var(--quiet);letter-spacing:.12em;margin-top:7px;font-size:11px}.mist-actions{top:max(29px, env(safe-area-inset-top));right:max(40px, env(safe-area-inset-right));align-items:center;gap:22px;display:flex}.audio-settings{font-size:12px;position:relative}.audio-settings summary{cursor:pointer;min-height:44px;padding-block:13px;list-style:none}.audio-settings summary::-webkit-details-marker{display:none}.audio-settings-content{flex-direction:column;align-items:stretch;gap:0;min-width:154px;padding:12px 22px;display:flex;position:absolute;top:calc(100% + 12px);right:0}.audio-settings-content button{text-align:left;white-space:nowrap}.mist-actions button,.motion-controls button,.material-controls button,.view-controls button,.fog-controls button,.inspect-close,.text-button{background:0 0;border:0;padding:10px 0;font-size:12px;line-height:1.5}.mist-actions button:hover,.motion-controls button:hover:not(:disabled),.back-link:hover,.view-controls button:hover,.fog-controls button:hover,.inspect-close:hover,.text-button:hover:not(:disabled){color:#0c4a75}.experience-footer{left:max(40px, env(safe-area-inset-left));right:max(40px, env(safe-area-inset-right));bottom:max(30px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.interaction-hint{padding-bottom:9px}.main-hint{letter-spacing:.055em;font-size:clamp(20px,2.1vw,28px);font-weight:400;line-height:1.65}.sub-hint{color:var(--quiet);letter-spacing:.035em;margin-top:9px;font-size:12px;line-height:1.6}.back-link{color:var(--quiet);pointer-events:auto;margin-top:16px;padding:5px 0;font-size:10px;line-height:1.4;text-decoration:none;display:inline-block}.mobile-break{display:none}.experience-actions{pointer-events:auto;flex-direction:column;align-items:flex-end;display:flex;position:relative}.clear-button{letter-spacing:.04em;border:1px solid var(--edge);-webkit-backdrop-filter:blur(24px)saturate(1.15);background:#f8fcff7a;border-radius:999px;justify-content:center;align-items:center;min-width:166px;padding:17px 24px;font-size:15px;font-weight:400;display:flex;box-shadow:0 3px 14px #32496209}.clear-button:hover{background:#ffffffb3}.glass-settings{color:var(--quiet);margin-top:8px;font-size:10px;line-height:1.5}.glass-settings summary{cursor:pointer;text-align:right;min-height:36px;padding:10px 0 5px;list-style:none}.glass-settings summary::-webkit-details-marker{display:none}.glass-settings summary:after{content:"+";margin-left:7px;display:inline-block}.glass-settings[open] summary:after{content:"−"}.glass-surface{background:#e2ecf3f0;border:1px solid #fff9;border-radius:20px;box-shadow:0 8px 30px #26394f0e,inset 0 1px #ffffff73,inset 0 -1px #5c73890e}@supports ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.glass-surface{-webkit-backdrop-filter:blur(18px)saturate(1.06);background:#e2ecf34d}}.settings-content{z-index:7;width:255px;color:var(--quiet);border-radius:14px;max-height:calc(100dvh - 170px);margin-bottom:18px;padding:20px 22px;position:absolute;bottom:100%;right:0;overflow-y:auto}.settings-content p{font-size:11px;line-height:1.7}#selection{margin-top:4px}.motion-state{margin:16px 0 4px}progress{accent-color:#5b7a93;background:#415c7524;border:0;width:100%;height:2px;display:block}progress::-webkit-progress-bar{border-radius:inherit;background:#415c7524}progress::-webkit-progress-value{border-radius:inherit;background:#5b7a93}progress::-moz-progress-bar{border-radius:inherit;background:#5b7a93}#motionProgress{margin-top:9px}.range-control{align-items:center;gap:15px;font-size:11px;display:flex}.range-control span{flex:none}.range-control input{accent-color:#55758f;width:100%;min-width:0}.motion-controls,.material-controls,.view-controls,.fog-controls{align-items:center;gap:20px;display:flex}.motion-controls{gap:16px;margin:2px 0 8px}.motion-controls button,.material-controls button,.view-controls button,.fog-controls button{color:var(--quiet);font-size:11px}.material-controls{margin-top:10px}.material-controls button[aria-pressed=true]{color:var(--ink);text-underline-offset:5px;text-decoration:underline}#mistToggle{align-items:center;gap:8px;display:flex}#mistToggle:before{content:"";background:#417083;border-radius:50%;width:5px;height:5px}#mistToggle[aria-pressed=false]:before{background:#84919c}.app-panel{z-index:4;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#47607742 transparent;max-height:calc(100dvh - 180px);padding:25px 28px;position:absolute;overflow-y:auto}.home-panel{left:50%;bottom:max(124px, calc(env(safe-area-inset-bottom) + 110px));text-align:center;width:min(640px,100% - 80px);max-height:none;padding:0;overflow:visible;transform:translate(-50%)}.home-invitation{letter-spacing:.09em;text-wrap:balance;margin-bottom:30px;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.6}.panel-title{letter-spacing:.025em;font-size:20px;font-weight:400;line-height:1.5}.panel-copy{color:var(--quiet);margin-top:10px;font-size:14px;line-height:1.8}textarea{width:100%;min-width:0;color:var(--ink);resize:vertical;background:0 0;border:0;border-radius:0;max-height:220px;padding:8px 0;font-size:16px;line-height:1.7;display:block}textarea::placeholder{color:#6d7d8b;opacity:1}.task-form{margin:0}.glass-capsule{background:#dce6ef;border:1px solid #ffffffd6;border-radius:999px;align-items:center;gap:14px;padding:9px 10px 9px 28px;display:flex;box-shadow:inset 0 1px #fffc,inset 0 -1px #566e831f,0 14px 38px #25384c17,0 0 30px #ffffff1a}.glass-capsule[data-optics=webgl],.glass-surface[data-optics=webgl]{-webkit-backdrop-filter:none;background:linear-gradient(155deg,#ffffff1a,#e6f0fa06)}.inspect-trash{color:var(--quiet);margin-left:18px}@supports ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.glass-capsule{-webkit-backdrop-filter:blur(18px)saturate(1.06);background:linear-gradient(165deg,#fafdff3b,#c8d7e421)}}#taskPrompt{width:0;min-width:0;min-height:48px;color:var(--ink);letter-spacing:.035em;background:0 0;border:0;flex:1;padding:9px 0;font-size:16px;line-height:1.7}#taskPrompt:focus,#taskPrompt:focus-visible{box-shadow:none;outline:none}.glass-capsule:focus-within{border-color:#fffffff2;box-shadow:inset 0 1px #fffc,inset 0 -1px #566e8314,0 9px 28px #25384c13,0 0 0 2px #fff3}#taskPrompt::placeholder{color:#687988;opacity:1}.start-button{color:#f8fafb;background:#252a2e;border:1px solid #0a101433;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:11px 24px;font-size:14px;line-height:1.5;display:flex}.start-button:hover:not(:disabled){background:#151b20}.start-button:active:not(:disabled){transform:scale(.97)}.start-button span{font-size:17px;line-height:1}.direct-start{min-height:44px;color:var(--quiet);text-underline-offset:5px;background:0 0;border:0;margin-top:13px;padding:9px 0;font-size:13px;line-height:1.5;-webkit-text-decoration:underline #43576a7a;text-decoration:underline #43576a7a;display:inline-block}.direct-start:hover{color:var(--ink)}.form-tail{justify-content:space-between;align-items:center;gap:14px;margin-top:10px;display:flex}.quiet-status{color:var(--quiet);font-size:12px;line-height:1.6}.quiet-status:empty{flex:1}.primary-button{white-space:nowrap;color:#294356;background:#ffffffad;border:1px solid #ffffffad;border-radius:999px;min-height:44px;padding:11px 20px;font-size:13px;font-weight:400;line-height:1.5}.primary-button:hover:not(:disabled){background:#ffffffe6}.primary-button.secondary-button{color:var(--quiet);background:0 0;border-color:#425c7433}.primary-button.secondary-button:hover:not(:disabled){background:#ffffff3d}.field-label{color:var(--quiet);font-size:14px;line-height:1.6;display:block}.resume-section{max-width:480px;margin:0 auto}.resume-title{-webkit-line-clamp:2;max-width:100%;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance;-webkit-box-orient:vertical;margin:0 auto 24px;font-size:24px;font-weight:400;line-height:1.65;display:-webkit-box;overflow:hidden}.resume-actions{justify-content:center;align-items:center;gap:24px;display:flex}.resume-button{min-width:184px;min-height:58px;padding-inline:32px;font-size:16px}.new-task-button{color:var(--quiet);padding-inline:8px;font-size:13px}.button-row{flex-wrap:wrap;align-items:center;gap:6px 22px;display:flex}.plan-panel{text-align:center;width:min(800px,100% - 80px);max-height:calc(100dvh - 160px);padding:28px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.plan-first-step{white-space:pre-wrap;overflow-wrap:anywhere;max-width:640px;margin:0 auto;font-size:clamp(24px,2.1vw,30px);font-weight:400;line-height:1.65}.plan-summary{color:var(--quiet);font-variant-numeric:tabular-nums;margin:25px 0 40px;font-size:12px;line-height:1.6}.plan-panel>.primary-button{min-width:174px;min-height:56px;padding-inline:32px;font-size:15px}.finish-panel{left:50%;bottom:max(98px, calc(env(safe-area-inset-bottom) + 76px));width:min(520px,100% - 80px);transform:translate(-50%)}@media (width>=961px){.finish-panel{width:min(520px,42vw)}}.quiet-details{color:var(--quiet);font-size:11px}.quiet-details>summary{cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 3px;list-style:none;display:inline-flex}.quiet-details>summary::-webkit-details-marker{display:none}.quiet-details>summary:after{content:"+";font-size:13px}.quiet-details[open]>summary:after{content:"−"}.quiet-details>summary:hover{color:var(--ink)}.details-content{border-top:1px solid #46607724;max-width:460px;margin:7px auto 0;padding:18px 0 2px}.plan-options{margin-top:24px}.plan-options .details-content{text-align:left}.plan-steps{margin-top:0}.plan-step,.plan-row{border-bottom:1px solid #4660771f;padding:16px 0}.plan-step:first-child,.plan-row:first-child{padding-top:0}.plan-step>.field-label,.plan-row>.field-label{font-size:11px}.plan-step textarea,.plan-row textarea{min-height:54px;max-height:180px;margin:4px 0 5px;padding:5px 0;font-size:16px;line-height:1.65}.plan-step input,.plan-row input{max-width:100%;color:var(--ink);background:0 0;border:0;padding:8px 0;font-size:14px}.plan-step .step-tools,.plan-row .step-tools,.step-time{color:var(--quiet);flex-wrap:wrap;align-items:center;gap:5px 16px;font-size:12px;display:flex}.step-time input{text-align:center;border-bottom:1px solid #46607733;width:56px;min-height:44px}.plan-step button,.plan-row button{background:0 0;border:0;padding:8px 0;font-size:12px;line-height:1.5}.add-step{margin-top:5px}.panel-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.step-panel{width:min(900px,100% - 80px);max-height:calc(100dvh - 100px);box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;padding:28px 30px;scroll-padding-block:16px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.step-heading{justify-content:center;align-items:baseline;gap:9px 18px;max-width:520px;margin:0 auto;display:flex}.task-title{min-width:0;color:var(--quiet);overflow-wrap:anywhere;font-size:12px;font-weight:400;line-height:1.8}.step-counter{color:var(--quiet);font-variant-numeric:tabular-nums;flex:none;font-size:11px;line-height:1.8}.step-text{white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:balance;max-width:660px;margin:0 auto;font-size:clamp(24px,2vw,28px);font-weight:400;line-height:1.65}.focus-timer{margin:50px 0 52px}.step-remaining{letter-spacing:-.055em;font-variant-numeric:lining-nums tabular-nums;text-indent:-.055em;margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(160px,17vw,240px);font-weight:300;line-height:1;display:block}.step-remaining.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instrument-timer{pointer-events:none;width:min(680px,100%);margin:0 auto;display:none}.instrument-timer[data-rendered=true]{display:block}.instrument-screen{position:relative}.instrument-digits{width:100%;height:auto;fill:var(--ink);shape-rendering:crispedges;display:block;position:relative;overflow:visible}.instrument-glyph{opacity:1}.instrument-colon{opacity:.86}.instrument-rail{width:65%;height:auto;margin:30px auto 0;display:block;position:relative;overflow:visible}.instrument-tick{stroke:#557387;stroke-width:1.5px;opacity:.12;transition:opacity .15s}.instrument-tick[data-lit=true]{opacity:.65}.step-estimate{color:var(--quiet);margin-top:5px;font-size:12px;line-height:1.7}.timer-track::-webkit-progress-value{background:#758f9f}.timer-track::-moz-progress-bar{background:#758f9f}.timer-message:not(.sr-only){max-width:460px;color:var(--quiet);overflow-wrap:anywhere;margin:14px auto 0;font-size:12px;line-height:1.7}.timer-message:empty{display:none}.step-timing{color:var(--quiet);justify-content:center;align-items:baseline;gap:20px;margin:7px 0 4px;display:flex}.step-timing p{justify-content:center;align-items:baseline;gap:9px;display:flex}.step-timing .step-estimate{margin:0;font-size:11px}.step-timing .field-label{font-size:11px}#stepElapsed{font-variant-numeric:tabular-nums;font-size:11px;line-height:1.7}.step-main-actions,.session-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 14px;display:flex}.step-main-actions .primary-button,.session-actions .primary-button{min-width:184px;min-height:58px;padding-inline:32px;font-size:16px}.step-main-actions .secondary-button{color:#405b6d;border-color:#425c743d}.session-actions:has(button:not([hidden])){margin-top:12px}.focus-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 26px;margin-top:14px;display:flex}.focus-help{color:#405767;font-size:13px}.focus-footer .quiet-details{font-size:12px}.interface-sound-controls{text-align:center}.interface-sound-controls .text-button{color:var(--quiet);font-size:11px}.step-options{max-width:100%;margin:0}.step-options[open]{flex-basis:100%}.step-tools{justify-content:center;gap:24px}.step-tools .text-button{color:var(--quiet);font-size:11px}.help-form{text-align:center;border:0;width:min(480px,100%);margin:0 auto;padding:0}.help-back{color:var(--quiet);margin:0 auto 6px;padding-inline:8px;font-size:12px;display:block}.help-heading{color:var(--ink);font-size:22px;font-weight:400;line-height:1.6}.help-context{max-width:420px;color:var(--quiet);overflow-wrap:anywhere;margin:8px auto 0;font-size:12px;line-height:1.7}.help-context:empty{display:none}.help-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px;display:grid}.help-shortcut{color:#405767;background:#f6fbff26;border:1px solid #46607733;border-radius:999px;min-width:0;min-height:44px;padding:8px 10px;font-size:13px;line-height:1.5}.help-shortcut:hover:not(:disabled){background:#f6fbff59;border-color:#46607766}.help-shortcut[aria-pressed=true]{color:var(--ink);background:#f6fbff70;border-color:#425c748a}.help-custom{margin-top:8px}.help-custom>summary{font-size:12px}.help-custom-content{text-align:left;border-top:1px solid #4660771f;padding-top:10px}.help-form .field-label{font-size:13px}.help-form textarea{min-height:68px;margin-top:6px;font-size:16px}.help-actions{text-align:right}.help-reply{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:balance;font-size:24px;line-height:1.65}.help-reply:not(:empty){margin-top:26px}.help-apply{min-width:184px;min-height:56px;margin:28px auto 0;padding-inline:28px;font-size:15px;display:block}.help-retry{color:var(--quiet);margin:8px auto 0;padding-inline:8px;font-size:12px;display:block}.step-panel[data-help-state=closed] .help-form,.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) :is(.step-text,.step-main-actions,.session-actions,.step-journey,.focus-footer){display:none}.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) .focus-timer{opacity:.42;margin:0 auto 16px}.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) .instrument-timer{width:min(240px,100%)}.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) .step-remaining:not(.sr-only){font-size:88px}.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) :is(.instrument-rail,.timer-message){display:none}.step-panel[data-help-state=loading] .help-shortcuts{opacity:.55}.step-panel[data-help-state=suggested] :is(.help-shortcuts,.help-custom){display:none}.step-panel[data-help-state=suggested] .help-heading{color:var(--quiet);font-size:16px}.step-journey{margin-top:24px}.step-journey:has(.step-route:empty){display:none}.step-summary{color:#405767;font-variant-numeric:tabular-nums;margin:0;font-size:14px;line-height:1.7}.step-options>summary{color:#405767;font-size:13px}.step-route{justify-content:center;max-width:320px;margin:0 auto;padding:0;display:flex}.step-route:empty{display:none}.step-route-node{min-width:44px;max-width:64px;min-height:44px;color:var(--quiet);background:0 0;border:0;flex:44px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;line-height:1.6;display:flex;position:relative}.step-route-node:after{content:"";background:#4e697e70;width:calc(100% - 34px);height:1px;position:absolute;top:22px;left:calc(50% + 17px)}.step-route-node:last-child:after{display:none}.step-route-number{color:#4c6476;font-variant-numeric:tabular-nums;background:#f5fafd33;border:1px solid #57718699;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex}.step-route-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.step-route-node[data-state=active]{color:var(--ink)}.step-route-node[data-state=active] .step-route-number{color:#fff;background:#38576c;border-color:#38576c;flex-basis:28px;width:28px;height:28px;font-size:12px}.step-route-node[data-state=done] .step-route-number{color:#345c73;background:#f5fafd7a;border-color:#698598;flex-basis:24px;width:24px;height:24px;font-size:13px;font-weight:500}.step-route-node[data-state=done]:after{background:#4467808f}.step-route-node[data-state=skipped] .step-route-number{border-style:dashed}.step-route-node:hover{color:var(--ink)}.step-route-detail{max-width:460px;color:var(--quiet);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px auto 0;font-size:12px;line-height:1.7}.task-progress.sr-only{margin:0}.timer-sound{color:var(--quiet);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 18px;margin-top:8px;display:flex}.timer-sound .text-button{color:var(--quiet);font-size:11px}.timer-volume-label{align-items:center;gap:8px;min-height:44px;font-size:11px;display:flex}#timerVolume{accent-color:#708899;width:70px;height:24px;margin:0}.step-exit{justify-content:center;gap:28px;margin-top:3px;padding-top:4px;display:flex}.step-exit button{color:var(--quiet);font-size:11px}.outcome-summary{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 8px;font-size:18px;line-height:1.7}.outcome-summary:empty{display:none}.finish-edit,.finish-photos,.finish-details{margin:0}.finish-edit>summary,.finish-photos>summary,.finish-details>summary{font-size:12px}.finish-edit[open],.finish-photos[open],.finish-details[open]{margin-bottom:8px}.process-steps{margin:8px 0 4px;padding:0;list-style:none}.process-steps:empty,.process-outcome:empty{display:none}.process-steps li{grid-template-columns:44px minmax(0,1fr);align-items:baseline;gap:10px;padding:7px 0;display:grid}.process-state{color:var(--quiet);white-space:nowrap;font-size:11px;line-height:1.8}.process-text{min-width:0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.process-steps li[data-state=done] .process-state{color:#3c6377;font-size:13px}.process-steps li:is([data-state=skipped],[data-state=pending]) .process-text{color:var(--quiet)}.process-outcome{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 16px;font-size:14px;line-height:1.8}.finish-panel .field-label{margin-top:8px}#outcomeText{min-height:96px;margin-top:2px}.photo-label{color:var(--quiet);align-items:center;gap:10px;margin-top:8px;font-size:14px;line-height:1.6;display:flex}.photo-label span{font-size:11px}.photo-input{max-width:100%;color:var(--quiet);margin-top:7px;font-size:12px;display:block}.photo-input::file-selector-button{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 12px 8px 0}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.photo-grid:not(:empty){margin-top:15px}.photo-grid img{object-fit:cover;border-radius:7px;width:100%;max-width:100%;height:90px;display:block}.photo-draft,.photo-item{min-width:0;margin:0;position:relative}.photo-grid button{max-width:100%;color:var(--quiet);overflow-wrap:anywhere;background:0 0;border:0;padding:5px;font-size:11px}.archive-panel{width:min(600px,100% - 80px);top:50%;left:50%;transform:translate(-50%,-50%)}.archive-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.archive-heading button{font-size:12px}.archive-list{margin-top:18px}.archive-item,.archive-row,.archive-entry{text-align:left;background:0 0;border:0;border-bottom:1px solid #4660771f;border-radius:0;width:100%;padding:18px 0;font-size:16px;line-height:1.6;display:block}.archive-entry{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.archive-entry:hover{color:#0c4a75}.archive-entry-title{overflow-wrap:anywhere;min-width:0;font-size:16px}.archive-entry-date{color:var(--quiet);flex:none;font-size:11px}.archive-item p,.archive-row p{color:var(--quiet);margin-top:6px;font-size:13px;line-height:1.8}.archive-item small,.archive-row small{color:var(--quiet);font-size:11px}.archive-pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.archive-pagination output{color:var(--quiet);font-size:12px}.archive-empty,#emptyArchive{color:var(--quiet);padding:34px 0;font-size:14px;line-height:1.8}.inspect-panel{right:max(52px, env(safe-area-inset-right));width:min(340px,29vw);max-height:calc(100dvh - 210px);top:44%;transform:translateY(-50%)}.inspect-eyebrow{color:var(--quiet);margin:0 0 12px;font-size:11px;line-height:1.7}.inspect-title{color:var(--ink);letter-spacing:.025em;overflow-wrap:anywhere;font-size:20px;font-weight:400;line-height:1.5}.inspect-description{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:15px;font-size:16px;line-height:1.8}.inspect-meta{color:var(--quiet);margin-top:14px;font-size:12px;line-height:1.7}.inspect-meta:empty{display:none}.inspect-hint{color:var(--quiet);margin-top:8px;font-size:11px;line-height:1.6}.inspect-hint:empty{display:none}.inspect-close{color:#294356;text-align:center;justify-content:center;align-items:center;min-width:184px;max-width:100%;min-height:54px;margin-top:22px;padding:12px 26px;font-size:15px;text-decoration:none;display:inline-flex}.inspect-secondary{flex-wrap:wrap;align-items:flex-start;gap:0 24px;margin-top:14px;display:flex}.inspect-secondary>.quiet-details{min-width:0;max-width:100%}.inspect-secondary>.quiet-details[open]{flex-basis:100%;width:100%}.inspect-secondary>.quiet-details>summary{min-height:44px;color:var(--quiet);font-size:12px}.inspect-secondary .inspect-trash{min-height:44px;color:var(--quiet);margin:2px 0 0;font-size:12px;display:block}.inspect-panel[data-arrival=true] .inspect-eyebrow{color:#405d70;margin-bottom:8px}.inspect-panel[data-arrival=true] .inspect-title{color:var(--quiet);letter-spacing:0;font-size:12px;line-height:1.7}.inspect-panel[data-arrival=true] .inspect-description{text-wrap:balance;margin-top:14px;font-size:24px;line-height:1.6}.glass-connector{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.glass-connector path{fill:none;stroke:#3e5a7080;stroke-width:1px;vector-effect:non-scaling-stroke}.shard-label{z-index:3;pointer-events:none;max-width:220px;color:var(--ink);white-space:nowrap;-webkit-backdrop-filter:blur(12px);background:#edf4f994;border-radius:5px;padding:4px 8px;font-size:14px;line-height:1.6;position:absolute;transform:translate(16px,-50%)}.app-notice{z-index:6;max-width:min(420px,100% - 44px);color:var(--quiet);text-align:center;pointer-events:none;font-size:12px;line-height:1.8;position:absolute;top:98px;left:50%;transform:translate(-50%)}.app-notice:empty{display:none}.cloud-experiment:has(.app-panel:not([hidden])) .main-hint{display:none}.cloud-experiment:is([data-view=plan],[data-view=step]) :is(.experiment-heading,.mist-actions,.experience-footer){display:none}@media (width<=960px){.app-panel{padding:22px 24px}.step-panel{width:min(900px,100% - 64px);padding:24px 20px}.inspect-panel{width:290px;right:30px}.cloud-experiment:has(.app-panel:not([hidden])) .interaction-hint .sub-hint{display:none}}@media (width<=620px){.experiment-heading{top:max(24px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left))}.experiment-heading h1{font-size:15px}.experiment-heading p{margin-top:5px;font-size:10px}.mist-actions{right:max(22px, env(safe-area-inset-right));top:max(20px, env(safe-area-inset-top));gap:16px}.mist-actions button{font-size:11px}.experience-footer{left:max(22px, env(safe-area-inset-left));right:max(22px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));gap:16px}.main-hint{font-size:20px;line-height:1.55}.mobile-break{display:inline}.sub-hint{max-width:160px;margin-top:8px;font-size:10px;line-height:1.8}.back-link{margin-top:10px}.clear-button{min-width:114px;padding:11px 16px;font-size:12px}.glass-settings{margin-top:2px}.settings-content{width:min(255px,100vw - 44px)}.app-panel{border-radius:18px;max-height:calc(100dvh - 190px);padding:20px 22px}.home-panel,.finish-panel{width:calc(100% - 44px);bottom:max(100px, calc(env(safe-area-inset-bottom) + 88px))}.plan-panel{width:calc(100% - 36px);max-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0;padding:18px 12px}.plan-first-step{font-size:22px;line-height:1.6}.plan-summary{margin:22px 0 32px}.home-panel{width:calc(100% - 40px);max-height:none;bottom:max(112px, calc(env(safe-area-inset-bottom) + 100px));padding:0}.home-invitation{letter-spacing:.055em;margin-bottom:23px;font-size:22px}.glass-capsule{gap:10px;padding:6px 7px 6px 20px}#taskPrompt{min-height:44px}.start-button{gap:8px;min-height:46px;padding:10px 18px}.direct-start{margin-top:10px;font-size:12px}.resume-title{margin-bottom:22px;font-size:22px;line-height:1.6}.resume-actions{gap:20px}.resume-button{min-width:170px;min-height:56px}.panel-title{font-size:18px}.form-tail{align-items:flex-end}.primary-button{padding-inline:16px;font-size:13px}.step-panel{width:calc(100% - 36px);max-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0;padding:18px 8px}.step-heading{display:block}.task-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.step-counter{margin-top:3px;font-size:10px}.step-text{font-size:22px;line-height:1.6}.focus-timer{margin:38px 0}.step-remaining{font-size:clamp(98px,27vw,140px)}.instrument-timer{width:100%}.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) .instrument-timer{width:min(180px,100%)}.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) .step-remaining:not(.sr-only){font-size:66px}.step-panel:is([data-help-state=choosing],[data-help-state=loading],[data-help-state=suggested]) .focus-timer{margin-bottom:12px}.instrument-rail{width:80%;margin-top:24px}.timer-message{margin-top:11px;font-size:12px}.step-timing{margin:8px 0 4px}.step-main-actions .primary-button,.session-actions .primary-button{min-width:140px;min-height:54px;padding-inline:22px;font-size:15px}.focus-footer{gap:0 22px;margin-top:10px}.step-journey{margin-top:20px}.help-heading{font-size:21px}.help-shortcuts{gap:6px;margin-top:22px}.help-shortcut{padding-inline:4px;font-size:12px}.help-reply{font-size:22px}.help-reply:not(:empty){margin-top:22px}.help-apply{margin-top:24px}.outcome-summary{margin-top:16px;font-size:17px}.timer-sound{column-gap:15px;margin-top:12px}.step-exit{column-gap:24px}.finish-panel{max-height:58dvh}.archive-panel{width:calc(100% - 44px);max-height:calc(100dvh - 190px)}.inspect-panel{top:auto;left:50%;right:auto;bottom:max(100px, calc(env(safe-area-inset-bottom) + 88px));width:calc(100% - 44px);max-height:35dvh;transform:translate(-50%)}.inspect-title{font-size:18px}.inspect-description{margin-top:9px}.inspect-close{margin-top:12px}.inspect-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.inspect-photos img{height:72px}.photo-grid{gap:8px}.app-notice{top:90px}}@media (height<=600px) and (width>=621px){.experiment-heading{top:22px}.mist-actions{top:17px}.experience-footer{bottom:15px}.clear-button{padding:12px 22px}.app-panel{max-height:calc(100dvh - 142px);padding:20px 24px}.finish-panel{bottom:65px}.plan-panel{max-height:calc(100dvh - 72px);padding:18px 24px}.home-panel{padding:0;bottom:76px}.step-panel{width:min(900px,100% - 80px);max-height:calc(100dvh - 48px);padding:18px 22px}.step-text{font-size:22px}.focus-timer{margin:26px 0 36px}.step-remaining{font-size:clamp(140px,17vw,190px)}.instrument-timer{width:min(560px,100%)}.instrument-rail{margin-top:22px}.focus-footer{margin-top:10px}.step-journey{margin-top:18px}.timer-message{margin-top:9px}.step-timing{margin:6px 0 4px}.inspect-panel{width:300px;top:50%;right:28px}.app-notice{top:75px}}@media (height<=480px){.home-panel{bottom:max(52px, calc(env(safe-area-inset-bottom) + 40px))}.experiment-heading,.mist-actions{z-index:6}.step-panel,.plan-panel{max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.step-text,.plan-first-step{font-size:20px}.focus-timer{margin:20px 0 26px}.step-remaining{font-size:clamp(98px,17vw,144px)}.instrument-timer{width:min(400px,100%)}.instrument-rail{margin-top:16px}.focus-footer{margin-top:8px}.step-journey{margin-top:12px}}@media (width<=759px){.inspect-panel{top:auto;left:50%;right:auto;bottom:max(100px, calc(env(safe-area-inset-bottom) + 88px));width:min(520px,100% - 44px);max-height:35dvh;transform:translate(-50%)}.inspect-panel[data-arrival=true]{max-height:min(50dvh,100dvh - 190px)}.inspect-panel[data-arrival=true] .inspect-description{margin-top:12px;font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cloud-experiment:has(#taskHome:not([hidden])) .experience-footer{bottom:max(26px, env(safe-area-inset-bottom));justify-content:center}.cloud-experiment:has(#taskHome:not([hidden])) .interaction-hint{text-align:center;padding:0}.cloud-experiment:has(#taskHome:not([hidden])) .interaction-hint .sub-hint{max-width:none;margin:0;font-size:11px;display:block}:is(.cloud-experiment:has(#taskHome:not([hidden])) .back-link,.cloud-experiment:has(#taskHome:not([hidden])) .experience-actions){display:none}.app-panel[data-motion]{will-change:transform, opacity, filter}.app-panel[data-motion=out]{pointer-events:none}.journey-departure{z-index:4;-webkit-user-select:none;user-select:none;overflow:hidden;pointer-events:none!important}.cloud-experiment:has(.app-panel[data-motion=in]) .glass-connector{visibility:hidden}.flow-preview-entry{min-height:44px;color:var(--quiet);background:0 0;border:0;margin:2px auto 0;padding:7px 10px;font-size:11px;line-height:1.5;display:block}.flow-preview-entry:hover{color:var(--ink)}.flow-preview-panel{left:50%;bottom:max(108px, calc(env(safe-area-inset-bottom) + 96px));text-align:center;width:min(360px,100% - 72px);padding:0;overflow:visible;transform:translate(-50%)}.flow-preview-phase{color:var(--quiet);letter-spacing:.025em;font-size:11px;line-height:1.7}.flow-preview-title{letter-spacing:.04em;margin-top:12px;font-size:clamp(28px,2.2vw,32px);font-weight:400;line-height:1.6}.flow-preview-copy{color:var(--quiet);margin-top:8px;font-size:14px;line-height:1.8}.flow-preview-track{justify-content:center;align-items:center;gap:14px;width:min(220px,70%);margin:22px auto 0;display:flex}.flow-preview-track progress{border-radius:3px;height:3px}.flow-preview-track output{color:var(--quiet);font-variant-numeric:tabular-nums;flex:none;font-size:10px}.flow-preview-note{color:var(--quiet);margin-top:14px;font-size:10px;line-height:1.7}.flow-preview-exit{color:var(--quiet);text-underline-offset:4px;margin-top:3px;font-size:11px;text-decoration:underline}.cloud-experiment[data-view=preview] .experience-footer,.cloud-experiment[data-view=preview] #archiveOpen{visibility:hidden;pointer-events:none}@media (width<=620px){.flow-preview-panel{width:calc(100% - 44px);bottom:max(96px, calc(env(safe-area-inset-bottom) + 84px));padding:0}.flow-preview-title{font-size:22px}.flow-preview-copy{font-size:13px}}@media (height<=600px) and (width>=621px){.flow-preview-panel{padding:0;bottom:52px}.flow-preview-title{margin-top:7px;font-size:22px}.flow-preview-track{margin-top:13px}}.flow-preview-actions{justify-content:center;align-items:center;gap:28px;margin-top:3px;display:flex}.flow-preview-actions button{min-height:44px;font-size:11px}.flow-preview-next{color:var(--ink);text-underline-offset:4px;text-decoration:underline}@media (width>=761px){.flow-preview-panel[data-stage="0"]{left:auto;right:max(52px, env(safe-area-inset-right));text-align:left;top:50%;bottom:auto;transform:translateY(-50%)}.flow-preview-panel[data-stage="1"]{left:max(40px, env(safe-area-inset-left));top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.flow-preview-panel[data-stage="3"]{left:auto;right:max(52px, env(safe-area-inset-right));top:44%;bottom:auto;transform:translateY(-50%)}}@media (width>=621px) and (width<=760px){.flow-preview-panel{top:auto;left:50%;right:auto;transform:translate(-50%)}}@media (height<=600px) and (width>=621px){.flow-preview-title{font-size:28px}}.letter-open{pointer-events:auto;min-height:32px;color:var(--quiet);letter-spacing:.035em;text-align:left;background:0 0;border:0;margin-top:4px;padding:5px 0;font-size:10px;line-height:1.5;display:block}.letter-dialog{width:min(650px,100% - 40px);max-height:calc(100dvh - 48px);color:var(--ink);-webkit-backdrop-filter:blur(24px)saturate(1.05);background:#e8f0f6d4;border:1px solid #ffffffc7;border-radius:24px;padding:0;overflow:auto;box-shadow:0 24px 80px #26394d21,inset 0 1px #ffffffe6}.letter-dialog::backdrop{-webkit-backdrop-filter:blur(10px);background:#a8bbcb45}.letter-dialog[open]{animation:.48s cubic-bezier(.16,1,.3,1) both letter-arrive}.letter-page{padding:54px 54px 36px}.letter-heading{letter-spacing:.04em;margin-bottom:28px;font-size:clamp(23px,3vw,30px);font-weight:400;line-height:1.5}.letter-body{letter-spacing:.025em;color:#3c5264;text-wrap:pretty;font-size:16px;line-height:2.1}.letter-signature{color:var(--quiet);letter-spacing:.045em;text-align:right;margin-top:27px;font-size:13px}.letter-actions{border-top:1px solid #415b701f;justify-content:flex-end;align-items:center;gap:20px;margin-top:34px;padding-top:20px;display:flex}.letter-close{color:#f8fcff;background:#232b30;border:0;border-radius:999px;min-height:44px;padding:12px 22px;font-size:13px}@keyframes letter-arrive{0%{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0;scale:1}}@media (width<=600px){.letter-page{padding:34px 26px 25px}.letter-heading{margin-bottom:23px;font-size:23px}.letter-body{font-size:15px;line-height:2}.letter-actions{gap:12px;margin-top:25px}.letter-open{letter-spacing:0;max-width:180px;font-size:9px}}@media (prefers-reduced-motion:reduce){.letter-dialog[open]{animation:none}}.button-interaction{--button-light-x:50%;--button-light-y:30%;transition:color .16s,background-color .16s,border-color .16s,box-shadow .18s}.button-interaction--primary{translate:var(--button-shift-x,0px) var(--button-shift-y,0px);transition:translate .13s cubic-bezier(.22,.65,.28,1),scale .11s,color .16s,background-color .16s,border-color .16s,box-shadow .18s;scale:1}.button-interaction--primary.button-is-hovered:not(:disabled):not([aria-disabled=true]){background-color:#ffffffde;background-image:radial-gradient(ellipse at var(--button-light-x) var(--button-light-y), #ffffff80, #fff0 72%);border-color:#fffffff5;box-shadow:0 4px 18px #27415813,inset 0 1px #ffffffd6}.button-interaction--primary:is(.start-button,.opening-enter,.letter-close).button-is-hovered:not(:disabled):not([aria-disabled=true]){background-color:#192229;background-image:radial-gradient(ellipse at var(--button-light-x) var(--button-light-y), #e3f2fd21, #e3f2fd00 76%);border-color:#12233073;box-shadow:0 4px 16px #20364821,inset 0 1px #ffffff1f}.button-interaction--primary.button-is-pressed:not(:disabled):not([aria-disabled=true]){scale:var(--button-pressed-scale,.97);box-shadow:0 1px 7px #2741580e,inset 0 1px 2px #3a53670f}.start-button.button-interaction:active:not(:disabled){transform:none}.button-interaction--quiet.button-is-hovered:not(:disabled):not([aria-disabled=true]){color:#244f6c;background-color:#ffffff30}.button-interaction--quiet.button-is-pressed:not(:disabled):not([aria-disabled=true]),.button-interaction--quiet.button-is-confirming:not(:disabled):not([aria-disabled=true]){color:#1e455f;background-color:#f4faff5c}.button-interaction--primary.button-is-confirming:not(:disabled):not([aria-disabled=true]){border-color:#fff}:is(.start-button,.opening-enter,.letter-close).button-interaction--primary.button-is-confirming:not(:disabled):not([aria-disabled=true]){border-color:#e2f0f94d}.button-interaction:focus-visible{outline-offset:4px;outline:2px solid #375e7c}.button-interaction.photo-label{cursor:pointer}.button-interaction.photo-label:has(+input:focus-visible){outline-offset:4px;outline:2px solid #375e7c}.button-interaction--reduced,.button-interaction--reduced.button-is-pressed{--button-pressed-scale:1;transition:color .12s,background-color .12s,border-color .12s,box-shadow .12s;translate:none;scale:1}:where([hidden],[inert],[aria-hidden=true]) .button-interaction{--button-pressed-scale:1;background-image:none;translate:none;scale:1}@media (prefers-reduced-motion:reduce){.button-interaction--primary,.button-interaction--primary.button-is-pressed{--button-pressed-scale:1;transition:color .12s,background-color .12s,border-color .12s,box-shadow .12s;translate:none;scale:1}}