@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-wght-normal-cHuGMAiY.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-wght-normal-DwHjdM4S.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-wght-normal-ece1310W.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-wght-normal-D-yuW59g.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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-CxNHBx-q.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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-D9elroTD.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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ivory:#faf9f5;--ivory-2:#f0eee6;--ivory-3:#e8e6dc;--slate:#141413;--clay:#d97757;--bg:var(--ivory);--bg-soft:var(--ivory-2);--bg-sunk:var(--ivory-3);--card:#f5f3ec;--ink:var(--slate);--ink-2:#3d3d3a;--ink-3:#5e5d59;--ink-4:#87867f;--line:#1414131a;--line-2:#14141333;--clay-ink:#b5532f;--font-sans:"DM Sans Variable", "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-serif:"Source Serif 4 Variable", "Source Serif 4", "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "PingFang SC", "Microsoft YaHei", Georgia, serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, "PingFang SC", monospace;--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--page-max:1200px;--gutter:clamp(20px, 4vw, 40px);--radius:10px;--radius-lg:16px;--radius-xl:24px;--ease-open:linear(0, .0323, .1142, .2264, .353, .4822, .6053, .7166, .8128, .8923, .9552, 1.0024, 1.0358, 1.0572, 1.0689, 1.073, 1.0714, 1.0659, 1.058, 1.0489, 1.0394, 1.0303, 1.022, 1.0148, 1.0088, 1.004, 1.0003, .9977, .996, .9951, .9947, .9947, .9951, .9957, 1);--ease-close:linear(0, .0333, .1127, .2151, .325, .4328, .5327, .6217, .6986, .7635, .8172, .8608, .8957, .9232, .9444, .9607, .9729, .982, .9885, .9932, .9964, .9986, 1, 1.0008, 1.0013, 1.0015, 1.0015, 1.0014, 1);--t-open:.7s;--t-close:.5s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1f1e1d;--bg-soft:#262624;--bg-sunk:#30302e;--card:#262624;--ink:#faf9f5;--ink-2:#e8e6dc;--ink-3:#b0aea5;--ink-4:#87867f;--line:#faf9f51a;--line-2:#faf9f533;--clay-ink:#e8957a}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}img,svg{display:block}a{color:inherit}button{font:inherit;color:inherit}a,button,[role=button]{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--clay-ink);outline-offset:3px}::selection{background:#d977574d}[id]{scroll-margin-top:88px}.page{width:min(var(--page-max), 100% - 2 * var(--gutter));margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:top .2s;position:fixed;top:-64px;left:16px}.skip-link:focus{top:12px}h1,h2,h3{font-family:var(--font-sans);text-wrap:balance;word-break:keep-all;overflow-wrap:break-word;line-break:strict;font-weight:600}h2{letter-spacing:-.02em;margin:0;font-size:clamp(34px,4.4vw,56px);line-height:1.12}.kicker{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:500;line-height:1}.lead{color:var(--ink-2);font-family:var(--font-serif);text-wrap:pretty;margin:0;font-size:clamp(19px,1.65vw,22px);line-height:1.62}.meta{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.01em;margin:18px 0 0;font-size:13px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:var(--radius);height:48px;font-family:var(--font-sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.button svg{font-size:17px;transition:transform .25s}.button--primary{background:var(--ink);color:var(--bg)}.button--primary:hover{background:var(--ink-2)}.button--primary:hover svg{transform:translateY(2px)}.button--quiet{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.button--quiet:hover{background:var(--bg-soft)}.button--quiet:hover svg{transform:translate(3px)}.button--small{border-radius:8px;height:36px;padding:0 15px;font-size:15px}.button--small:hover svg{transform:none}.button--light{background:var(--slate);color:var(--ivory)}.button--light:hover{background:#3d3d3a}.button--light:hover svg{transform:translateY(2px)}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px);border-bottom:1px solid #0000;position:sticky;top:0}@supports (animation-timeline:scroll()){.site-header{animation:linear both header-rule;animation-timeline:scroll();animation-range:0 96px}}@keyframes header-rule{to{border-bottom-color:var(--line)}}.site-header-inner{align-items:center;gap:24px;height:64px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{border-radius:7px}.site-nav{gap:30px;margin-left:auto;font-size:15px;display:flex}.site-nav a{color:var(--ink-3);text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--ink)}.site-header .button{margin-left:6px}.hero{padding:clamp(48px,8vw,112px) 0 clamp(24px,4vw,40px)}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:clamp(32px,6vw,96px);display:grid}.hero-heading{container-type:inline-size}.release-pill{background:var(--bg-soft);max-width:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;margin-bottom:clamp(24px,3.4vw,40px);padding:4px 13px 4px 4px;font-size:14px;font-weight:500;text-decoration:none;transition:box-shadow .2s;display:inline-flex}.release-pill:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.release-pill-tag{background:var(--ink);color:var(--bg);font-family:var(--font-mono);border-radius:999px;padding:5px 10px;font-size:12px;line-height:1}.release-pill svg{flex:none;font-size:14px;transition:transform .2s}.release-pill:hover svg{transform:translate(2px)}.hero-title{letter-spacing:-.045em;margin:0;font-size:clamp(40px,13.2cqi,108px);line-height:.98}.hero-line{display:block}.hero-mark{text-decoration-line:underline;-webkit-text-decoration-color:var(--clay);text-decoration-color:var(--clay);text-underline-offset:.12em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.075em}.hero-aside{padding-bottom:6px}@media (prefers-reduced-motion:no-preference){.release-pill,.hero-line,.hero-aside>*{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero-line:first-child{animation-delay:80ms}.hero-line:nth-child(2){animation-delay:.18s}.hero-aside>:first-child{animation-delay:.3s}.hero-aside>:nth-child(2){animation-delay:.4s}.hero-aside>:nth-child(3){animation-delay:.48s}.stage{animation:1.1s cubic-bezier(.2,.7,.2,1) .45s both rise}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.stage{margin:clamp(40px,6vw,72px) 0 0}.stage-screen{--u:.9px;--fluid-ink:#fff4ea;isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(90% 70% at 50% -8%,#ffd6be80,#0000 70%),radial-gradient(140% 120% at 50% 0,#e08565 0%,#d97757 42%,#c0603f 100%);height:clamp(380px,46vw,580px);position:relative;overflow:hidden}.ascii-field{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage-menubar{z-index:1;height:calc(32 * var(--u));padding:0 calc(18 * var(--u));-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffeee22e;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.menubar-side{align-items:center;gap:calc(16 * var(--u));display:flex}.menubar-side i{width:calc(30 * var(--u));height:calc(7 * var(--u));background:#ffffff8c;border-radius:999px;display:block}.menubar-side i.is-strong{width:calc(40 * var(--u));background:#ffffffd9}.menubar-side i.is-dot{width:calc(12 * var(--u));height:calc(12 * var(--u))}.menubar-side i.is-wide{width:calc(24 * var(--u));height:calc(11 * var(--u));border-radius:calc(3 * var(--u))}.stage-drag{z-index:3;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:80%;left:78%;transform:translate(-50%,-50%)rotate(-4deg)}.stage-drag>svg:first-child{font-size:calc(34 * var(--u));filter:drop-shadow(0 8px 16px #14141347)}.stage-drag>span{color:#fff;font-family:var(--font-system);font-size:calc(11 * var(--u));white-space:nowrap;background:#1414138c;border-radius:5px;padding:2px 6px;font-weight:500;line-height:1.3}.stage-cursor{position:absolute;bottom:14px;right:-10px}.stage-drag[data-phase=move]{animation:1.15s cubic-bezier(.45,.05,.3,1) forwards drag-in}.stage-drag[data-phase=drop]{animation:.42s ease-in forwards drag-drop}@keyframes drag-in{0%{opacity:0;top:84%;left:80%}14%{opacity:1}to{top:calc(92 * var(--u));opacity:1;left:50%}}@keyframes drag-drop{0%{top:calc(92 * var(--u));opacity:1;left:50%}to{top:calc(76 * var(--u));opacity:0;left:50%;transform:translate(-50%,-50%)scale(.4)}}.stage-bar{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:16px;display:flex}.stage-chips{background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.stage-chip{height:34px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 15px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.stage-chip:hover{color:var(--ink)}.stage-chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.stage-caption{min-width:240px;color:var(--ink-3);font-family:var(--font-serif);flex:1;margin:0;font-size:17px;line-height:1.5}.stage-toggle{height:36px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.stage-toggle:hover{background:var(--bg-soft)}.stage-toggle svg{font-size:12px}.island{--w:179;--h:32;--r:11;--s:0;--dx:0;--cx:77.5;--cy:4;--cs:24;--cr:5;--bx:14;--by:9;--bh:14;--bw:2;--bg:1.8;--bar:#f3b896;z-index:2;width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));color:#fff;font-family:var(--font-system);transform:translateX(calc(-50% + var(--dx) * var(--u)));transition:width var(--t-close) var(--ease-close), height var(--t-close) var(--ease-close), transform var(--t-close) var(--ease-close);-webkit-user-select:none;user-select:none;line-height:1.2;position:absolute;top:0;left:50%}.island[role=button]{cursor:pointer}.island:focus-visible{outline-offset:4px}.island:before,.island:after{width:calc(var(--s) * var(--u));height:calc(var(--s) * var(--u));content:"";pointer-events:none;transition:width var(--t-close) var(--ease-close), height var(--t-close) var(--ease-close);position:absolute;top:0}.island:before{background:radial-gradient(circle farthest-side at 0 100%,#0000 94%,#000 100%);right:calc(100% - 1px)}.island:after{background:radial-gradient(circle farthest-side at 100% 100%,#0000 94%,#000 100%);left:calc(100% - 1px)}.island-shell{border-radius:0 0 calc(var(--r) * var(--u)) calc(var(--r) * var(--u));transition:border-radius var(--t-close) var(--ease-close);background:#000;position:absolute;inset:0;overflow:hidden}.island[data-stage=music]{--w:267;--s:8;--cx:14}.island[data-stage=announce]{--w:calc(232 + var(--aw));--dx:calc((var(--aw) - 53) / 2);--s:8;--cx:14}.island[data-stage=expanded],.island[data-stage=tray]{--w:330;--h:160;--r:32;--s:12;--cx:17;--cy:20;--cs:48;--cr:9;--bx:21;--by:36.5;--bh:15;--bw:3;--bg:2.4}.island[data-stage=update]{--w:420;--h:var(--uh,158);--r:32;--s:12}.island[data-stage=announce],.island[data-stage=expanded],.island[data-stage=tray],.island[data-stage=announce]:before,.island[data-stage=announce]:after,.island[data-stage=expanded]:before,.island[data-stage=expanded]:after,.island[data-stage=tray]:before,.island[data-stage=tray]:after,.island[data-stage=announce] .island-shell,.island[data-stage=expanded] .island-shell,.island[data-stage=tray] .island-shell{transition-duration:var(--t-open);transition-timing-function:var(--ease-open)}.island[data-tint=tide]{--bar:#a8d1e6}.island[data-tint=moss]{--bar:#cbdca8}.island-sleeve{top:calc(var(--cy) * var(--u));left:calc(var(--cx) * var(--u));width:calc(var(--cs) * var(--u));height:calc(var(--cs) * var(--u));opacity:0;perspective:calc(240 * var(--u));transition:top var(--t-close) var(--ease-close), left var(--t-close) var(--ease-close), width var(--t-close) var(--ease-close), height var(--t-close) var(--ease-close), opacity .25s ease, filter .4s ease;position:absolute}.island[data-stage=music] .island-sleeve,.island[data-stage=announce] .island-sleeve,.island[data-stage=expanded] .island-sleeve{opacity:1}.island[data-stage=announce] .island-sleeve,.island[data-stage=expanded] .island-sleeve{transition-duration:var(--t-open), var(--t-open), var(--t-open), var(--t-open), .3s, .4s;transition-timing-function:var(--ease-open), var(--ease-open), var(--ease-open), var(--ease-open), ease, ease}.island[data-playing=false] .island-sleeve{filter:brightness(.5)saturate(.75)}.island-cover{border-radius:calc(var(--cr) * var(--u));backface-visibility:hidden;transform:rotateY(var(--turn));transition:transform .72s cubic-bezier(.45, 0, .2, 1), border-radius var(--t-close) ease;position:absolute;inset:0}.island-cover--back{transform:rotateY(calc(var(--turn) + 180deg))}.island-cover[data-cover=dusk]{background:radial-gradient(circle at 66% 34%,#f8e6c4 0 16%,#0000 17%),radial-gradient(120% 80% at 18% 112%,#93402a 0 42%,#0000 43%),linear-gradient(155deg,#f2ae86 0%,#d97757 50%,#a9502f 100%)}.island-cover[data-cover=tide]{background:radial-gradient(110% 55% at 50% 118%,#24476a 0 44%,#0000 45%),radial-gradient(140% 70% at 50% 124%,#4d7fb0 0 55%,#0000 56%),radial-gradient(circle at 28% 30%,#fbf6e8 0 10%,#0000 11%),linear-gradient(#d9e8e1 0%,#a7c7cf 46%,#6a9bcc 100%)}.island-cover[data-cover=moss]{background:radial-gradient(circle at 70% 70%,#0000 0 18%,#56693f 19% 23%,#0000 24% 32%,#56693f 33% 36%,#0000 37%),radial-gradient(circle at 26% 28%,#f1efd9 0 11%,#0000 12%),linear-gradient(200deg,#b5c796 0%,#788c5d 60%,#4f623a 100%)}.island-bars{top:calc(var(--by) * var(--u));right:calc(var(--bx) * var(--u));align-items:center;gap:calc(var(--bg) * var(--u));height:calc(var(--bh) * var(--u));opacity:0;transition:top var(--t-close) var(--ease-close), right var(--t-close) var(--ease-close), height var(--t-close) var(--ease-close), gap var(--t-close) var(--ease-close), opacity .25s ease;display:flex;position:absolute}.island[data-stage=music] .island-bars,.island[data-stage=announce] .island-bars,.island[data-stage=expanded] .island-bars{opacity:1}.island[data-stage=announce] .island-bars,.island[data-stage=expanded] .island-bars{transition-duration:var(--t-open), var(--t-open), var(--t-open), var(--t-open), .3s;transition-timing-function:var(--ease-open), var(--ease-open), var(--ease-open), var(--ease-open), ease}.island-bars>span{width:calc(var(--bw) * var(--u));background:var(--bar);height:60%;transition:width var(--t-close) var(--ease-close), background-color .6s ease;border-radius:999px;animation:.94s ease-in-out infinite alternate bar-a}.island-bars>span:nth-child(2){animation-name:bar-b;animation-duration:.78s}.island-bars>span:nth-child(3){animation-name:bar-c;animation-duration:1.06s}.island-bars>span:nth-child(4){animation-name:bar-a;animation-duration:.7s;animation-delay:-.3s}.island-bars>span:nth-child(5){animation-name:bar-b;animation-duration:.98s;animation-delay:-.5s}.island-bars>span:nth-child(6){animation-name:bar-c;animation-duration:.84s;animation-delay:-.2s}.island[data-playing=false] .island-bars>span{height:calc(var(--bw) * var(--u));animation:none}@keyframes bar-a{0%{height:26%}38%{height:100%}70%{height:52%}to{height:84%}}@keyframes bar-b{0%{height:70%}45%{height:30%}to{height:100%}}@keyframes bar-c{0%{height:44%}30%{height:88%}65%{height:36%}to{height:64%}}.island-title{top:0;right:calc(46 * var(--u));max-width:calc(150 * var(--u));height:calc(32 * var(--u));font-size:calc(11.5 * var(--u));white-space:nowrap;opacity:0;transform-origin:100%;transition:opacity .18s ease, transform var(--t-close) var(--ease-close);align-items:center;font-weight:500;display:flex;position:absolute;overflow:hidden;transform:scale(.9)}.island[data-stage=announce] .island-title{opacity:1;transition:opacity .3s ease .14s, transform var(--t-open) var(--ease-open) 40ms;transform:none}.island-player,.island-tray,.island-update{opacity:0;pointer-events:none;transform:translateY(calc(-10 * var(--u))) scale(.94);transform-origin:50% 0;transition:opacity .16s,transform .3s}.island[data-stage=expanded] .island-player,.island[data-stage=tray] .island-tray,.island[data-stage=update] .island-update{opacity:1;transition:opacity .34s ease .1s, transform var(--t-open) var(--ease-open) 30ms;transform:none}.island-player{position:absolute;inset:0}.player-meta{top:calc(33 * var(--u));left:calc(81 * var(--u));gap:calc(2 * var(--u));width:calc(184 * var(--u));flex-direction:column;display:flex;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.player-meta strong{font-size:calc(15 * var(--u));white-space:nowrap;font-weight:600}.player-meta span{color:#ffffff80;font-size:calc(11.5 * var(--u));white-space:nowrap}.player-progress{top:calc(89 * var(--u));right:calc(14 * var(--u));left:calc(14 * var(--u));align-items:center;gap:calc(10 * var(--u));height:calc(14 * var(--u));color:#ffffff85;font-size:calc(10.5 * var(--u));font-variant-numeric:tabular-nums;font-weight:500;display:flex;position:absolute}.player-progress>span:first-child{width:calc(30 * var(--u))}.player-progress>span:last-child{width:calc(36 * var(--u));text-align:right}.player-scrubber{height:calc(4.5 * var(--u));background:#fff3;border-radius:999px;flex:1;overflow:hidden}.player-scrubber>span{width:calc(var(--progress) * 100%);min-width:calc(4.5 * var(--u));background:#ffffffeb;border-radius:999px;height:100%;transition:width 1s linear;display:block}.player-transport{top:calc(116 * var(--u));right:calc(14 * var(--u));left:calc(14 * var(--u));height:calc(34 * var(--u));grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;display:grid;position:absolute}.player-transport>span{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(17 * var(--u));place-items:center;transition:color .2s,transform .2s;display:grid}.player-transport>.is-skip{font-size:calc(23 * var(--u))}.player-transport>.is-main{font-size:calc(25 * var(--u))}.player-transport>.is-liked{color:#ff453a}.island[role=button] .player-transport>span:active{transform:scale(.86)}.island-tray{top:calc(40 * var(--u));right:calc(14 * var(--u));bottom:calc(12 * var(--u));left:calc(14 * var(--u));position:absolute}.tray-well{justify-content:center;align-items:center;gap:calc(6 * var(--u));border:calc(1.2 * var(--u)) dashed #ffffff3d;border-radius:calc(16 * var(--u));color:#ffffff80;font-size:calc(12 * var(--u));flex-direction:column;font-weight:600;transition:background-color .3s,border-color .3s,color .3s;display:flex;position:absolute;inset:0}.tray-well svg{font-size:calc(20 * var(--u));transition:transform .3s var(--ease-open)}.island-tray[data-phase=hover] .tray-well{color:#ffffffe0;background:#ffffff0f;border-color:#ffffff80}.island-tray[data-phase=hover] .tray-well svg{transform:translateY(calc(-1.5 * var(--u))) scale(1.1)}.island-tray[data-empty=false] .tray-well,.island-tray[data-empty=true] .tray-files{display:none}.tray-files{gap:calc(8 * var(--u));flex-direction:column;display:flex;position:absolute;inset:0}.tray-head{align-items:center;gap:calc(6 * var(--u));height:calc(18 * var(--u));color:#ffffffe6;font-size:calc(11 * var(--u));display:flex}.tray-head b{font-size:calc(12.5 * var(--u));font-weight:600}.tray-head span{color:#ffffff73;font-variant-numeric:tabular-nums}.tray-head em{color:#ffffff9e;margin-left:auto;font-style:normal;font-weight:500}.tray-row{gap:calc(6 * var(--u));padding:calc(2 * var(--u)) 0;border-radius:calc(16 * var(--u));outline:calc(1.2 * var(--u)) dashed transparent;flex:1;transition:outline-color .3s,background-color .3s;display:flex}.island-tray[data-phase=hover] .tray-row{background:#ffffff0f;outline-color:#ffffff80}.tray-tile{align-items:center;gap:calc(5 * var(--u));width:calc(66 * var(--u));height:calc(78 * var(--u));padding-top:calc(3 * var(--u));border-radius:calc(12 * var(--u));animation:tile-land .55s var(--ease-open) .1s both;flex-direction:column;flex:none;display:flex}.tray-tile>svg{font-size:calc(35 * var(--u))}.tray-tile>span{width:calc(62 * var(--u));color:#fffc;font-size:calc(10 * var(--u));text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}@keyframes tile-land{0%{opacity:0;transform:translateY(calc(-10 * var(--u))) scale(.6)}}.island-update{top:calc(48 * var(--u));right:calc(24 * var(--u));left:calc(24 * var(--u));align-items:flex-start;gap:calc(14 * var(--u));display:flex;position:absolute}.island-update img{width:calc(38 * var(--u));height:calc(38 * var(--u));border-radius:calc(9 * var(--u));flex:none;box-shadow:0 0 0 .5px #ffffff24}.island-update b{font-size:calc(15.5 * var(--u));letter-spacing:.02em;font-weight:600;display:block}.island-update small{margin-top:calc(5 * var(--u));color:#ffffff75;font-size:calc(10.5 * var(--u));font-weight:500;display:block}.island-update p{margin:calc(5 * var(--u)) 0 0;color:#ffffffb8;font-size:calc(11.5 * var(--u));font-weight:500;line-height:1.35}.island-dock{top:calc(100% + 22 * var(--u));align-items:center;gap:calc(3 * var(--u));width:calc(64 * var(--u));height:calc(27 * var(--u));padding:0 calc(4 * var(--u));border-radius:calc(9 * var(--u));opacity:0;pointer-events:none;transform:translate(-50%, calc(-22 * var(--u))) scale(.82);transform-origin:50% 0;background:#383838;transition:opacity .18s,transform .3s;display:flex;position:absolute;left:50%}.island[data-dock] .island-dock{opacity:1;transition:opacity .3s ease .22s, transform var(--t-open) var(--ease-open) .12s;transform:translate(-50%)}.island-dock>span{height:calc(19 * var(--u));border-radius:calc(6.5 * var(--u));color:#ffffff7a;font-size:calc(11.5 * var(--u));flex:1;place-items:center;transition:background-color .25s,color .25s;display:grid}.island-dock>span.is-on{color:#fffffff2;background:#ffffff29}.section{padding:clamp(88px,11vw,150px) 0}.section--soft{background:var(--bg-soft)}.section--dark{--ink:#faf9f5;--ink-2:#e8e6dc;--ink-3:#b0aea5;--line:#faf9f51f;--line-2:#faf9f538;--clay-ink:#e8957a;background:var(--slate);color:var(--ink)}.section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:24px clamp(32px,6vw,96px);margin-bottom:clamp(44px,6vw,76px);display:grid}.section-head .lead{max-width:34em}.split{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:40px clamp(32px,6vw,96px);display:grid}.split .section-head{margin:0;display:block;position:sticky;top:104px}.split h2{font-size:clamp(34px,3.6vw,46px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature-card{border-radius:var(--radius-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.vignette{--sw:#e3dacc;--u:min(var(--u-max,1px), 100cqw / var(--fit,360));aspect-ratio:16/10;background:var(--sw);position:relative;overflow:hidden}.vignette[data-swatch=manilla]{--sw:#ebdbbc}.vignette[data-swatch=cactus]{--sw:#bcd1ca}.vignette[data-swatch=heather]{--sw:#cbcadb}.vignette[data-swatch=oat]{--sw:#e3dacc}.vignette[data-swatch=coral]{--sw:#ebcece}.vignette[data-swatch=kraft]{--sw:#d4a27f}.vignette:after{content:"";-webkit-mask-composite:source-in;pointer-events:none;background-image:radial-gradient(circle,#14141333 0 1px,#0000 1.4px);background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:repeating-radial-gradient(circle at 50% -12%,#000 0 10px,#0000 10px 30px),radial-gradient(75% 95% at 50% 0,#000 20%,#0000 78%);mask-image:repeating-radial-gradient(circle at 50% -12%,#000 0 10px,#0000 10px 30px),radial-gradient(75% 95% at 50% 0,#000 20%,#0000 78%);-webkit-mask-composite:source-in;mask-composite:intersect}.vignette[data-stage=expanded]:after,.vignette[data-stage=tray]:after,.vignette[data-stage=update]:after{opacity:.55}.vignette-menubar{height:calc(32 * var(--u));background:#ffffff57;position:absolute;inset:0 0 auto}.vignette .island{z-index:1}.vignette .tray-tile{animation:none}.feature-copy{padding:24px 26px 30px}.feature-copy h3{letter-spacing:-.01em;margin:0 0 10px;font-size:21px;line-height:1.3}.feature-copy p{color:var(--ink-3);font-family:var(--font-serif);margin:0;font-size:16.5px;line-height:1.68}.details{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px clamp(32px,6vw,96px);margin-top:clamp(56px,8vw,104px);display:grid}.details-title{letter-spacing:-.01em;margin:0;font-size:24px;line-height:1.3}.details ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:0;padding:0;list-style:none;display:grid}.details li{border-top:1px solid var(--line);color:var(--ink-2);font-family:var(--font-serif);align-items:baseline;gap:12px;padding:16px 0;font-size:17px;line-height:1.5;display:flex}.details li svg{color:var(--clay-ink);flex:none;font-size:13px;transform:translateY(2px)}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.principle{padding:28px 28px 4px 0}.principle+.principle{border-left:1px solid var(--line);padding-left:28px}.principle .kicker{color:#e8957a;margin-bottom:20px}.principle h3{margin:0 0 12px;font-size:21px;line-height:1.3}.principle p{color:var(--ink-3);font-family:var(--font-serif);margin:0;font-size:16.5px;line-height:1.68}.changelog{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.changelog li{border-bottom:1px solid var(--line);grid-template-columns:128px minmax(0,1fr);gap:8px 24px;padding:24px 0;display:grid}.changelog-version{font-family:var(--font-mono);align-items:center;gap:10px;margin:0;font-size:15px;font-weight:500;display:flex}.changelog-version em{background:var(--clay);color:var(--slate);font-family:var(--font-sans);border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:600;line-height:1}.changelog-notes{color:var(--ink-2);font-family:var(--font-serif);margin:0;font-size:17.5px;line-height:1.62}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:18px;font-weight:500;line-height:1.45;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--ink-3);flex:none;font-size:18px;transition:transform .3s,color .2s}.faq summary:hover svg{color:var(--ink)}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{max-width:40em;color:var(--ink-3);font-family:var(--font-serif);margin:-6px 0 26px;font-size:17px;line-height:1.72}.download{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}.download-card{border-radius:var(--radius-xl);background:radial-gradient(70% 60% at 50% 0%, #ffe2ce66, transparent 70%), var(--clay);color:var(--slate);text-align:center;flex-direction:column;align-items:center;padding:clamp(56px,8vw,104px) clamp(20px,6vw,80px) clamp(28px,5vw,64px);display:flex}.download-icon{border-radius:20px;margin-bottom:30px;box-shadow:0 20px 44px #14141342}.download-card h2{font-size:clamp(38px,5.6vw,72px);line-height:1.08}.download-card .lead{color:#141413d1;margin:16px 0 32px}.download-card .meta{color:#141413d1}.install{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:1000px;margin:clamp(44px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.install li{background:#faf9f542;border-radius:14px;padding:22px 22px 26px}.install-number{color:#141413d1;font-family:var(--font-mono);font-size:13px;font-weight:500}.install p{color:var(--slate);font-family:var(--font-serif);margin:10px 0 0;font-size:16.5px;line-height:1.62}.site-footer{background:var(--slate);color:var(--ivory);padding:56px 0 40px}.site-footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px 48px;display:grid}.site-footer .brand{color:var(--ivory)}.footer-brand p{color:#b0aea5;font-family:var(--font-serif);margin:14px 0 0;font-size:17px}.footer-nav{flex-wrap:wrap;gap:12px 28px;padding-top:4px;font-size:15px;display:flex}.footer-nav a{color:#b0aea5;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--ivory)}.footer-note{color:#87867f;font-family:var(--font-mono);border-top:1px solid #faf9f51a;grid-column:1/-1;margin:0;padding-top:24px;font-size:13px}.download-notice{z-index:80;background:var(--slate);width:min(380px,100vw - 32px);color:var(--ivory);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .45s var(--ease-open);border-radius:14px;align-items:flex-start;gap:12px;padding:16px 10px 16px 18px;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(14px);box-shadow:0 18px 50px #1414134d,0 0 0 1px #faf9f514}.download-notice[data-open=true]{opacity:1;pointer-events:auto;transform:none}.download-notice p{color:#d1cfc5;font-family:var(--font-serif);margin:0;font-size:15px;line-height:1.55}.download-notice .download-notice-title{color:var(--ivory);font-family:var(--font-sans);margin-bottom:4px;font-size:15px;font-weight:600}.download-notice a{color:#f0a887;text-underline-offset:3px;margin-left:6px}.download-notice button{color:#b0aea5;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.download-notice button:hover{color:var(--ivory);background:#faf9f514}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.section-head,.feature-card,.details li,.principle,.changelog li,.faq details,.download-card{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 36%}}}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (width>=640px){.stage-screen{--u:1.05px}}@media (width>=1000px){.stage-screen{--u:1.25px}}@media (width<=1080px){.feature-grid,.principles{grid-template-columns:repeat(2,minmax(0,1fr))}.principle:nth-child(3){border-left:0;padding-left:0}.principle:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=900px){.hero-grid,.section-head,.split,.details{grid-template-columns:minmax(0,1fr)}.hero-aside{max-width:36em}.split .section-head{position:static}}@media (width<=760px){.site-nav{display:none}.site-header .button{margin-left:auto}}@media (width<=640px){.site-header-inner{height:58px}.feature-grid,.principles,.install{grid-template-columns:minmax(0,1fr)}.principle,.principle+.principle{border-left:0;padding:24px 0 8px}.principle+.principle{border-top:1px solid var(--line)}.details ul,.changelog li{grid-template-columns:minmax(0,1fr)}.stage-screen{height:400px}.menubar-side i:nth-child(n+3){display:none}.stage-caption{flex-basis:100%;order:3}.stage-chip{padding:0 12px}.actions .button{flex:auto}.download-notice{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}