@layer components{.features-book{--rail: 152px;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);grid-template-areas:"rail head" "rail chapters";gap:0 clamp(28px,3vw,48px);align-items:start;padding-right:max(var(--gutter),calc((100% - var(--max)) / 2 + var(--gutter)));padding-left:max(var(--gutter),calc((100% - var(--max)) / 2 + var(--gutter) - 200px));padding-bottom:clamp(80px,9vw,150px)}.features-head{--px: 0;--py: 0;grid-area:head;perspective:1400px;padding-block:clamp(28px,4vw,56px) clamp(44px,5vw,72px)}.features-cta{margin-top:32px}.terms-card{max-width:880px;margin:0;padding:clamp(22px,3vw,44px);border:2px solid var(--ink);border-radius:var(--r-object);background:var(--card);box-shadow:0 8px 0 var(--ink);transform:rotate(.6deg) rotateX(calc(var(--py) * -2.5deg)) rotateY(calc(var(--px) * 3deg));transition:transform .6s var(--ease)}.terms-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-bottom:14px;border-bottom:2px dashed var(--rule);color:var(--slate);font-size:14.5px;font-weight:600}.terms-card-sentence{margin-top:22px;font:780 clamp(30px,2.4vw + 14px,56px) / 1.12 var(--display);font-stretch:82%;letter-spacing:-.01em;text-wrap:pretty}.terms-card-note{max-width:60ch;margin-top:20px;color:var(--slate);font-size:16px}.features-rail{grid-area:rail;position:sticky;top:104px;padding-top:clamp(28px,4vw,56px)}.features-chapters{grid-area:chapters}.features-rail-label,.chapter-spec-label{margin-bottom:12px;color:var(--slate);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.features-rail ol{display:grid;border-left:2px solid var(--rule)}.features-rail a{display:block;margin-left:-2px;padding:5px 0 5px 12px;border-left:2px solid transparent;overflow:hidden;color:var(--slate);font-size:14.5px;font-weight:560;line-height:1.3;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.features-rail a:hover{color:var(--ink)}.features-rail a[aria-current]{border-left-color:var(--ink);color:var(--ink);font-weight:700}.term-word{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:underline dotted;text-decoration-thickness:2px;text-underline-offset:.22em;cursor:help;anchor-name:var(--term)}.term-word:hover{text-decoration-style:solid}.term-word:focus-visible{border-radius:2px;outline:2px solid var(--ink);outline-offset:2px}.term-card{max-width:min(320px,calc(100vw - 32px));margin:auto;padding:12px 14px;border:2px solid var(--ink);border-radius:var(--r-object);background:var(--ink);box-shadow:0 5px 0 var(--lime);color:var(--paper);font:450 15px / 1.45 var(--body);font-stretch:100%;letter-spacing:normal;text-align:left;text-transform:none;text-wrap:pretty;white-space:normal}.term-card b{display:block;margin-bottom:2px;color:var(--lime);font-weight:700}@supports (position-area: block-end){.term-card{position-anchor:var(--term);inset:auto;margin:10px 0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}}.fx{padding-block:clamp(56px,7vw,112px) 8px;scroll-margin-top:96px}.fx-alias{display:block;height:0;scroll-margin-top:96px}.fx-title{max-width:22ch;margin:0 0 clamp(18px,2.6vw,36px);font:820 clamp(36px,4.4vw,64px) / .96 var(--display);font-stretch:70%;letter-spacing:-.012em;text-wrap:balance}.fx-stage{--px: 0;--py: 0;position:relative;aspect-ratio:1000 / var(--h);container-type:inline-size;perspective:1600px;transform:rotateX(calc(var(--py) * -1.2deg)) rotateY(calc(var(--px) * 1.6deg));transform-style:preserve-3d;transition:transform .6s var(--ease)}.fx-layer{position:absolute;inset:0;pointer-events:none;transform:translate3d(calc(var(--px) * var(--d) * 8px),calc(var(--py) * var(--d) * 6px),0);transition:transform .6s var(--ease)}.fx-shot,.fx-live,.fx-toast{position:absolute;left:calc(var(--x) * .1cqi);top:calc(var(--y) * .1cqi);width:calc(var(--w) * .1cqi);margin:0;pointer-events:auto}.fx-in{position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:8px;background:#fff;box-shadow:0 5px 0 var(--ink);rotate:calc(var(--r, 0) * 1deg);transition:translate .35s var(--ease),rotate .35s var(--ease),box-shadow .35s var(--ease)}.fx-shot img{display:block;width:100%;height:auto}.fx-shot:hover .fx-in,.fx-shot.is-lit .fx-in,.fx-live:hover .fx-in{translate:0 -6px;rotate:calc(var(--r, 0) * .4deg);box-shadow:0 11px 0 var(--ink)}.fx-u{position:absolute;height:max(7px,.9cqi);overflow:visible;translate:0 -40%;mix-blend-mode:multiply;pointer-events:none}.fx-u path{fill:none;stroke:var(--lime);stroke-width:max(5px,.6cqi);stroke-linecap:round;vector-effect:non-scaling-stroke}.fx-glow{position:absolute;border:3px solid var(--lime);border-radius:7px;background:color-mix(in oklab,var(--lime) 14%,transparent);box-shadow:0 0 0 2px var(--ink);opacity:0;scale:.97;transition:opacity .25s var(--ease),scale .25s var(--ease)}.fx-glow.is-on{opacity:1;scale:1}.fx-note{position:absolute;left:calc(var(--x) * .1cqi);top:calc(var(--y) * .1cqi);margin:0;padding:1px 4px;border-radius:3px;font:760 max(14px,2.1cqi) / 1.1 var(--display);font-stretch:84%;white-space:nowrap;pointer-events:auto;transition:background-color .2s}.fx-note.is-lit{background:var(--lime)}.fx-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.fx-a,.fx-h{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.fx-mark,.fx-list{display:none}.fx-live .fx-in,.fx-toast{font:500 max(12.5px,1.4cqi) / 1.4 var(--body)}.fx-live .fx-in{padding:14px 14px 16px;background:var(--card)}:where(.fx-live,.fx-toast) p{margin:0}:where(.fx-live,.fx-toast) button{font:inherit;color:inherit;cursor:pointer}:is(.fx-live,.fx-toast) button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.live-tag{display:inline-block;margin-bottom:10px;padding:3px 7px 2px;border-radius:4px;background:var(--lime);font:700 11px / 1.3 var(--body);letter-spacing:.02em}.live-label{margin-bottom:6px;color:var(--slate);font-size:.95em}.live-label b{color:var(--ink);font-variant-numeric:tabular-nums}.live-big{font:700 1.9em / 1.05 var(--body);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.live-small{margin-top:4px;color:var(--slate);font-size:.92em}.live-pick{display:grid;gap:6px;margin-bottom:12px}.live-pick button{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:1.5px solid #d5dad3;border-radius:8px;background:#fff;transition:border-color .15s,background-color .15s,transform .12s}.live-pick button:hover{border-color:var(--ink)}.live-pick button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--card)}.live-match{margin-bottom:10px;color:var(--slate);font-size:.95em}.live-match b{color:var(--ink)}.live-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.live-split div{padding:8px 10px;border-radius:8px;background:var(--paper)}.live-split dt{color:var(--slate);font-size:.85em}.live-split dd{margin:2px 0 0;font:700 1.3em / 1.1 var(--body);font-variant-numeric:tabular-nums}.live-split div:first-child dd{color:#1d6b3a}.live-seg{display:flex;gap:4px;margin-bottom:12px;padding:3px;border-radius:9px;background:var(--paper)}.live-seg button{flex:1;padding:6px 4px;border:0;border-radius:7px;background:transparent;font-size:.92em;white-space:nowrap;transition:background-color .15s,transform .12s}.live-seg button[aria-pressed=true]{background:#fff;box-shadow:0 0 0 1.5px var(--ink);font-weight:650}.live-cal-wrap{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.live-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:max(168px,19cqi)}.live-days{display:contents}.live-cal span{display:grid;place-items:center;aspect-ratio:1;border-radius:5px;color:var(--slate);font-size:.78em;font-variant-numeric:tabular-nums;transition:background-color .2s,color .2s}.live-cal span.is-head{color:var(--ink);font-size:.7em;font-weight:650}.live-cal span.is-today{box-shadow:inset 0 0 0 1.5px var(--slate);color:var(--ink)}.live-cal span.is-pay{background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font-weight:700}.live-cal span.is-next{background:var(--ink);color:var(--lime)}.live-rows{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.live-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 8px;border:1.5px solid #e1e5e0;border-radius:9px;background:#fff;transition:background-color .25s,border-color .25s}.live-av{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--paper);font:700 .75em var(--body)}.live-name{display:grid;min-width:0;font-weight:600}.live-name small{color:var(--slate);font-size:.85em;font-weight:450}.live-rows b{font-variant-numeric:tabular-nums}.live-rows button,.live-btn{padding:6px 12px;border:1.5px solid var(--ink);border-radius:8px;background:#fff;font-weight:650;transition:transform .12s,background-color .15s,color .15s}.live-rows button:hover,.live-btn:hover{background:var(--ink);color:var(--card)}:is(.live-pick,.live-seg,.live-rows) button:active,.live-btn:active{transform:translateY(1px) scale(.98)}.live-rows li.is-paid{border-color:transparent;background:var(--paper)}.live-rows li.is-paid button{border-color:transparent;background:transparent;color:#1d6b3a;cursor:default}.live-done{margin-top:10px;font-weight:600}.live-again{margin-left:6px;padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:3px}.live-btn{margin-top:12px}.live-btn.is-primary{background:var(--ink);color:var(--card)}.live-btn[aria-disabled=true]{border-color:transparent;background:var(--paper);color:var(--slate);cursor:default}.fx-toast{padding:12px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--card);box-shadow:0 5px 0 var(--ink);animation:fx-toast-in .5s var(--ease) both}.fx-toast[hidden]{display:none}.fx-toast .live-tag{background:var(--sky)}.live-steps{position:relative;display:grid;gap:2px;margin:0 0 10px;padding:0;list-style:none}.live-steps:before{position:absolute;top:12px;bottom:12px;left:9px;width:2px;background:#d5dad3;content:""}.live-steps button{position:relative;display:flex;align-items:baseline;gap:8px;width:100%;padding:5px 6px 5px 26px;border:0;border-radius:7px;background:transparent;font-weight:600;text-align:left;transition:background-color .15s}.live-steps button:before{position:absolute;top:50%;left:4px;width:12px;height:12px;translate:0 -50%;border:2px solid var(--slate);border-radius:50%;background:var(--card);content:"";transition:background-color .2s,border-color .2s}.live-steps button small{margin-left:auto;color:var(--slate);font-weight:450;font-variant-numeric:tabular-nums}.live-steps button:hover,.live-steps button[aria-pressed=true]{background:var(--paper)}.live-steps button[aria-pressed=true]:before{border-color:var(--ink);background:var(--lime)}.fx-close{margin-top:clamp(40px,5vw,72px);padding-block:clamp(48px,6vw,88px) 0;border-top:2px solid var(--ink)}.fx-close .fx-title{max-width:none}.fx-close-cta{margin-top:clamp(32px,4vw,56px)}.fx-safe{margin-top:18px;color:var(--slate);font-size:15px}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.fx-stage{view-timeline:--fx block}.fx-shot,.fx-live{animation:fx-drop linear both;animation-timeline:--fx;animation-range:entry calc(var(--i, 0) * 7%) cover calc(18% + var(--i, 0) * 4%)}.fx-a,.fx-u path{stroke-dasharray:1;animation:fx-draw linear both;animation-timeline:--fx;animation-range:cover 14% cover 28%}.fx-h,.fx-note{animation:fx-fade linear both;animation-timeline:--fx;animation-range:cover 22% cover 30%}}}@keyframes fx-drop{0%{opacity:0;translate:0 calc(36px + var(--d, 1) * 20px)}to{opacity:1;translate:0 0}}@keyframes fx-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes fx-fade{0%{opacity:0}to{opacity:1}}@keyframes fx-toast-in{0%{opacity:0;translate:0 -14px;scale:.96}}@media(prefers-reduced-motion:reduce){.fx-stage,.fx-layer,.fx-in,.fx-glow,.terms-card{transition:none}.fx-stage,.fx-layer{transform:none}.terms-card{transform:rotate(.6deg)}.fx-toast{animation:none}}@media(max-width:959px){.features-book{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "rail" "chapters"}.features-rail{position:static;padding-top:0;padding-bottom:8px}.features-rail ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;border-left:0}.features-rail a{margin-left:0;padding-left:0;border-left:0}}@media(max-width:760px){.fx-title{font-size:clamp(32px,9.5vw,44px)}.fx-stage{display:grid;gap:18px;aspect-ratio:auto;container-type:normal;transform:none}.fx-layer{display:contents;transform:none}.fx-shot,.fx-live,.fx-toast{position:relative;top:auto;left:auto;width:auto;order:var(--i, 0)}.fx-toast{order:9}.fx-in{rotate:calc(var(--r, 0) * .5deg)}.fx-note,.fx-ink{display:none}.fx-live .fx-in,.fx-toast{font-size:14px}.fx-u{height:7px}.fx-u path{stroke-width:5px}.fx-mark{position:absolute;top:calc(var(--my) * 1%);left:max(28px,calc(var(--mx) * 1%));display:grid;place-items:center;width:26px;height:26px;translate:calc(-100% - 2px) -50%;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font:700 13px var(--body)}.fx-list{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none;counter-reset:fx}.fx-list li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;counter-increment:fx;font:650 16px / 1.35 var(--body)}.fx-list li:before{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);font:700 13px var(--body);content:counter(fx)}.live-cal{width:168px}}}
