@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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{--bg:#fff7ea;--grid-line:#1f1b2e0e;--surface:#fff;--surface-2:#fff1da;--ink:#1f1b2e;--ink-soft:#57516b;--line:#1f1b2e;--shadow-color:#1f1b2e;--coral:#ff6b5b;--sun:#ffc53d;--teal:#19b5a5;--violet:#7c5cff;--pink:#ff8fc7;--red:#e5383b;--on-violet:#fff;--radius:22px;--radius-sm:14px;--border:2.5px solid var(--line);--shadow:6px 6px 0 var(--shadow-color);--shadow-sm:3px 3px 0 var(--shadow-color);--font-display:"Fredoka", "Nunito Variable", ui-rounded, system-ui, sans-serif;--font-body:"Nunito Variable", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#16131f;--grid-line:#f6f0e60d;--surface:#211d2e;--surface-2:#2b2640;--ink:#f6f0e6;--ink-soft:#bdb5cf;--line:#e9e1f5;--shadow-color:#7c5cff;--coral:#ff7a6b;--sun:#ffcf5c;--teal:#2cc9b8;--violet:#8d72ff;--red:#ff4d4f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);min-height:100vh;color:var(--ink);font-family:var(--font-body);background-size:28px 28px;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:600;line-height:1.1}h2{font-size:clamp(1.9rem,4.5vw,2.8rem)}h3{font-size:1.35rem}p{margin:0}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px}@media (width>=720px){.container{padding-inline:28px}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--sun);color:#1f1b2e;border:var(--border);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid color-mix(in srgb, var(--line) 12%, transparent);position:sticky;top:0}.header-inner{align-items:center;gap:20px;height:64px;display:flex}.brand{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:32px;height:32px}.site-nav{gap:4px;margin-left:auto;display:none}.site-nav a{color:var(--ink-soft);border-radius:999px;padding:6px 12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s}.site-nav a:hover{background:var(--surface-2);color:var(--ink)}@media (width>=860px){.site-nav{display:flex}}.lang-switch{border:var(--border);background:var(--surface);border-radius:999px;flex:none;margin-left:auto;display:inline-flex;overflow:hidden}@media (width>=860px){.lang-switch{margin-left:8px}}.lang-switch button{font-family:var(--font-display);cursor:pointer;background:0 0;border:0;padding:5px 12px;font-size:.9rem;font-weight:600}.lang-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.btn{border:var(--border);background:var(--surface);min-height:46px;color:var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:.55em 1.25em;font-size:1.02rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--shadow-color);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.btn[hidden]{display:none}.btn-sun{background:var(--sun);color:#1f1b2e}.btn-teal{background:var(--teal);color:#1f1b2e}.btn-violet{background:var(--violet);color:var(--on-violet)}.btn-coral{background:var(--coral);color:#1f1b2e}.btn-small{min-height:38px;padding:.3em .95em;font-size:.92rem}.icon-btn{border:var(--border);background:var(--surface);width:38px;height:38px;box-shadow:var(--shadow-sm);font-family:var(--font-display);cursor:pointer;border-radius:50%;font-size:1.35rem;font-weight:600;line-height:1;transition:transform .12s,box-shadow .12s}.icon-btn:active{box-shadow:1px 1px 0 var(--shadow-color);transform:translate(2px,2px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:2px solid var(--line);background:var(--surface);font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:.95rem;font-weight:500;transition:background-color .15s,transform .12s}.chip-btn:hover{background:var(--surface-2)}.chip-btn:active{transform:scale(.96)}.chip-btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chip{border:2px solid var(--line);font-family:var(--font-display);color:#1f1b2e;border-radius:999px;align-items:baseline;gap:4px;padding:4px 13px;font-weight:500;display:inline-flex}.chip b{font-weight:700}.chip-a{background:var(--sun)}.chip-b{background:var(--violet);color:var(--on-violet)}.chip-c{background:var(--teal)}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-weight:700;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{border:var(--border);background:var(--surface-2);border-radius:999px;flex:none;width:50px;height:28px;transition:background-color .2s;position:relative}.switch-track:after{content:"";border:2px solid var(--line);background:var(--surface);border-radius:50%;width:19px;height:19px;transition:transform .2s cubic-bezier(.3,1.4,.6,1);position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--teal)}.switch input:checked+.switch-track:after{transform:translate(22px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--violet);outline-offset:3px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}input[type=range]::-webkit-slider-runnable-track{border:2px solid var(--line);background:var(--surface-2);border-radius:999px;height:12px}input[type=range]::-moz-range-track{border:2px solid var(--line);background:var(--surface-2);border-radius:999px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2.5px solid var(--line);background:var(--sun);width:26px;height:26px;box-shadow:2px 2px 0 var(--shadow-color);border-radius:50%;margin-top:-9px}input[type=range]::-moz-range-thumb{border:2.5px solid var(--line);background:var(--sun);width:22px;height:22px;box-shadow:2px 2px 0 var(--shadow-color);border-radius:50%}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--violet);outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--violet);outline-offset:2px}.panel{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.section{padding-block:56px}@media (width>=720px){.section{padding-block:80px}}.sec-head{align-items:flex-start;gap:18px;max-width:820px;margin-bottom:28px;display:flex}.sec-num{border:var(--border);width:54px;height:54px;box-shadow:var(--shadow-sm);font-family:var(--font-display);color:#1f1b2e;border-radius:16px;flex:none;place-items:center;font-size:1.2rem;font-weight:700;display:grid;transform:rotate(-6deg)}.num-sun{background:var(--sun)}.num-teal{background:var(--teal)}.num-violet{background:var(--violet);color:var(--on-violet)}.num-coral{background:var(--coral)}.num-pink{background:var(--pink)}.sec-lede{color:var(--ink-soft);max-width:68ch;margin-top:10px;font-size:1.1rem}.small-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:.85rem;font-weight:800}.hint{color:var(--ink-soft);font-size:.92rem}.steps{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;min-height:32px;padding-left:46px;position:relative}.steps li:before{content:counter(step);border:2px solid var(--line);background:var(--surface-2);width:32px;height:32px;font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:600;display:grid;position:absolute;top:-1px;left:0}.note{border:2px solid var(--line);border-radius:var(--radius-sm);padding:18px 20px}.note h3{margin-bottom:6px;font-size:1.1rem}.note-sun{background:color-mix(in srgb, var(--sun) 22%, var(--surface))}.note-teal{background:color-mix(in srgb, var(--teal) 18%, var(--surface))}.noscript{margin-top:24px;font-weight:700}.site-footer{text-align:center;color:var(--ink-soft);padding:40px 0 56px}.footer-inner{gap:6px;display:grid}.footer-eq{font-family:var(--font-display);color:var(--ink);font-size:1.6rem;font-weight:600}.footer-joke{font-size:.9rem;font-style:italic}.js .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.js .reveal.is-in{opacity:1;transform:none}.confetti{pointer-events:none;z-index:200;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{transform:none}}.hero{padding:36px 0 40px}@media (width>=720px){.hero{padding:64px 0 56px}}.hero-inner{align-items:center;gap:32px;display:grid}@media (width>=980px){.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px}}.hero-kicker{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-weight:800;display:flex}.sticker{border:var(--border);background:var(--coral);color:#1f1b2e;box-shadow:var(--shadow-sm);font-family:var(--font-display);border-radius:10px;padding:4px 14px;font-size:1.05rem;font-weight:700;display:inline-block;transform:rotate(-4deg)}.hero-title{letter-spacing:-.01em;font-size:clamp(2.3rem,6.2vw,3.9rem);font-weight:700}.hero-eq{font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:10px 12px;margin:26px 0 22px;font-size:clamp(2rem,6vw,3.4rem);font-weight:700;line-height:1;display:flex}.hero-eq .term{border:var(--border);box-shadow:var(--shadow-sm);color:#1f1b2e;border-radius:16px;padding:8px 16px 10px;animation:.6s cubic-bezier(.3,1.5,.5,1) both pop}.hero-eq .t-a{background:var(--sun);transform:rotate(-3deg)}.hero-eq .t-b{background:var(--violet);color:var(--on-violet);animation-delay:.12s;transform:rotate(2deg)}.hero-eq .t-c{background:var(--teal);animation-delay:.24s;transform:rotate(-2deg)}.hero-eq .op{color:var(--ink-soft)}@keyframes pop{0%{opacity:0;scale:.6}}.hero-lede{color:var(--ink-soft);max-width:60ch;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-figure{margin:0;padding:12px}.hero-figure svg{aspect-ratio:64/50;width:100%;max-width:560px;height:auto;margin-inline:auto;animation:7s ease-in-out infinite float;display:block;overflow:visible}@keyframes float{50%{transform:translateY(-10px)rotate(-1deg)}}.hf-square polygon{stroke:var(--line);stroke-width:.45px;stroke-linejoin:round}.hf-square{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.3,1.5,.5,1) both pop}.hf-square.sq-a polygon{fill:var(--sun)}.hf-square.sq-b polygon{fill:var(--violet)}.hf-square.sq-c polygon{fill:var(--teal)}.hf-square text{font-family:var(--font-display);fill:#1f1b2e;font-weight:700}.hf-square.sq-b text{fill:var(--on-violet)}.hf-small{opacity:.8;font-weight:500}.hf-tri{fill:var(--coral);stroke:var(--line);stroke-width:.45px;stroke-linejoin:round}.hf-right{fill:none;stroke:var(--line);stroke-width:.35px}.countdown{border:var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);max-width:600px;margin-top:28px;padding:20px}.countdown[hidden]{display:none}.cd-title{font-family:var(--font-display);margin-bottom:14px;font-size:1.15rem;font-weight:600}.cd-grid{gap:10px;display:flex}.cd-cell{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);flex:1 1 0;justify-items:center;gap:2px;min-width:0;padding:12px 6px 10px;display:grid}.cd-cell[hidden]{display:none}.cd-cell[data-unit=day]{background:var(--sun);color:#1f1b2e;flex-grow:1.5}.countdown.is-today .cd-cell[data-unit=hour]{background:var(--coral);color:#1f1b2e}.cd-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1.6rem,6vw,2.5rem);font-weight:700;line-height:1.05}.cd-unit{letter-spacing:.05em;text-transform:uppercase;opacity:.75;font-size:.78rem;font-weight:800}.cd-note{color:var(--ink-soft);margin-top:12px;font-size:.98rem}.cd-note:empty{display:none}.proof-panel{display:grid;overflow:hidden}@media (width>=900px){.proof-panel{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr)}}.proof-stage-wrap{background:var(--surface-2);border-bottom:var(--border)}@media (width>=900px){.proof-stage-wrap{border-bottom:0;border-right:var(--border)}}.proof-stage{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:100%;max-height:620px;display:block}.proof-stage *{vector-effect:non-scaling-stroke}.pf-sq{stroke:var(--line);stroke-width:2.5px;stroke-linejoin:round}.pf-sq.sq-a,.rr-fill.sq-a{fill:var(--sun)}.pf-sq.sq-b,.rr-fill.sq-b{fill:var(--violet)}.pf-sq.sq-c,.rr-fill.sq-c{fill:var(--teal)}.pf-grid{fill:none;stroke:#1f1b2e;stroke-opacity:.22;stroke-width:1px}.pf-tri{fill:var(--coral);stroke:var(--line);stroke-width:2.5px;stroke-linejoin:round}.pf-right{fill:none;stroke:var(--line);stroke-width:2px}.pf-label{font-family:var(--font-display);fill:#1f1b2e;pointer-events:none;font-weight:700}.pf-label.on-dark,.rr-label.on-dark{fill:var(--on-violet)}.pf-value{font-weight:500}.pf-handle{cursor:grab;touch-action:none;outline:none}.is-dragging .pf-handle{cursor:grabbing}.pf-halo{fill:var(--ink);fill-opacity:0;stroke:var(--ink);stroke-opacity:0;transition:fill-opacity .15s}.pf-handle:hover .pf-halo{fill-opacity:.1}.pf-handle:focus-visible .pf-halo{fill-opacity:.08;stroke:var(--violet);stroke-opacity:1;stroke-width:3px}.pf-dot{fill:var(--surface);stroke:var(--line);stroke-width:2.5px}.pf-handle:hover .pf-dot,.pf-handle:focus-visible .pf-dot{fill:var(--sun)}.pf-arrows{fill:none;stroke:var(--line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.proof-side{flex-direction:column;gap:18px;padding:22px;display:flex}.pf-sides{flex-wrap:wrap;gap:8px;display:flex}.pf-eq{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1.15rem,2.6vw,1.4rem);font-weight:600;line-height:1.35}.pf-badge{border:2px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--teal) 28%, var(--surface));flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 16px;animation:.45s cubic-bezier(.3,1.6,.5,1) pop;display:flex}.pf-badge[hidden]{display:none}.pf-badge-title{font-family:var(--font-display);font-weight:700}.pf-badge-detail{color:var(--ink-soft);font-weight:700}.rearr-panel{margin-top:28px;padding:22px}.rearr-panel h3{margin-bottom:18px}.rearr-body{align-items:center;gap:24px;display:grid}@media (width>=900px){.rearr-body{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}.rearr-stage{width:100%;height:auto;display:block;overflow:visible}.rr-frame{fill:var(--surface-2);stroke:var(--line)}.rr-tri{fill:var(--coral);stroke:var(--line);stroke-linejoin:round}.rr-label{font-family:var(--font-display);fill:#1f1b2e;font-weight:700}.rr-edge{fill:none;stroke:var(--ink-soft)}.rr-edge-label,.rr-caption{font-family:var(--font-display);fill:var(--ink);font-weight:600}.rearr-side{justify-items:start;gap:18px;display:grid}#rearr-steps li{transition:opacity .4s}#rearr-steps li:nth-child(n+4){opacity:.55}#rearr-steps.is-done li:nth-child(n+4){opacity:1}#rearr-steps.is-done li:last-child{font-weight:800}#rearr-steps.is-done li:last-child:before{background:var(--teal);color:#1f1b2e}.space-panel{display:grid;overflow:hidden}@media (width>=900px){.space-panel{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr)}}.space-stage{aspect-ratio:1;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--surface) 70%, transparent), transparent 70%), var(--surface-2);border-bottom:var(--border);min-height:320px;max-height:640px;position:relative;overflow:hidden}@media (width>=900px){.space-stage{aspect-ratio:auto;border-bottom:0;border-right:var(--border);min-height:560px;max-height:none}}.space-stage canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.space-stage canvas:active{cursor:grabbing}.space-labels{pointer-events:none;position:absolute;inset:0}.space-message{text-align:center;color:var(--ink-soft);place-items:center;padding:24px;font-weight:700;display:grid;position:absolute;inset:0}.space-label{font-family:var(--font-display);white-space:nowrap;color:#1f1b2e;border:2px solid #1f1b2e;border-radius:999px;padding:1px 9px;font-size:.95rem;font-weight:600;box-shadow:2px 2px #1f1b2e}.lbl-sun,.mini-sun{background:var(--sun)}.lbl-violet,.mini-violet{background:var(--violet);color:var(--on-violet)}.lbl-pink,.mini-pink{background:var(--pink)}.lbl-coral,.mini-coral{background:var(--coral)}.lbl-teal,.mini-teal{background:var(--teal)}.space-side{flex-direction:column;gap:18px;padding:22px;display:flex}.segmented{border:var(--border);background:var(--surface-2);border-radius:999px;padding:4px;display:flex}.segmented button{font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:7px 12px;font-weight:600;transition:background-color .15s}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.range-sun input[type=range]::-webkit-slider-thumb{background:var(--sun)}.range-violet input[type=range]::-webkit-slider-thumb{background:var(--violet)}.range-pink input[type=range]::-webkit-slider-thumb{background:var(--pink)}.range-sun input[type=range]::-moz-range-thumb{background:var(--sun)}.range-violet input[type=range]::-moz-range-thumb{background:var(--violet)}.range-pink input[type=range]::-moz-range-thumb{background:var(--pink)}.space-readout{font-family:var(--font-display);font-variant-numeric:tabular-nums;gap:8px;font-size:1.08rem;font-weight:500;line-height:1.6;display:grid}.space-result{font-size:1.25rem;font-weight:700}.space-explain{font-family:var(--font-body);color:var(--ink-soft);font-size:.95rem}.mini{color:#1f1b2e;border:1.5px solid #1f1b2e;border-radius:7px;margin:0 1px;padding:0 7px;font-weight:700;line-height:1.45;display:inline-block}.space-notes{border-top:2px dashed color-mix(in srgb, var(--line) 25%, transparent);gap:8px;padding-top:14px;display:grid}.timeline{padding:18px}@media (width>=720px){.timeline{padding:22px}}.tl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tl-legend{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.9rem;font-weight:700;display:flex}.tl-legend .dot{border:2px solid var(--line);border-radius:50%;width:13px;height:13px;margin-left:6px}.tl-legend .dot:first-child{margin-left:0}.tl-legend .dot.past{background:var(--teal)}.tl-legend .dot.future{background:var(--violet)}.tl-legend .line-now{background:var(--red);border-radius:2px;width:3px;height:16px;margin-left:8px}.tl-buttons{flex-wrap:wrap;gap:8px;display:flex}.tl-viewport{border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:270px;position:relative;overflow:hidden}.tl-viewport.is-panning{cursor:grabbing}.tl-viewport:focus-visible{outline-offset:2px}.tl-axis{width:100%;height:100%;position:absolute;inset:0}.tl-hatch{fill:var(--ink);opacity:.06}.tl-gap-label{font-family:var(--font-display);fill:var(--ink-soft);font-size:15px;font-weight:600}.tl-ribbon{stroke:var(--line);stroke-width:2px}.tl-tick{stroke:var(--ink);stroke-width:1.5px}.tl-tick.minor{opacity:.35}.tl-tick-label{font-family:var(--font-display);fill:var(--ink-soft);font-size:13px;font-weight:500}.tl-now{stroke:var(--red);stroke-width:3px}.tl-now-pill{fill:var(--red)}.tl-now-label{font-family:var(--font-display);fill:#fff;font-size:12px;font-weight:600}.tl-markers{pointer-events:none;position:absolute;inset:0}.tl-pin{border:2.5px solid var(--line);background:var(--teal);cursor:pointer;pointer-events:auto;border-radius:50%;width:18px;height:18px;padding:0;transition:scale .15s;position:absolute;top:0;left:0}.tl-pin[hidden]{display:none}.tl-pin:before{content:"";border-radius:50%;position:absolute;inset:-9px}.tl-pin:after{content:"";width:2px;height:var(--stick,6px);background:var(--line);opacity:.55;margin-left:-1px;position:absolute;top:100%;left:50%}.tl-pin[data-status=future]{background:var(--violet)}.tl-pin[data-status=today]{background:var(--red);animation:1.6s ease-in-out infinite pulse}.tl-pin:hover,.tl-pin:focus-visible{z-index:2;scale:1.3}@keyframes pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--red) 25%, transparent)}}.tl-pin-label{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-display);white-space:nowrap;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:600;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.with-labels .tl-pin-label{display:block}.tl-tooltip{z-index:30;border:var(--border);border-radius:var(--radius-sm);background:var(--surface);width:min(330px,100% - 8px);box-shadow:var(--shadow-sm);pointer-events:none;gap:4px;padding:14px 16px;line-height:1.35;display:grid;position:absolute;top:0;left:0}.tl-tooltip[hidden]{display:none}.tip-badges{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.tip-badge{border:1.5px solid var(--line);letter-spacing:.04em;text-transform:uppercase;color:#1f1b2e;border-radius:999px;padding:1px 9px;font-size:.75rem;font-weight:800}.tip-badge.past{background:var(--teal)}.tip-badge.future{background:var(--violet);color:var(--on-violet)}.tip-badge.today{background:var(--red);color:#fff}.tip-badge.next{background:var(--sun)}.tip-date{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.tip-eq{font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1.2}.tip-sum,.tip-family{color:var(--ink-soft);font-weight:700}.tip-note{color:var(--ink-soft);margin-top:4px;font-size:.88rem;line-height:1.45}.tip-special{background:color-mix(in srgb, var(--coral) 30%, var(--surface));border-radius:8px;margin-top:6px;padding:4px 10px;font-size:.92rem;font-weight:800}.timeline .hint{margin-top:10px}.tl-details{margin-top:12px}.tl-details summary{cursor:pointer;font-family:var(--font-display);text-underline-offset:3px;font-weight:600;text-decoration:underline;display:inline-block}.tl-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 24px;margin:14px 0 0;padding:0;list-style:none;display:grid}.tl-list li{border:1.5px solid color-mix(in srgb, var(--line) 25%, transparent);border-radius:10px;flex-direction:column;padding:8px 12px;display:flex}.tl-list-date{font-weight:800}.tl-list-eq{font-family:var(--font-display);color:var(--ink-soft)}.tree-panel{--tree-bg:#fff4e2;display:grid;overflow:hidden}@media (width>=900px){.tree-panel{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}.tree-stage{background:var(--tree-bg);border-bottom:var(--border);transition:background-color .4s}@media (width>=900px){.tree-stage{border-bottom:0;border-right:var(--border)}}#tree-canvas{aspect-ratio:16/11;width:100%;display:block}.tree-controls{flex-direction:column;gap:20px;padding:22px;display:flex}.field label{justify-content:space-between;align-items:baseline;margin-bottom:4px;font-weight:800;display:flex}.field output{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:2.5px solid var(--line);cursor:pointer;border-radius:12px;width:42px;height:42px;transition:transform .15s}.swatch:hover{transform:rotate(-6deg)scale(1.06)}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 5.5px var(--line)}.tree-actions{flex-wrap:wrap;gap:10px;display:flex}.rope-grid{align-items:start;gap:28px;display:grid}@media (width>=900px){.rope-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.rope-figure-panel{background:color-mix(in srgb, var(--sun) 14%, var(--surface));padding:18px}.rope-figure{width:100%;height:auto;display:block}.rope-line{fill:color-mix(in srgb, var(--teal) 16%, transparent);stroke:#a0683f;stroke-width:7px;stroke-linejoin:round}.rope-twist{fill:none;stroke:#e7b98a;stroke-width:3px;stroke-dasharray:5 7;stroke-linejoin:round}.rope-right{fill:none;stroke:var(--ink);stroke-width:2.5px}.rope-knot{fill:#6d3f1f;stroke:#e7b98a;stroke-width:2px}.rope-stake{fill:var(--coral);stroke:var(--line);stroke-width:2.5px}.rope-num{font-family:var(--font-display);fill:var(--ink-soft);font-size:12px;font-weight:600}.rope-stake-num{font-family:var(--font-display);fill:#1f1b2e;font-size:12px;font-weight:700}.rope-stake-label{font-family:var(--font-display);fill:var(--ink);font-size:14px;font-weight:600}.rope-side{font-family:var(--font-display);fill:var(--ink);font-size:26px;font-weight:700}.rope-text{gap:20px;display:grid}.big-steps li{padding-left:52px}.big-steps li:before{background:var(--coral);color:#1f1b2e;width:36px;height:36px}.support-panel{background:color-mix(in srgb, var(--violet) 12%, var(--surface));align-items:center;gap:28px;padding:32px 22px;display:grid}@media (width>=820px){.support-panel{grid-template-columns:minmax(0,1fr) auto;padding:40px 44px}}.support-buttons{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.support-logo{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--ink);font-family:var(--font-display);justify-self:center;justify-items:center;gap:4px;padding:18px 26px 14px;font-size:1.15rem;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.3,1.4,.6,1);display:grid;transform:rotate(3deg)}.support-logo:hover{transform:rotate(-2deg)scale(1.04)}.support-logo img{width:150px;height:auto}.footer-credit{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:.95rem;display:flex}.footer-credit a{color:var(--ink);font-family:var(--font-display);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.footer-credit a:hover span{text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:4px;text-decoration-thickness:2px}.footer-credit img{width:auto;height:26px}