@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-italic-DTr-ymY4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-italic-CSPGnFdO.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-italic-kJKFiXvB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f3eee3;--paper-edge:#e8e0cf;--pop:#fbf8f1;--ink:#1d1b17;--ink-soft:#5f584c;--ink-faint:#a0978a;--rule:#1d1b171a;--accent:#d9432a;--accent-glow:#d9432a47;--go:#2f9a58;--serif:"Newsreader Variable", "Iowan Old Style", Georgia, serif;--sans:"Instrument Sans Variable", ui-sans-serif, sans-serif;--line:1.5em;--spring:cubic-bezier(.34, 1.56, .64, 1);--glide:cubic-bezier(.32, .72, 0, 1)}:root.dark{--paper:#161512;--paper-edge:#211f1b;--pop:#24221e;--ink:#eee7d9;--ink-soft:#a89f90;--ink-faint:#676054;--rule:#eee7d914;--accent:#f0603f;--accent-glow:#f0603f4d;--go:#4cc27a}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}body{font-family:var(--sans);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none}.shell{height:100dvh}.app{grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;max-width:44rem;height:100dvh;margin:0 auto;display:grid}.page{flex-direction:column;min-height:0;display:flex}.collapse-wrap,.group-body,.group-menu-wrap,.group-wrap,.rec-item{overflow:hidden}.icon-btn{width:40px;height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn,.text-btn,.pill-btn,.chip,.group-toggle{transition:transform .45s var(--spring), background-color .2s ease, color .2s ease, opacity .25s ease}.icon-btn:active,.text-btn:active:not(:disabled),.pill-btn:active,.chip:active{background:var(--rule);transition-duration:.1s;transform:scale(.93)}.group-toggle:active{background:var(--rule);transition-duration:.1s;transform:scale(.985)}.top{padding:calc(env(safe-area-inset-top) + 8px) 16px 2px 12px;justify-content:space-between;align-items:center;animation:.6s cubic-bezier(.2,.7,.2,1) both rise;display:flex}.top-left,.top-right{align-items:center;gap:4px;display:flex}.theme-toggle{border-radius:50%;width:36px;height:36px}.brand{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:11px;font-weight:600}.status{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:7px;font-size:11px;font-weight:500;transition:color .3s;display:inline-flex}.status-label{min-width:7em;display:inline-block;position:relative}.status-label>span{display:inline-block}.status-dot{background:var(--ink-faint);border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .4s,box-shadow .4s}.status-loading .status-dot,.status-starting .status-dot{animation:1.4s ease-in-out infinite blink}.status-ready .status-dot{background:var(--go);box-shadow:0 0 0 3px color-mix(in srgb, var(--go) 22%, transparent);animation:dot-pop .6s var(--spring) both}.status-listening,.status-load-failed{color:var(--accent)}.status-listening .status-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:1.4s ease-in-out infinite blink}.rec-header{z-index:5;padding:6px 26px 8px 44px;animation:.6s cubic-bezier(.2,.7,.2,1) 50ms both rise;position:relative}.rec-heading{font-family:var(--serif);font-variation-settings:"opsz" 30;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600;line-height:1.25;position:relative}.rec-heading-inner{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rec-heading button{max-width:100%;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.folder-picker{color:var(--ink-soft);align-items:center;gap:7px;margin-top:5px;font-size:13px;display:inline-flex;position:relative}.folder-trigger{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:color-mix(in srgb, var(--paper-edge) 55%, transparent);max-width:62vw;height:30px;color:var(--ink);cursor:pointer;transition:transform .45s var(--spring), background-color .2s ease, border-color .2s ease, box-shadow .25s ease;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 9px;font-size:13px;font-weight:600;display:inline-flex}.folder-trigger:active{transition-duration:.1s;transform:scale(.95)}.folder-trigger.is-open{border-color:color-mix(in srgb, var(--ink) 28%, transparent);background:var(--paper-edge);box-shadow:0 0 0 4px var(--rule)}.folder-icon{color:var(--ink-soft);flex:none}.folder-trigger-label{min-width:0;display:block;position:relative;overflow:hidden}.folder-trigger-label>span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.folder-chev{color:var(--ink-soft);transition:transform .45s var(--spring);flex:none}.folder-trigger.is-open .folder-chev{transform:rotate(180deg)}.folder-menu{z-index:30;border:1px solid var(--rule);background:var(--pop);transform-origin:24px 0;border-radius:16px;min-width:220px;max-width:min(300px,100vw - 60px);padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 22px 44px -18px #0006,0 2px 6px #0000000f}.folder-menu-scroll{border-bottom:1px solid var(--rule);max-height:40vh;margin-bottom:4px;padding-bottom:4px;overflow-y:auto}.folder-option{width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:500;transition:background-color .15s;display:flex}.folder-option:hover,.folder-option:active{background:var(--rule)}.folder-option.is-selected{font-weight:650}.folder-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.folder-option.is-new{color:var(--ink-soft);gap:8px;font-size:14px}.sidenav{--nav-bg:var(--paper);z-index:20;width:min(84vw,320px);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:var(--nav-bg);border-right:1px solid var(--rule);visibility:hidden;transition:transform .42s var(--glide), box-shadow .42s ease, visibility 0s .42s;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidenav.is-open{visibility:visible;transition:transform .46s var(--glide), box-shadow .46s ease;transform:none;box-shadow:18px 0 40px -20px #00000059}.scrim{z-index:15;opacity:0;pointer-events:none;background:#14120f52;transition:opacity .4s;position:fixed;inset:0}.scrim.is-open{opacity:1;pointer-events:auto}.sidenav-head{justify-content:space-between;align-items:center;padding:12px 10px 6px 22px;display:flex}.sidenav-title{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:600}.sidenav-actions{gap:8px;padding:4px 16px 14px;display:flex}.pill-btn,.chip{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;font-weight:550}.pill-btn{height:38px;padding:0 15px;font-size:13px}.sidenav-scroll{-webkit-overflow-scrolling:touch;border-top:1px solid var(--rule);flex:1;padding:0 8px 24px;overflow:hidden auto}.group{padding-top:6px}.group-row{align-items:center;display:flex}.group-toggle{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:0;min-height:44px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.chev{color:var(--ink-faint);transition:transform .45s var(--spring);flex:none}.group-toggle[aria-expanded=true] .chev{transform:rotate(90deg)}.group-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-count{font-variant-numeric:tabular-nums;color:var(--ink-faint);margin-left:auto;font-size:12px;font-weight:500}.dots{border-radius:50%;position:relative}.dots.is-open{color:var(--ink);background:var(--rule)}.dot{width:3.6px;height:3.6px;transition:transform .55s var(--spring), width .55s var(--spring), height .4s ease, margin .55s var(--spring), opacity .25s ease;background:currentColor;border-radius:99px;margin:-1.8px 0 0 -1.8px;position:absolute;top:50%;left:50%}.dot-a{transform:translate(-6.5px)rotate(0)}.dot-b{transition-delay:80ms}.dot-c{transition-delay:40ms;transform:translate(6.5px)rotate(0)}.dots.is-open .dot-a,.dots.is-open .dot-c{width:15px;height:2.2px;margin:-1.1px 0 0 -7.5px}.dots.is-open .dot-a{transform:translate(0)rotate(45deg)}.dots.is-open .dot-c{transform:translate(0)rotate(-45deg)}.dots.is-open .dot-b{opacity:0;transition-delay:0s;transform:scale(0)}.group-menu{flex-wrap:wrap;gap:6px;padding:2px 10px 10px 31px;display:flex}.chip{height:32px;padding:0 12px;font-size:13px}.chip.is-danger{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.rec-list{margin:0;padding:0 0 6px 21px;list-style:none}.rec-item{padding-bottom:2px}.swipe{border-radius:10px;position:relative;overflow:hidden}.swipe-actions{justify-content:flex-end;display:flex;position:absolute;inset:0}.swipe-btn{letter-spacing:.04em;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:72px;padding:0;font-size:11px;font-weight:650;display:flex}.swipe-btn.is-rename{background:color-mix(in srgb, var(--ink) 11%, var(--nav-bg));color:var(--ink)}.swipe-btn.is-delete{background:var(--accent);color:#fff}.swipe-btn:active{filter:brightness(.92)}.swipe-front{background:var(--nav-bg);border-radius:10px;position:relative}.rec-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;gap:1px;width:100%;padding:8px 12px 8px 14px;transition:background-color .2s;display:grid;position:relative}.rec-row:active{background:var(--rule)}.rec-current{background:var(--rule);border-radius:10px;position:absolute;inset:0}.rec-current:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:4px}.rec-title,.rec-date{position:relative}.rec-title{white-space:nowrap;text-overflow:ellipsis;font-family:var(--serif);color:var(--ink);font-size:17px;line-height:1.3;overflow:hidden}.rec-date{color:var(--ink-faint);font-size:12px}.group-empty{font-family:var(--serif);color:var(--ink-faint);margin:0;padding:0 12px 10px 35px;font-size:15px;font-style:italic}@media (width>=900px){.shell{grid-template-columns:300px minmax(0,1fr);display:grid}.sidenav{--nav-bg:var(--paper-edge);visibility:visible;width:auto;position:static;transform:none}.scrim,.menu-btn,.sidenav-close{display:none}.top{padding-left:22px}.toast{left:calc(50% + 150px)}}.transcript{-webkit-overflow-scrolling:touch;min-height:0;font-family:var(--serif);font-size:clamp(23px,6.2vw,30px);line-height:var(--line);background-image:linear-gradient(to right, transparent 27px, var(--accent-glow) 27px, var(--accent-glow) 28px, transparent 28px), linear-gradient(to bottom, transparent calc(var(--line) - 1px), var(--rule) calc(var(--line) - 1px));background-size:100% 100%, 100% var(--line);background-position:0 0,0 calc(10px + .12em);background-attachment:local;flex:1;padding:10px 26px 28px 44px;animation:.5s cubic-bezier(.2,.7,.2,1) 50ms both page-in;overflow-y:auto}.transcript-text{font-variation-settings:"opsz" 36;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;font-weight:420}.fresh{animation:.8s both ink-in}.draft{color:var(--ink-faint);font-style:italic;animation:.35s both fade}.caret{vertical-align:-.1em;background:var(--accent);border-radius:2px;width:2px;height:.9em;margin-left:4px;animation:1.1s ease-in-out infinite caret;display:inline-block}.transcript-empty p{margin:0}.transcript-prompt{color:var(--ink-faint);font-style:italic;position:relative}.transcript-prompt-text{display:inline-block}.transcript-note{font-family:var(--sans);color:var(--ink-faint);font-size:13px}.dock{padding:10px 22px calc(env(safe-area-inset-bottom) + 18px);border-top:1px solid var(--rule);background:linear-gradient(to bottom, transparent, var(--paper-edge));animation:.6s cubic-bezier(.2,.7,.2,1) .15s both rise}.dock-row{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.dock-row>.text-btn:first-child{justify-self:start}.dock-row>.text-btn:last-child{justify-self:end}.text-btn{letter-spacing:.02em;min-width:72px;min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:550}.text-btn:disabled{opacity:.35;cursor:default}.swap-btn{place-items:center;display:inline-grid;position:relative;overflow:hidden}.swap-label{align-items:center;gap:5px;display:inline-flex}.notice{border-left:2px solid var(--accent);background:var(--rule);margin:0 0 10px;padding:10px 14px;font-size:14px;line-height:1.4}.record{cursor:pointer;background:0 0;border:0;border-radius:50%;width:80px;height:80px;padding:0;position:relative}.record-core{border-radius:50%;position:absolute;inset:0}.record-press{background:var(--ink);color:var(--paper);transition:transform .55s var(--spring), background-color .45s ease, color .45s ease, box-shadow .45s ease;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14,0 10px 24px -10px #00000073}.record:active:not(:disabled) .record-press{transition-duration:.12s,.45s,.45s,.45s;transform:scale(.9)}.record-icon{transition:opacity .25s ease, transform .55s var(--spring);grid-area:1/1}.record-icon.is-stop,.record.is-listening .record-icon.is-mic{opacity:0;transform:scale(.35)rotate(-90deg)}.record.is-listening .record-icon.is-mic{transform:scale(.35)rotate(90deg)}.record.is-listening .record-icon.is-stop{opacity:1;transform:none}.record.is-listening .record-press{background:var(--accent);color:#fff;box-shadow:0 1px 0 #ffffff1f inset, 0 14px 32px -10px var(--accent-glow)}.record-ring-wrap{opacity:0;pointer-events:none;transition:opacity .35s ease, transform .6s var(--spring);position:absolute;inset:-10px;transform:scale(.8)}.record.is-listening .record-ring-wrap{opacity:1;transform:none}.record-ring{border:2px solid var(--accent);border-radius:50%;position:absolute;inset:0}.record-wave{background:var(--accent);opacity:0;pointer-events:none;border-radius:50%;animation:1.1s cubic-bezier(.2,.7,.2,1) both wave;position:absolute;inset:0}.record-wave.is-late{animation-delay:.22s}.record.is-starting .record-press{animation:.9s ease-in-out infinite breathe}.record:disabled{cursor:default}.record:disabled:not(.is-starting) .record-press{background:var(--ink-faint)}.record:focus-visible{outline:2px solid var(--accent);outline-offset:14px}.loader{color:var(--ink-soft);margin-bottom:14px;font-size:13px}.loader-label{color:var(--ink);justify-content:space-between;margin-bottom:7px;font-weight:550;display:flex}.loader-pct{font-variant-numeric:tabular-nums}.loader-track{background:var(--rule);border-radius:3px;height:3px;overflow:hidden}.loader-fill{background:var(--ink);transform-origin:0;height:100%;transition:transform .3s}.loader-note{color:var(--ink-faint);margin:7px 0 0}.loader.is-failed{color:var(--accent);justify-content:space-between;align-items:center;gap:12px;display:flex}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 124px);z-index:35;background:var(--ink);width:max-content;min-width:250px;max-width:calc(100vw - 32px);color:var(--paper);border-radius:16px;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;overflow:hidden;translate:-50%;box-shadow:0 18px 40px -14px #00000080}.toast-message{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:550;overflow:hidden}.toast-undo{background:color-mix(in srgb, var(--paper) 16%, transparent);height:34px;color:var(--paper);letter-spacing:.04em;cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700}.toast-timer{background:var(--accent);transform-origin:0;width:100%;height:2px;animation:linear forwards drain;position:absolute;bottom:0;left:0}.dialog-layer{z-index:40;padding:calc(env(safe-area-inset-top) + 14vh) 18px 18px;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.dialog-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14120f5c;position:absolute;inset:0}.dialog{border:1px solid var(--rule);background:var(--pop);border-radius:22px;width:min(100%,380px);margin:0;padding:22px 20px 16px;position:relative;box-shadow:0 30px 70px -24px #00000080,0 2px 8px #00000014}.dialog-title{font-family:var(--serif);font-variation-settings:"opsz" 30;letter-spacing:-.01em;margin:0 0 14px;font-size:22px;font-weight:600}.dialog-input{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--paper);width:100%;height:50px;font:500 17px var(--sans);color:var(--ink);border-radius:12px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .25s;display:block}.dialog-input::placeholder{color:var(--ink-faint)}.dialog-input:focus{border-color:var(--ink-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 8%, transparent)}.dialog-input.is-shaking{border-color:var(--accent);animation:.42s cubic-bezier(.36,.07,.19,.97) both shake}.dialog-hint{color:var(--ink-faint);margin:8px 2px 0;font-size:13px}.dialog-actions{justify-content:flex-end;align-items:center;gap:6px;margin-top:18px;display:flex}.dialog-confirm{background:var(--ink);min-width:44px;height:44px;color:var(--paper);white-space:nowrap;cursor:pointer;transition:background-color .3s ease, padding .3s ease, transform .45s var(--spring);border:0;border-radius:999px;place-items:center;padding:0 20px;font-size:15px;font-weight:600;display:inline-grid;overflow:hidden}.dialog-confirm:active{transition-duration:.3s,.3s,.1s;transform:scale(.94)}.dialog.is-accepted .dialog-confirm{background:var(--go);color:#fff;padding:0}.install-pill{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:color-mix(in srgb, var(--paper-edge) 55%, transparent);height:36px;font:600 13px var(--sans);color:var(--ink);cursor:pointer;transition:transform .45s var(--spring), background-color .2s ease;border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:0 15px 0 12px;display:inline-flex}.install-pill:active{background:var(--paper-edge);transition-duration:.1s;transform:scale(.95)}.sheet-layer{z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,440px);padding:8px 20px calc(env(safe-area-inset-bottom) + 18px);border:1px solid var(--rule);background:var(--pop);text-align:center;touch-action:none;border-bottom:0;border-radius:26px 26px 0 0;position:relative;box-shadow:0 -20px 60px -24px #00000073}@media (width>=600px){.sheet{border-bottom:1px solid var(--rule);border-radius:26px;margin-bottom:24px}}.sheet-grabber{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:5px;width:38px;height:5px;margin:0 auto 16px}.sheet-hero img{border-radius:15px;margin:0 auto;display:block;box-shadow:0 10px 24px -10px #00000073}.sheet-title{font-family:var(--serif);font-variation-settings:"opsz" 30;letter-spacing:-.01em;margin:14px 0 4px;font-size:24px;font-weight:600}.sheet-lede{max-width:30ch;color:var(--ink-soft);margin:0 auto 16px;font-size:14px;line-height:1.45}.steps{text-align:left;gap:4px;margin:0 0 16px;padding:0;list-style:none;display:grid}.step{cursor:pointer;border-radius:16px;align-items:center;gap:13px;padding:10px 12px;display:flex;position:relative}.step-highlight{background:var(--rule);border-radius:16px;position:absolute;inset:0}.step-icon{background:color-mix(in srgb, var(--ink) 7%, var(--pop));width:44px;height:44px;color:var(--ink-soft);transition:transform .5s var(--spring), background-color .3s ease, color .3s ease;border-radius:12px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.step.is-active .step-icon{background:var(--ink);color:var(--paper);transform:scale(1.08)}.step-text{gap:2px;min-width:0;display:grid;position:relative}.step-title{color:var(--ink);align-items:center;gap:7px;font-size:15px;font-weight:650;display:flex}.step-num{background:color-mix(in srgb, var(--ink) 10%, transparent);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;transition:background-color .3s,color .3s;display:grid}.step.is-active .step-num{background:var(--accent);color:#fff}.step-detail{color:var(--ink-soft);font-size:13px;line-height:1.35}.sheet-done{background:var(--ink);width:100%;height:50px;color:var(--paper);cursor:pointer;border:0;border-radius:999px;font-size:16px;font-weight:600}html[data-theme-transition]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-theme-transition]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-theme-transition]::view-transition-group(root){animation:none}html[data-theme-transition]::view-transition-old(root){z-index:0}html[data-theme-transition]::view-transition-new(root){z-index:1;animation:.62s cubic-bezier(.35,0,.2,1) forwards theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-origin-x) var(--theme-origin-y))}to{clip-path:circle(var(--theme-reveal-r) at var(--theme-origin-x) var(--theme-origin-y))}}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning :before,html.theme-transitioning :after{transition:background-color .42s cubic-bezier(.2,0,0,1),border-color .42s cubic-bezier(.2,0,0,1),color .42s cubic-bezier(.2,0,0,1),fill .42s cubic-bezier(.2,0,0,1),stroke .42s cubic-bezier(.2,0,0,1),box-shadow .42s cubic-bezier(.2,0,0,1)!important}html.theme-transitioning .theme-toggle,html.theme-transitioning .theme-toggle *{transition:none!important}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}@keyframes ink-in{0%{color:var(--ink-faint);opacity:.6}}@keyframes blink{50%{opacity:.25}}@keyframes caret{0%,to{opacity:1}50%{opacity:.15}}@keyframes breathe{50%{opacity:.8;transform:scale(.95)}}@keyframes dot-pop{0%{transform:scale(.3)}}@keyframes wave{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes drain{to{transform:scaleX(0)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}