@property --accent{syntax:"<color>";inherits:true;initial-value:#6fcf7f}:root{--mist:#f2f5ee;--lichen:#e4eadf;--moss:#16261b;--moss-soft:#3b4a3f;--sage:#76877a;--rule:#d3dccd;--fern:#3e8e52;--bezel:#000;--n-ink:#f4f5f2;--n-smoke:#8e938c;--graphite:#1b1d1a;--graphite-hi:#2a2d29;--good:#5fd27a;--bad:#ff6b5e;--claude:#d97757;--accent:#6fcf7f;--display:"Fraunces", Georgia, serif;--body:"Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--ui:"Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--mono:"Cascadia Mono", Consolas, monospace;--gutter:clamp(20px, 4vw, 64px);--spring:cubic-bezier(.34, 1.32, .5, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:--accent .9s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--mist);color:var(--moss);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6;overflow-x:hidden}::selection{color:var(--moss);background:#cfe6c8}:focus-visible{outline:2px solid var(--fern);outline-offset:3px}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}p,h1,h2,h3{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.weather{pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#weather-front{z-index:60}#weather-back{z-index:0}.page{background:var(--mist);position:relative}main{z-index:1;position:relative}.display{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;font-size:clamp(52px,8.2vw,140px);font-weight:420;line-height:.95}.section-title{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "opsz" 96;font-size:clamp(36px,4.4vw,64px);font-weight:430;line-height:1}[data-words] .word{white-space:pre;display:inline-block}.site-header{z-index:20;padding:14px var(--gutter);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header:before{content:"";z-index:-1;background:linear-gradient(var(--mist) 45%, #f2f5ee00);pointer-events:none;position:absolute;inset:0 0 -24px}.brand{font-family:var(--display);font-variation-settings:"SOFT" 100;align-items:center;gap:10px;font-size:21px;font-weight:560;text-decoration:none;display:flex}.brand img{border-radius:8px;width:30px;height:30px;transform:scale(1.14)}.btn{background:var(--moss);height:52px;color:var(--mist);transition:transform .25s var(--spring), background .2s;border-radius:999px;align-items:center;padding:0 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#22392a;transform:translateY(-2px)rotate(-1deg)}.btn.is-small{height:40px;padding:0 18px;font-size:14.5px}.btn.is-large{height:64px;padding:0 34px;font-size:18px}.notch,.stage-notch,.demo-notch{--ear:12px;background:var(--bezel);color:var(--n-ink);font-family:var(--ui);position:relative}.ear{width:var(--ear);height:var(--ear);pointer-events:none;position:absolute;top:0}.ear.is-left{left:calc(-1 * var(--ear));background:radial-gradient(circle at 0 100%, transparent calc(var(--ear) - .5px), var(--bezel) var(--ear))}.ear.is-right{right:calc(-1 * var(--ear));background:radial-gradient(circle at 100% 100%, transparent calc(var(--ear) - .5px), var(--bezel) var(--ear))}.cover{--cover:var(--accent);background:radial-gradient(circle at 30% 28%, #ffffff80, transparent 45%), linear-gradient(135deg, var(--cover), color-mix(in oklab, var(--cover) 45%, #0c2414));border-radius:7px;flex-shrink:0;width:22px;height:22px;display:block}.cover.big{border-radius:16px;width:76px;height:76px}.cover.huge{width:150px;height:150px;box-shadow:0 18px 60px color-mix(in oklab, var(--accent) 40%, transparent);border-radius:22px}.bars{align-items:center;gap:2.5px;height:14px;display:flex}.bars i{background:var(--accent);border-radius:2px;width:3px;height:4px;animation:.95s ease-in-out infinite alternate bar}.bars i:nth-child(2){animation-delay:-.25s}.bars i:nth-child(3){animation-delay:-.5s}.bars i:nth-child(4){animation-delay:-.7s}.is-paused .live-notch .bars i{animation-play-state:paused}@keyframes bar{0%{height:3px}45%{height:14px}to{height:6px}}.compact-clock{font-variant-numeric:tabular-nums;color:var(--accent);font-size:14px;font-weight:600}.live-notch-wrap{z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.live-notch{pointer-events:auto;border-radius:0 0 16px 16px;width:300px;height:34px;font-size:15px;line-height:1.5}.is-intro .live-notch{pointer-events:none}.notch-hit{z-index:1;border-radius:inherit;position:absolute;inset:0}.live-notch[data-state=open] .notch-hit{display:none}.notch-clip{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.notch-compact{border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--accent) 26%, transparent), transparent 62%);justify-content:space-between;align-items:center;padding:0 16px 0 8px;transition:opacity .18s;display:flex;position:absolute;inset:0}.notch-compact .compact-clock:not([hidden])+.bars{display:none}.live-notch[data-state=open] .notch-compact{opacity:0;pointer-events:none}.notch-panel{flex-direction:column;width:min(680px,94vw);height:300px;padding:12px 16px 18px;display:flex;position:absolute;top:0;left:50%;overflow:hidden;translate:-50%}.notch-panel[hidden]{display:none}.panel-top{justify-content:space-between;align-items:center;display:flex}.tabs{background:var(--graphite);border-radius:999px;gap:2px;padding:3px;display:flex}.tab{height:30px;color:var(--n-smoke);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:13.5px;transition:background .18s,color .18s;display:flex}.tab svg,.perm-head svg,.timer-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.tab span{display:none}.tab:hover{color:var(--n-ink)}.tab[aria-selected=true]{background:var(--graphite-hi);color:var(--n-ink);padding:0 13px 0 11px;font-weight:600}.tab[aria-selected=true] span{display:inline}.panel-clock{font-variant-numeric:tabular-nums;font-weight:600}.panes{flex:1;min-height:0;padding:16px 4px 0}.pane{height:100%;animation:.22s ease-out pane-in}@keyframes pane-in{0%{opacity:0;translate:0 5px}}.pane[data-pane=home]{grid-template-columns:1fr 230px;gap:24px;display:grid}.pane[hidden]{display:none}.home-player,.media-pane{align-items:center;gap:16px;min-width:0;display:flex}.home-player{align-self:start}.track-title,.media-title{font-size:16px;font-weight:650;line-height:1.25}.media-title{letter-spacing:-.01em;font-size:24px}.track-artist{color:var(--n-smoke);font-size:14px}.media-app{color:var(--n-smoke);margin-bottom:4px;font-size:13px}.media-pane{gap:26px;height:100%;padding-left:8px}.transport{align-items:center;gap:6px;margin-top:10px;display:flex}.t-btn{border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s,transform .1s;display:grid}.t-btn svg{fill:currentColor;width:16px;height:16px}.t-btn:hover{background:var(--graphite-hi)}.t-btn:active,.pill-btn:active,.preset:active{transform:scale(.94)}.t-btn.is-main{background:var(--graphite-hi);width:38px;height:38px}.transport.is-large{margin-top:18px}.transport.is-large .t-btn.is-main{background:var(--n-ink);color:#000;width:52px;height:52px}.transport.is-large .t-btn.is-main svg{width:22px;height:22px}.mini-cal{font-variant-numeric:tabular-nums;font-size:12px}.mini-cal .cal-month{margin-bottom:6px;font-size:14px;font-weight:650}.mini-cal .cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);row-gap:1px;display:grid}.mini-cal .cal-wd{color:var(--n-smoke);padding-bottom:3px;font-size:11px}.mini-cal .cal-d{border-radius:50%;justify-self:center;place-items:center;width:25px;height:25px;display:grid}.mini-cal .is-out{color:#ffffff38}.mini-cal .is-today{background:var(--n-ink);color:#000;font-weight:700}.timer-pane{grid-template-columns:1fr 220px;gap:24px;height:100%;display:grid}.timer-pane>div:first-child{flex-direction:column;display:flex}.big-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:58px;font-weight:650;line-height:1}.pane-caption{color:var(--n-smoke);margin-top:10px;font-size:13px}.timer-controls{gap:10px;margin-top:auto;display:flex}.pill-btn{background:var(--graphite-hi);border-radius:999px;justify-content:center;align-items:center;min-width:96px;height:38px;padding:0 18px;font-size:14px;font-weight:600;transition:filter .15s,transform .1s;display:inline-flex}.pill-btn.is-solid{background:var(--n-ink);color:#000}.pill-btn:hover{filter:brightness(1.12)}.presets{grid-template-columns:1fr 1fr;align-content:start;gap:6px;display:grid}.preset{background:var(--graphite);border-radius:10px;height:36px;font-size:13.5px;transition:background .15s}.preset:hover{background:var(--graphite-hi)}.preset.is-active{background:var(--n-ink);color:#000;font-weight:600}.preset:disabled{opacity:.35;cursor:default}.perm-head{color:var(--n-smoke);align-items:center;gap:8px;font-size:14px;display:flex}.perm-head svg{color:var(--claude);stroke-width:2.2px}.chip{color:var(--claude);background:#d9775729;border-radius:999px;padding:1px 9px;font-size:12.5px;font-weight:600}.perm-command{background:var(--graphite);font:13px/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:12px;margin:12px 0;padding:12px 14px}.perm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.claude-pane{max-width:520px}.perm-result{align-items:center;gap:10px;margin-top:4px;font-size:14px;display:flex}.perm-result[hidden]{display:none}.perm-result button{color:var(--n-smoke);text-underline-offset:3px;text-decoration:underline}.perm-result .is-allow{color:var(--good);font-weight:600}.perm-result .is-deny{color:var(--bad);font-weight:600}.hero{padding:clamp(140px, 24vh, 230px) var(--gutter) 0;position:relative}.hero h1{max-width:13ch}.hero-foot{grid-template-columns:minmax(0,46ch) auto;justify-content:space-between;align-items:end;gap:32px 64px;margin-top:clamp(36px,6vh,64px);display:grid}.lede{color:var(--moss-soft);font-size:clamp(17px,1.35vw,20px)}.cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.cta-note{color:var(--sage);font-size:14px}.live-dot{background:var(--fern);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;translate:0 -2px}.notch-hint{color:var(--sage);white-space:nowrap;font-size:13.5px;transition:opacity .3s;position:absolute;top:58px;left:50%;translate:-50%}.placeholder{outline-offset:-1px;background:radial-gradient(60% 70% at 70% 15%,#fffff0b3,#0000 70%),radial-gradient(70% 80% at 20% 100%,#46694f,#0000 70%),linear-gradient(170deg,#d6e3cf 0%,#9dbb95 45%,#557a5d 100%);outline:1px dashed #16261b40;position:relative;overflow:hidden}.placeholder-label{color:#2c3e31;max-width:34ch;font:12px/1.3 var(--ui);background:#ffffffb8;border-radius:999px;padding:6px 12px;position:absolute;bottom:52px;left:14px}.calm,.claude,.details,.download{padding:clamp(96px, 15vh, 170px) var(--gutter) 0;position:relative}.stage{position:relative}.desktop{aspect-ratio:16/10;font-family:var(--ui);isolation:isolate;border-radius:20px;position:relative;overflow:hidden}.pen-frame{z-index:3;fill:none;width:100%;height:100%;stroke:var(--moss);stroke-linecap:round;pointer-events:none;position:absolute;inset:0;overflow:visible}.wallpaper{position:absolute;inset:0}.app-window{background:#fafbf9f0;border-radius:10px;position:absolute;inset:22% 34% 16% 9%;box-shadow:0 0 0 1px #16261b1f}.aw-bar{color:#55635a;border-bottom:1px solid #16261b12;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.aw-bar i{background:#d6ddd3;border-radius:50%;width:9px;height:9px}.aw-bar span{margin-left:8px}.aw-body{gap:10px;padding:18px;display:grid}.aw-body b{background:#e2e8df;border-radius:5px;height:9px}.aw-body b.short{width:62%}.video-window{z-index:3;opacity:0;transition:opacity .45s, scale .6s var(--spring);pointer-events:none;background:radial-gradient(60% 60% at 50% 45%,#1d3324,#050806 75%);place-items:center;display:grid;position:absolute;inset:0;scale:.6}.desktop.is-fullscreen .video-window{opacity:1;scale:1}.video-play{opacity:.85;clip-path:polygon(30% 20%,80% 50%,30% 80%);background:#fff;width:54px;height:54px}.video-bar{background:#fff3;border-radius:2px;height:3px;position:absolute;bottom:18px;left:4%;right:4%}.video-bar i{border-radius:inherit;background:#fff;width:38%;height:100%;display:block}.taskbar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f5f1cc;justify-content:center;align-items:center;gap:6px;height:40px;display:flex;position:absolute;inset:auto 0 0}.taskbar i{background:#16261b1f;border-radius:6px;width:24px;height:24px}.taskbar i.is-on{box-shadow:0 6px 0 -4px var(--fern)}.stage-notch{--ear:10px;z-index:4;transform-origin:50% 0;width:220px;height:30px;transition:width .6s var(--spring), height .6s var(--spring), border-radius .6s var(--spring), translate .5s cubic-bezier(.5, 0, .2, 1);border-radius:0 0 14px 14px;font-size:12.5px;line-height:1.4;position:absolute;top:0;left:50%;translate:-50%}.stage-notch[data-scene=music-open]{border-radius:0 0 28px 28px;width:380px;height:116px}.stage-notch[data-scene=message]{border-radius:0 0 24px 24px;width:330px;height:70px}.stage-notch[data-scene=claude],.stage-notch[data-scene=claude-done]{border-radius:0 0 28px 28px;width:390px;height:172px}.stage-notch[data-scene=timer]{width:160px}.stage-notch[data-scene=timer-done]{border-radius:0 0 24px 24px;width:300px;height:70px}.stage-notch[data-scene=hidden]{translate:-50% -130%}.layer{opacity:0;pointer-events:none;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.stage-notch[data-scene=music] [data-layer=music],.stage-notch[data-scene=hidden] [data-layer=music],.stage-notch[data-scene=music-open] [data-layer=music-open],.stage-notch[data-scene=message] [data-layer=message],.stage-notch[data-scene=claude] [data-layer=claude],.stage-notch[data-scene=claude-done] [data-layer=claude],.stage-notch[data-scene=timer] [data-layer=timer],.stage-notch[data-scene=timer-done] [data-layer=timer-done]{opacity:1;transition-delay:.2s}[data-layer=music]{border-radius:inherit;background:linear-gradient(90deg,#6fcf7f47,#0000 62%);justify-content:space-between;padding:0 13px 0 6px}[data-layer=music] .cover{border-radius:6px;width:19px;height:19px}[data-layer=music] .bars i,.demo-notch .bars i{background:#6fcf7f}[data-layer=music-open]{gap:16px;padding:10px 20px 4px}[data-layer=music-open] .cover.big{width:72px;height:72px}.mini-transport{gap:16px;margin-top:6px;display:flex}.mini-transport i{background:var(--n-ink);width:12px;height:12px}.mini-transport .prev{clip-path:polygon(100% 0,100% 100%,20% 50%,20% 100%,0 100%,0 0,20% 0,20% 50%)}.mini-transport .pause{clip-path:polygon(8% 0,38% 0,38% 100%,8% 100%,8% 0,62% 0,92% 0,92% 100%,62% 100%,62% 0)}.mini-transport .next{clip-path:polygon(0 0,80% 50%,80% 0,100% 0,100% 100%,80% 100%,80% 50%,0 100%)}[data-layer=message],[data-layer=timer-done]{gap:11px;padding:2px 18px 0 14px}.app-badge{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.app-badge.is-timer{background:var(--graphite-hi);color:#6fcf7f}.app-badge.is-timer .timer-icon{width:20px;height:20px}.card-text{min-width:0}.card-app{color:var(--n-smoke);font-size:11px}.card-title{font-size:13.5px;font-weight:650}.card-body{color:#a6aaa4;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}[data-layer=claude]{flex-direction:column;justify-content:center;align-items:stretch;padding:12px 20px 16px}[data-layer=claude] .perm-head{font-size:12.5px}[data-layer=claude] .perm-command{margin:9px 0;padding:8px 11px;font-size:11.5px}[data-layer=claude] .pill-btn{min-width:0;height:30px;font-size:12.5px}#stage-approve{transition:transform .15s,background .2s}#stage-approve.is-pressed{background:var(--good);transform:scale(.92)}.stage-result{height:30px;color:var(--good);align-items:center;font-size:12.5px;font-weight:600;display:none}.stage-notch[data-scene=claude-done] .perm-actions{display:none}.stage-notch[data-scene=claude-done] .stage-result{display:flex}[data-layer=timer]{color:#6fcf7f;justify-content:space-between;padding:0 14px}[data-layer=timer] .compact-clock{color:#6fcf7f;font-size:13px}.timer-icon{width:15px;height:15px}.calm{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.calm-list{margin:32px 0 0;padding:0;list-style:none}.calm-list li{border-top:1px solid var(--rule);color:var(--moss-soft);padding:14px 0;font-size:16.5px}.calm-list strong{color:var(--moss);font-weight:600}.browser{font-family:var(--ui);background:#fbfcfa;border-radius:14px;position:relative;overflow:hidden}.browser-tabs{background:var(--lichen);gap:4px;padding:10px 12px 0;display:flex}.b-tab{color:#5d6b61;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:9px 9px 0 0;flex:1;min-width:0;padding:10px 14px;font-size:13.5px;overflow:hidden}.b-tab:hover{color:var(--moss);background:#ffffff73}.b-tab.is-active{color:var(--moss);background:#fbfcfa}.demo-notch{--ear:10px;pointer-events:none;border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;width:210px;height:30px;padding:0 14px 0 7px;transition:opacity .15s;display:flex;position:absolute;top:0;left:50%;translate:-50%}.demo-notch .cover{border-radius:6px;width:19px;height:19px}.demo-notch.is-faded{opacity:.12}.browser-body{place-items:center;height:220px;display:grid}.browser-body p{font-family:var(--display);font-variation-settings:"SOFT" 100;font-size:28px}.demo-caption{color:var(--sage);margin-top:14px;font-size:14.5px}.claude{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.claude-copy{max-width:46ch;color:var(--moss-soft);margin-top:24px}.claude-card{background:var(--bezel);width:100%;max-width:520px;color:var(--n-ink);font-family:var(--ui);border-radius:0 0 30px 30px;justify-self:end;padding:22px 24px 24px}.perm-foot{color:var(--n-smoke);justify-content:space-between;margin-bottom:14px;font-size:13px;display:flex}.details-list{margin:36px 0 0}.details-list>div{border-top:1px solid var(--rule);grid-template-columns:minmax(140px,3fr) 9fr;gap:24px;padding:18px 0;display:grid}.details-list dt{color:var(--sage)}.details-list dd{margin:0}.download-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px 64px;margin-top:48px;display:grid}.file-meta{color:var(--sage);margin-top:14px;font-size:14.5px}.install-steps{color:var(--moss-soft);margin:0;padding-left:22px;font-size:16.5px}.install-steps li{margin-bottom:14px;padding-left:6px}.install-steps li::marker{color:var(--fern);font-family:var(--display)}.install-steps em{color:var(--moss);font-style:normal;font-weight:600}.meadow{width:100%;height:170px;margin-top:40px;display:block}.site-footer{z-index:1;padding:18px var(--gutter) 26px;color:var(--moss-soft);justify-content:space-between;font-size:14px;display:flex;position:relative}.link-button{text-underline-offset:3px;text-decoration:underline}.is-intro body{background:var(--lichen)}.is-intro .page{clip-path:inset(0 50% 100%)}.intro-ui{z-index:70;pointer-events:none;position:fixed;inset:0}.leaf-cursor{opacity:0;transform-origin:50% 10%;will-change:transform;width:56px;height:56px;position:absolute;top:0;left:0}.intro-ripple{border:2px solid var(--fern);opacity:0;border-radius:50%;width:46px;height:46px;position:absolute}.reveal-frame{z-index:0;pointer-events:none;width:0;height:0;display:none;position:fixed;top:0;left:0;box-shadow:0 30px 80px #16261b40}.is-intro .reveal-frame{display:block}.intro-skip{z-index:71;color:var(--sage);border-radius:999px;padding:8px 14px;font-size:14px;display:none;position:fixed;bottom:20px;right:20px}.intro-skip:hover{color:var(--moss)}.is-intro .intro-skip{display:block}.is-intro [data-arrive],.is-intro .hero [data-words] .word{opacity:0}@media (max-width:900px){.hero-foot,.calm,.claude,.download-grid{grid-template-columns:1fr}.claude-card{justify-self:stretch}.details-list>div{grid-template-columns:1fr;gap:4px}.pane[data-pane=home],.timer-pane{grid-template-columns:1fr}.mini-cal,.presets,.notch-hint{display:none}.stage-notch{scale:.8}}@media (max-width:560px){.site-header .btn{display:none}.stage-notch{scale:.6}.placeholder-label{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bars i,.pane{animation:none}.stage-notch,.layer,.video-window{transition:none}.weather,.meadow{display:none}}.feature{height:calc(var(--len,2.6) * 100vh);position:relative}.feature-pin{box-sizing:border-box;min-height:100vh;padding:88px var(--gutter) 40px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,88px);display:grid;position:sticky;top:0}.feature.is-flipped .feature-copy{order:2}.feature-copy{max-width:520px}.feature-lede{color:var(--moss-soft);margin-top:22px;font-size:clamp(17px,1.3vw,19px)}.feature-points,.feature-steps{margin:28px 0 0;padding:0;list-style:none}.feature-points li,.feature-steps li{border-top:1px solid var(--rule);color:var(--moss-soft);padding:13px 0;font-size:16px;line-height:1.5}.feature-points strong,.feature-steps strong{color:var(--moss);font-weight:600}.feature-steps{counter-reset:step}.feature-steps li{counter-increment:step;padding-left:34px;position:relative}.feature-steps li:before{content:counter(step);font-family:var(--display);color:var(--fern);font-size:22px;line-height:1.1;position:absolute;top:11px;left:0}.scene-caption{min-height:3em;color:var(--moss-soft);margin-top:16px;font-size:16px}.scene-progress{background:var(--rule);height:2px;margin-top:8px;display:block}.scene-progress i{background:var(--fern);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.feature-stage{aspect-ratio:16/10;isolation:isolate;background:radial-gradient(70% 80% at 80% 10%, #ffffffb3, transparent 70%), var(--lichen);font-family:var(--ui);border-radius:18px;position:relative;overflow:hidden}.feature-stage.is-tall{aspect-ratio:16/11}.feature-stage.is-paused .bars i{animation-play-state:paused}.mini-notch{--ear:10px;--bezel:#000;z-index:4;width:min(var(--w,220px), 100%);height:var(--h,30px);border-radius:0 0 var(--r,14px) var(--r,14px);color:var(--n-ink);transform-origin:50% 0;transition:width .6s var(--spring), height .6s var(--spring), border-radius .6s var(--spring), translate .5s cubic-bezier(.5, 0, .2, 1);background:#000;font-size:12.5px;line-height:1.4;position:absolute;top:0;left:50%;translate:-50%}.mini-notch.is-hidden{translate:-50% -130%}.mini-notch .layer{border-radius:inherit;overflow:hidden}.mini-notch .layer.is-on{opacity:1;transition-delay:.18s}.mini-notch .layer.is-column{flex-direction:column;justify-content:center;align-items:stretch}.mini-notch [data-layer=compact],.mini-notch [data-layer=running]{background:linear-gradient(90deg, color-mix(in oklab, var(--accent) 28%, transparent), transparent 62%);justify-content:space-between;padding:0 13px 0 6px}.mini-notch [data-layer=compact] .cover{border-radius:6px;width:19px;height:19px}.mini-notch [data-layer=running]{color:var(--accent);padding:0 14px}.mini-notch .t-icon svg{display:block}.mini-notch [data-layer=card],.mini-notch [data-layer=done],.mini-notch [data-layer=message],.mini-notch [data-layer=claude]{gap:11px;padding:2px 18px 0 14px}.mini-notch [data-layer=open]{gap:16px;padding:10px 22px 6px}.mini-notch [data-layer=ask]{padding:12px 20px 16px}.mini-notch [data-layer=ask] .perm-head{font-size:12.5px}.mini-notch [data-layer=ask] .perm-command{margin:9px 0;padding:8px 11px;font-size:11.5px}.mini-notch [data-layer=ask] .pill-btn{min-width:0;height:32px;font-size:12.5px;transition:transform .15s,background .2s,color .2s}.mini-notch .pill-btn.is-pressed{background:var(--good);color:#000;transform:scale(.92)}.mini-notch [data-deny].is-pressed{background:var(--bad)}.mini-notch .cover.big{width:76px;height:76px}.player{flex:1;min-width:0}.progress{background:#ffffff26;border-radius:2px;height:3px;margin-top:10px;display:block}.progress i{border-radius:inherit;background:var(--accent);width:8%;height:100%;display:block}.play-state{background:var(--n-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;display:flex}.play-state:before,.play-state:after{content:"";background:#000;border-radius:1px;width:4px;height:13px}.play-state.is-paused:after{display:none}.play-state.is-paused:before{clip-path:polygon(0 0,100% 50%,0 100%);width:12px;height:14px;translate:2px}.app-badge.is-claude{color:var(--claude);background:#d977572e}.app-badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.mock-window{background:#fafbf9f2;border-radius:10px;position:absolute;inset:26% 22% 9% 9%;overflow:hidden;box-shadow:0 0 0 1px #16261b1f}.mock-window.is-low{inset:52% 14% 7%}.mw-bar{color:#55635a;white-space:nowrap;border-bottom:1px solid #16261b14;align-items:center;gap:6px;padding:9px 12px;font-size:12px;display:flex}.mw-bar i{background:#d6ddd3;border-radius:50%;flex-shrink:0;width:9px;height:9px}.mw-bar span{text-overflow:ellipsis;margin-left:8px;overflow:hidden}.mw-body{gap:18px;padding:20px;display:flex}.mw-body.is-doc{gap:11px;display:grid}.mw-body b{background:#e2e8df;border-radius:5px;height:9px;display:block}.mw-body b.short{width:60%}.mw-art{aspect-ratio:1;background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent) 40%, #0c2414));border-radius:8px;width:34%}.mw-lines{flex:1;align-content:start;gap:10px;display:grid}.mw-body.is-video{background:#1c2b20;place-items:center;height:calc(100% - 36px);display:grid}.play-tri{opacity:.85;clip-path:polygon(28% 18%,82% 50%,28% 82%);background:#fff;width:40px;height:40px}.mock-terminal{font:12.5px/1.6 var(--mono);color:var(--moss);background:#fbfcfa;border-radius:10px;padding:16px 18px;position:absolute;inset:22% 8% 8%;overflow:hidden;box-shadow:0 0 0 1px #16261b1f}.t-line{white-space:pre-wrap;word-break:break-word}.t-line.is-dim{color:var(--sage)}.t-line.is-good{color:var(--fern)}.t-line.is-bad{color:#b5452f}.t-prompt{color:var(--claude)}.fs-video{z-index:2;opacity:0;transition:opacity .45s, scale .6s var(--spring);background:radial-gradient(60% 60% at 50% 45%,#1d3324,#050806 75%);place-items:center;display:grid;position:absolute;inset:0;scale:.5}.feature-stage.is-fullscreen .fs-video{opacity:1;scale:1}.fs-bar{background:#fff3;border-radius:2px;height:3px;position:absolute;bottom:18px;left:4%;right:4%}.fs-bar i{background:#fff;width:10%;height:100%;display:block}.held-chip{z-index:3;color:#dfe7da;opacity:0;background:#ffffff1f;border-radius:999px;padding:5px 11px;font-size:12px;transition:opacity .3s,translate .3s;position:absolute;top:14px;right:14px;translate:0 -6px}.feature-stage.is-holding .held-chip{opacity:1;translate:0}.mini-notch [data-layer=home]{justify-content:flex-start;padding:14px 22px 18px}.home-top{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.home-tabs{background:var(--graphite);border-radius:999px;gap:2px;padding:3px;font-size:11.5px;display:flex}.home-tabs b,.home-tabs i{color:var(--n-smoke);border-radius:999px;padding:3px 10px;font-style:normal}.home-tabs b{background:var(--graphite-hi);color:var(--n-ink);font-weight:600}.home-time{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.home-body{grid-template-columns:1fr 200px;align-items:center;gap:20px;margin-top:14px;display:grid}.home-now{align-items:center;gap:12px;min-width:0;display:flex}.mini-notch .home-now .cover.big{width:62px;height:62px}.home-cal{font-variant-numeric:tabular-nums;border-radius:12px;padding:6px 8px 8px;font-size:10.5px;transition:box-shadow .3s}.home-cal.is-spot{box-shadow:0 0 0 1.5px var(--accent)}.cal-head{text-align:center;margin-bottom:3px;font-size:11.5px;font-weight:600}.home-cal .cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.home-cal .cal-wd{color:var(--n-smoke)}.home-cal .cal-d{border-radius:50%;justify-self:center;width:20px;height:20px;line-height:20px}.home-cal .is-out{color:#ffffff38}.home-cal .is-today{background:var(--n-ink);color:#000;font-weight:700}.pen-cursor{z-index:5;fill:var(--mist);stroke:var(--moss);stroke-width:1.3px;stroke-linejoin:round;transition:scale .12s;position:absolute}.pen-cursor.is-pressed{scale:.8}.pen-btn{min-height:34px;box-shadow:inset 0 0 0 1.3px var(--moss);color:var(--moss);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.pen-btn.is-on{background:var(--moss);color:var(--mist)}.switch-look{width:42px;height:24px;box-shadow:inset 0 0 0 1.3px var(--moss);border-radius:999px;flex-shrink:0;transition:background .25s;position:relative}.switch-look:after{content:"";background:var(--moss);width:16px;height:16px;transition:translate .3s var(--spring), background .25s;border-radius:50%;position:absolute;top:4px;left:4px}.switch-look.is-on{background:var(--moss)}.switch-look.is-on:after{background:var(--mist);translate:18px}.app-list{margin-top:28px}.app-list-head{color:var(--sage);margin-bottom:6px;font-size:14px}.app-row{border-top:1px solid var(--rule);border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;margin:0 -8px;padding:9px 8px;transition:background .25s;display:grid}.app-row.is-current{background:#16261b0f}.app-row .switch-look{background:var(--moss)}.app-row .switch-look:after{background:var(--mist);translate:18px}.app-row.is-off .switch-look{background:0 0}.app-row.is-off .switch-look:after{background:var(--moss);translate:0}.app-row.is-off .app-dot,.app-row.is-off .app-name{opacity:.4}.app-dot{color:#fff;width:30px;height:30px;font:700 14px var(--ui);border-radius:9px;place-items:center;display:grid}.app-name{font-size:15.5px;font-weight:600}.timer-console{justify-items:start;gap:16px;margin-top:28px;display:grid}.segmented{box-shadow:inset 0 0 0 1.3px var(--moss);border-radius:999px;padding:3px;display:inline-flex}.segmented b{border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;transition:background .25s,color .25s}.segmented b.is-on{background:var(--moss);color:var(--mist)}.console-clock{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-variation-settings:"SOFT" 100, "opsz" 144;font-size:clamp(56px,7vw,96px);line-height:1}.settings-window{max-width:560px;font-family:var(--ui);background:#fbfcfa;border-radius:14px;margin:0 auto;font-size:14px;position:relative}.sw-bar{color:#55635a;align-items:center;gap:8px;padding:12px 16px;font-size:12.5px;display:flex}.sw-bar img{border-radius:5px}.sw-tabs{border-bottom:1px solid #16261b1a;gap:4px;padding:0 14px;display:flex}.sw-tabs span{color:#5d6b61;border-bottom:2px solid #0000;padding:10px 12px;transition:color .2s,border-color .2s}.sw-tabs span.is-on{border-bottom-color:var(--moss);color:var(--moss);font-weight:600}.sw-pane{min-height:300px;padding:8px 20px 20px}.sw-pane[hidden]{display:none}.sw-note{color:#5d6b61;padding:12px 0 6px;font-size:13.5px}.set-row{border-bottom:1px solid #16261b14;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.set-row strong{font-size:14.5px;font-weight:600;display:block}.set-row small{color:#6b786f;font-size:12.5px;display:block}.reserve-preview{background:var(--lichen);border-radius:8px;height:110px;margin-top:16px;position:relative;overflow:hidden}.rp-notch{z-index:2;background:#000;border-radius:0 0 7px 7px;width:80px;height:12px;position:absolute;top:0;left:50%;translate:-50%}.rp-strip{opacity:0;background:repeating-linear-gradient(135deg,#16261b2e 0 1px,#0000 1px 6px);height:16px;transition:opacity .3s;position:absolute;inset:0 0 auto}.rp-window{transition:top .5s var(--spring);background:#fbfcfa;border-radius:5px;gap:4px;padding:6px 8px;display:flex;position:absolute;inset:0 6px 6px;box-shadow:0 0 0 1px #16261b26}.rp-window i{background:#d6ddd3;border-radius:50%;width:6px;height:6px}.reserve-preview.is-reserved .rp-strip{opacity:1}.reserve-preview.is-reserved .rp-window{top:18px}@media (max-width:900px){.feature-pin{grid-template-columns:1fr;align-content:center;gap:20px;padding-top:72px}.feature.is-flipped .feature-copy{order:0}.feature-points,.feature-steps,.app-list,.timer-console{display:none}.feature-lede{margin-top:12px;font-size:16px}.mini-notch{scale:.82}.home-body{grid-template-columns:1fr}.home-cal{display:none}.sw-pane{min-height:0}.reserve-preview{display:none}}@media (max-width:560px){.mini-notch{scale:.66}.mock-window{right:9%}}@media (prefers-reduced-motion:reduce){.mini-notch,.fs-video,.rp-window,.switch-look:after{transition:none}}
