.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-pad:0px;padding-top:var(--logoloop-pad);padding-bottom:var(--logoloop-pad);-webkit-tap-highlight-color:transparent;position:relative;overflow:clip}.logoloop--vertical{height:100%;padding:0 var(--logoloop-pad);display:inline-block}.logoloop[data-draggable]{cursor:grab;touch-action:pan-y pinch-zoom}.logoloop--vertical[data-draggable]{touch-action:pan-x pinch-zoom}.logoloop[data-dragging],.logoloop[data-dragging] *{cursor:grabbing}.logoloop__track{z-index:0;will-change:transform;-webkit-user-select:none;user-select:none;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1;position:relative}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop[data-intro] .logoloop__item{opacity:0}.logoloop__content{align-items:center;gap:calc(var(--logoloop-logoHeight) * .3);color:inherit;border-radius:4px;text-decoration:none;transition:opacity .35s,filter .35s,color .35s;display:inline-flex}.logoloop[data-labels=below] .logoloop__content{gap:calc(var(--logoloop-logoHeight) * .22);flex-direction:column}.logoloop__content:focus-visible{outline-offset:2px;outline:2px solid}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{width:auto;height:var(--logoloop-logoHeight);object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;display:block}.logoloop__node,.logoloop__item img{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2)}.logoloop__label{font-size:max(12px, calc(var(--logoloop-logoHeight) * .5));letter-spacing:-.01em;white-space:nowrap;font-weight:600;line-height:1.2}.logoloop[data-labels=below] .logoloop__label{font-size:max(11px, calc(var(--logoloop-logoHeight) * .26));letter-spacing:0;opacity:.72;font-weight:500}.logoloop__tip{margin-top:calc(var(--logoloop-logoHeight) * .2);font-size:max(11px, calc(var(--logoloop-logoHeight) * .26));white-space:nowrap;opacity:0;pointer-events:none;font-weight:500;line-height:1.2;transition:opacity .25s,translate .25s;position:absolute;top:100%;left:50%;translate:-50% 4px}.logoloop--vertical .logoloop__tip{margin-top:0;margin-left:calc(var(--logoloop-logoHeight) * .25);top:50%;left:100%;translate:4px -50%}.logoloop__item:hover .logoloop__tip,.logoloop__item:focus-within .logoloop__tip,.logoloop__item[data-active] .logoloop__tip{opacity:.8;translate:-50%}.logoloop--vertical .logoloop__item:hover .logoloop__tip,.logoloop--vertical .logoloop__item:focus-within .logoloop__tip,.logoloop--vertical .logoloop__item[data-active] .logoloop__tip{translate:0 -50%}.logoloop[data-muted] .logoloop__content{filter:grayscale(var(--logoloop-gray,1));opacity:var(--logoloop-dim,.5)}.logoloop[data-muted] .logoloop__item:hover .logoloop__content,.logoloop[data-muted] .logoloop__item:focus-within .logoloop__content,.logoloop[data-muted] .logoloop__item[data-active] .logoloop__content{filter:none;opacity:1}.logoloop__item[data-color]:hover .logoloop__content,.logoloop__item[data-color]:focus-within .logoloop__content,.logoloop__item[data-color][data-active] .logoloop__content{color:var(--logoloop-item-color)}.logoloop:not([data-muted]) .logoloop__item:not([data-color]) a.logoloop__content:hover{opacity:.8}@media (prefers-reduced-motion:reduce){.logoloop__content,.logoloop__node,.logoloop__item img,.logoloop__tip{transition:none}}.spotlight-card{isolation:isolate;background-color:var(--spotlight-card-surface);box-shadow:var(--spotlight-card-shadow);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.spotlight-card__light,.spotlight-card__grain,.spotlight-card__border,.spotlight-card__edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.spotlight-card__light,.spotlight-card__grain{z-index:-1;opacity:0}.spotlight-card__grain{mix-blend-mode:overlay;background-size:160px 160px}.spotlight-card__border,.spotlight-card__edge{z-index:1;-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight-card__border{background:var(--spotlight-card-border)}.spotlight-card__edge{opacity:0}.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}.grainient-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.text-rotate{white-space:pre-wrap;flex-wrap:wrap;display:flex;position:relative}.text-rotate-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-rotate-word{display:inline-flex}.text-rotate-lines{flex-direction:column;width:100%;display:flex}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}.text-rotate-highlight{box-sizing:content-box;border-radius:.16em;flex-wrap:nowrap;justify-content:center;padding:.1em .28em;overflow:hidden}.text-rotate-highlight-content{white-space:pre;flex-shrink:0;display:flex}@font-face{font-family:Panchang;src:url(/fonts/panchang-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Panchang;src:url(/fonts/panchang-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-600.woff2)format("woff2");font-weight:600;font-display:swap}@property --orange{syntax:"<color>";inherits:true;initial-value:#ff6a13}@property --blue{syntax:"<color>";inherits:true;initial-value:#2f55e4}:root{--ground:#ecebe6;--card:#fbfbf8;--ink:#18181b;--ink-2:#4a4a52;--rule:#cdccc5;--blue:#2f55e4;--on-blue:#fff;--orange:#ff6a13;--on-orange:#18181b;--error:#b42318;--shell:#111114;--shell-2:#26262c;--shell-ink:#f1f0ec;--shell-ink-2:#b4b4bd;--tape:#5a4434;--shadow:0 1px 2px #18181b0f, 0 18px 40px -18px #18181b47;--display:"Panchang", "Switzer", system-ui, sans-serif;--head:"Cabinet Grotesk", "Switzer", system-ui, sans-serif;--hand:"Clash Display", "Switzer", system-ui, sans-serif;--text:"Switzer", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px;--wrap:1180px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:--orange .6s var(--ease), --blue .6s var(--ease)}:root[data-side=audio]{--blue:#6a3cf0;--orange:#b6f03c;--on-orange:#15170f;--tape:#3f4a2a}@media (prefers-color-scheme:dark){:root{--ground:#0c0c0e;--card:#18181c;--ink:#f1f0ec;--ink-2:#a8a8b1;--rule:#2f2f36;--blue:#3a5ff0;--orange:#ff7a2a;--error:#ff8a7a;--shadow:0 1px 2px #00000080, 0 24px 48px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-side=audio]{--blue:#7a52ff;--orange:#c4ff4d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--ground);color:var(--ink);font:400 1rem/1.55 var(--text);font-variant-numeric:tabular-nums;caret-color:var(--orange);scrollbar-color:var(--ink-2) var(--ground);margin:0;overflow-x:hidden}::selection{background:var(--orange);color:var(--on-orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2,h3{margin:0}.section-title{font:800 clamp(1.9rem, 4.6vw, 3.4rem)/1.02 var(--head);letter-spacing:-.025em;text-wrap:balance;max-width:22ch;margin-bottom:clamp(28px,4vw,44px)}.hero-wrap{position:relative}.hero{isolation:isolate;color:var(--shell-ink);background:var(--shell);border-radius:0 0 28px 28px;padding:0 16px clamp(56px,9vw,120px);position:relative;overflow:hidden}.hero-bg{z-index:-1;inset:0;position:absolute!important}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0a0a0cb8 0%,#0a0a0c59 60%,#0a0a0c1a 100%);position:absolute;inset:0}.top{max-width:var(--wrap);align-items:center;gap:24px;margin:0 auto;padding:22px 0 clamp(36px,7vw,84px);display:flex}.wordmark{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark span{font:800 1.05rem/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.logo{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:30px;height:22px}.nav{gap:26px;margin-left:auto;display:flex}.nav a{color:var(--shell-ink-2);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--shell-ink)}.lang{border:1.5px solid #f1f0ec80;border-radius:999px;padding:2px;display:inline-flex}.lang button{color:var(--shell-ink);font:600 .78rem/1 var(--text);letter-spacing:.06em;background:0 0;border:0;border-radius:999px;padding:6px 12px}.lang button[aria-pressed=true]{background:var(--shell-ink);color:var(--shell)}.hero-inner{max-width:var(--wrap);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,5vw,72px);margin:0 auto;display:grid}.hero h1{font:800 clamp(1.9rem, 5.6vw, 4.4rem)/1.02 var(--display);text-transform:uppercase;letter-spacing:-.02em}.h1-line{display:block}.h1-rotator{color:var(--on-orange);font:700 1em/1.05 var(--hand);text-transform:none;letter-spacing:-.02em;margin:.1em 0;display:inline-flex}.hero .lede{max-width:46ch;color:var(--shell-ink-2);margin:22px 0 32px;font-size:clamp(1rem,1.6vw,1.15rem)}.modes{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.modes button{color:var(--shell-ink-2);font:700 .95rem/1 var(--head);transition:background .3s var(--ease), color .3s;background:0 0;border:0;border-radius:999px;padding:10px 18px}.modes button:hover:not(:disabled){color:var(--shell-ink)}.modes button[aria-selected=true]{background:var(--shell-ink);color:var(--shell)}.drop{border:2px dashed var(--rule);cursor:pointer;color:var(--ink);border-radius:12px;align-items:center;gap:16px;margin:14px;padding:22px;transition:border-color .2s,background .2s;display:flex}.drop:hover,.drop.is-dragging{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 8%, transparent)}.drop:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:2px}.drop.has-file{border-style:solid}.drop-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:34px;height:34px}.drop-text{gap:4px;min-width:0;display:grid}.drop-text strong{font:800 1.1rem/1.25 var(--head);overflow-wrap:anywhere}.drop-text span{color:var(--ink-2);font-size:.92rem}.convert-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 14px 16px 20px;display:flex}.convert-deck{padding:0 20px 18px}.jcard{background:var(--card);color:var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 60px -24px #000000a6,0 0 0 1px #ffffff0f}.spine{background:var(--blue);grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.spine button{color:#ffffffb8;font:600 .72rem/1.2 var(--text);letter-spacing:.1em;text-transform:uppercase;transition:background .3s var(--ease), color .3s;background:0 0;border:0;border-radius:9px;padding:9px 12px}.spine button:hover:not(:disabled){color:#fff;background:#ffffff1a}.spine button[aria-pressed=true]{background:var(--orange);color:var(--on-orange)}.label-line{align-items:center;gap:10px;padding:14px 14px 14px 20px;display:flex}.label-line input{min-width:0;font:500 1.08rem/1.2 var(--text);color:var(--ink);border:0;border-bottom:2px solid var(--rule);background:0 0;border-radius:0;flex:1;padding:12px 2px;transition:border-color .2s}.label-line input::placeholder{color:var(--ink-2);opacity:1}.label-line input:focus-visible{border-bottom-color:var(--orange);outline:none}.status{min-height:1.6em;color:var(--shell-ink-2);margin:14px 2px 0;font-size:.95rem}.status.is-error{color:#ffb4a8}.btn-action{white-space:nowrap;background:var(--orange);color:var(--on-orange);font:800 1rem/1 var(--head);letter-spacing:.01em;box-shadow:0 2px 0 #0003, 0 10px 22px -10px color-mix(in srgb, var(--orange) 80%, transparent);transition:transform .2s var(--ease), filter .2s, box-shadow .2s;border:0;border-radius:999px;padding:15px 26px}.btn-action:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.btn-action:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #0003}.btn-action:disabled{background:var(--rule);color:var(--ink-2);box-shadow:none}.hero-deck{perspective:1200px;animation:flip .7s var(--ease) both;place-items:center;display:grid}@keyframes flip{0%{opacity:.4;transform:rotateY(-180deg)scale(.9)}to{opacity:1;transform:none}}.cassette{width:100%;height:auto;display:block}.cassette.is-large{filter:drop-shadow(0 40px 50px #0000008c);max-width:540px;animation:7s ease-in-out infinite float;transform:rotate(-6deg)}@keyframes float{50%{translate:0 -12px}}.c-label{fill:#f4f3ee}.c-band{fill:var(--orange)}.c-band-2{fill:var(--blue)}.c-brand{font:800 10px/1 var(--display);fill:#18181b;letter-spacing:.1em}.c-type{font:700 9px/1 var(--head);fill:#18181b;opacity:.75}.c-side-badge circle{fill:#18181b}.c-side-badge text{font:800 11px/1 var(--display);fill:#f4f3ee}.c-rule{stroke:#18181b;stroke-opacity:.14;stroke-width:1px}.c-hand{font:600 14px/1 var(--hand);fill:#23232a}.c-pack{transition:r .9s var(--ease)}.c-tape-run{fill:none;stroke:#4a3526;stroke-width:1.4px}.c-tape-bottom{stroke:#5a3f2c;stroke-width:2.5px}.c-reel{animation:6s linear infinite spin}.cassette.is-working .c-reel{animation-duration:.9s}.cassette.is-done .c-reel{animation-play-state:paused}.c-glint{animation:glint 5s var(--ease) infinite}.cassette.is-working .c-glint{animation-duration:1.8s}.cassette.is-done{filter:drop-shadow(0 0 28px color-mix(in srgb, var(--orange) 55%, transparent)) drop-shadow(0 40px 50px #0000008c)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glint{0%,55%{transform:translate(0)}to{transform:translate(200px)}}.inlay-wrap{max-width:var(--wrap);z-index:2;margin:-64px auto 0;padding:0 16px;scroll-margin-top:24px;position:relative}.inlay{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);animation:unfold .6s var(--ease) both;grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid;overflow:hidden}@keyframes unfold{0%{clip-path:inset(0 0 100% round 14px);translate:0 16px}to{clip-path:inset(0 round 14px);translate:0}}.cover{background:var(--shell);position:relative}.cover img,.cover-blank{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.inlay-body{align-content:start;gap:20px;padding:clamp(22px,4vw,40px);display:grid}.inlay h2{font:800 1.55rem/1.2 var(--head);letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance}.meta{color:var(--ink-2);flex-wrap:wrap;margin:-12px 0 0;font-size:.92rem;display:flex}.meta span+span:before{content:"";background:var(--rule);border-radius:50%;width:4px;height:4px;margin:0 10px 3px;display:inline-block}.sides{border-bottom:1.5px solid var(--rule);display:flex}.sides button{color:var(--ink-2);font:600 1rem/1 var(--text);background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:10px;margin-bottom:-1.5px;margin-right:28px;padding:10px 0 12px;transition:color .2s;display:inline-flex}.sides button:hover:not(:disabled){color:var(--ink)}.sides button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange)}.side-letter{width:26px;height:26px;font:800 .7rem/1 var(--display);border:1.5px solid;border-radius:50%;place-items:center;display:grid}.sides button[aria-selected=true] .side-letter{background:var(--ink);color:var(--card);border-color:var(--ink)}#side-panel{gap:20px;display:grid}.chips{border:0;min-width:0;margin:0;padding:0}.chips legend{font:600 .74rem/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px;padding:0}.chips>div{flex-wrap:wrap;gap:8px;display:flex}.chip input{opacity:0;pointer-events:none;position:absolute}.chip span{text-align:center;border:1.5px solid var(--rule);min-width:68px;font:600 .92rem/1 var(--text);cursor:pointer;transition:border-color .2s, background .2s, transform .2s var(--ease);border-radius:10px;padding:10px 14px;display:inline-block}.chip span:hover{border-color:var(--ink-2)}.chip input:checked+span{background:var(--orange);border-color:var(--orange);color:var(--on-orange);transform:translateY(-1px)}.chip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.chips:disabled .chip span{cursor:default;opacity:.6}.download-row{display:flex}.clip-wrap{gap:14px;display:grid}.switch{cursor:pointer;align-items:center;gap:12px;width:fit-content;font-weight:600;display:inline-flex}.switch input{appearance:none;background:var(--rule);cursor:pointer;border-radius:99px;width:44px;height:26px;margin:0;transition:background .25s;position:relative}.switch input:after{content:"";width:20px;height:20px;transition:translate .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked{background:var(--orange)}.switch input:checked:after{translate:18px}.clip{min-width:0;animation:unfold .4s var(--ease) both;border:0;gap:12px;margin:0;padding:0;display:grid}.clip-track{height:28px;position:relative}.clip-track:before,.clip-track:after{content:"";border-radius:99px;height:6px;position:absolute;top:11px}.clip-track:before{background:var(--rule);left:0;right:0}.clip-track:after{left:var(--a);right:calc(100% - var(--b));background:var(--orange)}.clip-track input{appearance:none;pointer-events:none;z-index:1;background:0 0;width:100%;margin:0;position:absolute;inset:0}.clip-track input::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:var(--card);border:3px solid var(--ink);cursor:grab;border-radius:50%;width:22px;height:22px}.clip-track input::-moz-range-thumb{pointer-events:auto;background:var(--card);border:3px solid var(--ink);cursor:grab;border-radius:50%;width:16px;height:16px}.clip-track input:focus-visible{outline:none}.clip-track input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--blue);outline-offset:2px}.clip-times{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.clip-times label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);gap:6px;font-size:.74rem;font-weight:600;display:grid}.clip-times input{border:1.5px solid var(--rule);width:96px;color:var(--ink);font:600 1rem/1 var(--text);letter-spacing:0;background:0 0;border-radius:10px;padding:10px 12px}.clip-times input:focus-visible{border-color:var(--orange);outline:none}.clip-len{font:800 1.2rem/1 var(--display);margin-left:auto;padding-bottom:8px}.clip-hint{color:var(--ink-2);margin:0;font-size:.85rem}.btn-download{padding:17px 38px;font-size:1.1rem}.deck{border-top:1.5px dashed var(--rule);gap:10px;padding-top:18px;display:grid}.deck-readout{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.deck-stage{overflow-wrap:anywhere;font-weight:600}.deck-pct{font:800 1.2rem/1 var(--display)}.deck-bar{background:var(--rule);border-radius:99px;height:8px;overflow:hidden}.deck-bar.is-indeterminate>div{width:35%;animation:indet 1.3s var(--ease) infinite;transform:none!important}@keyframes indet{0%{translate:-100%}to{translate:300%}}.deck-bar>div{background:linear-gradient(90deg, var(--blue), var(--orange));transform-origin:0;height:100%;transition:transform .5s var(--ease)}main{display:grid}.auth-page{background:var(--shell);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--card);width:min(440px,100%);color:var(--ink);border-radius:18px;gap:16px;padding:32px 28px;display:grid;box-shadow:0 30px 60px -24px #000000a6}.auth-card .wordmark span{font:800 1.1rem/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.auth-title{font:800 1.9rem/1.05 var(--head);letter-spacing:-.02em;margin:0}.auth-text{color:var(--ink-2);margin:0}.account-btn{background:var(--orange);color:var(--on-orange);font:800 .92rem/1 var(--head);text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:999px;align-items:center;max-width:160px;padding:9px 16px;display:inline-flex;overflow:hidden}.account-form{gap:14px;display:grid}.account-form .btn-action{justify-self:start}.field{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);gap:6px;font-size:.74rem;font-weight:600;display:grid}.field input{border:1.5px solid var(--rule);background:var(--card);color:var(--ink);font:500 1rem/1.3 var(--text);letter-spacing:0;text-transform:none;border-radius:10px;padding:12px 14px}.field input:focus-visible{border-color:var(--orange);outline:none}.modes-light{background:var(--ground);border-color:var(--rule);justify-self:start}.modes-light button{color:var(--ink-2)}.modes-light button[aria-selected=true]{background:var(--ink);color:var(--card)}.members h3{font:800 1.2rem/1.2 var(--head);margin:6px 0 10px}.member-row{background:var(--card);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.member-row>div:first-child{gap:4px;min-width:0;display:grid}.member-row strong{font:700 1.05rem/1.2 var(--head);overflow-wrap:anywhere}.member-status{color:var(--ink-2);font-size:.8rem;font-weight:600}.member-status.is-pending{color:var(--orange)}.history-btn{color:var(--shell-ink);font:700 .92rem/1 var(--head);background:#ffffff0f;border:1.5px solid #f1f0ec80;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;transition:background .2s,border-color .2s;display:inline-flex}.history-btn:hover{border-color:var(--shell-ink);background:#ffffff24}.history-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.history-count{background:var(--orange);min-width:22px;height:22px;color:var(--on-orange);font:800 .75rem/1 var(--head);border-radius:999px;place-items:center;padding:0 6px;display:grid}.history-drawer{background:var(--ground);width:min(560px,100vw);height:100dvh;max-height:none;color:var(--ink);border:0;margin:0 0 0 auto;padding:0;box-shadow:-24px 0 60px #00000059}.history-drawer[open]{animation:drawer .45s var(--ease)}.history-drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0c8c}@keyframes drawer{0%{translate:100%}}.drawer-inner{gap:14px;padding:24px 20px 32px;display:grid}.drawer-title{font:800 clamp(1.6rem, 4vw, 2.2rem)/1.05 var(--head);letter-spacing:-.02em}.history-empty{color:var(--ink-2);margin:24px 0}.history-clear{justify-self:start;margin-top:8px}.history-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-note{color:var(--ink-2);max-width:70ch;margin:0 0 6px}.btn-ghost{border:1.5px solid var(--rule);color:var(--ink);font:700 .95rem/1 var(--head);background:0 0;border-radius:999px;padding:10px 18px;transition:border-color .2s}.btn-ghost:hover{border-color:var(--ink)}.history-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-row{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px;display:grid}.history-row img,.history-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--shell);border-radius:8px;width:96px}.history-info{gap:4px;min-width:0;display:grid}.history-title{color:var(--ink);font:800 1.1rem/1.25 var(--head);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.history-title:hover{-webkit-text-decoration:underline 2px var(--orange);text-decoration:underline 2px var(--orange);text-underline-offset:4px}.history-meta,.history-status{color:var(--ink-2);margin:0;font-size:.88rem}.history-status.is-error{color:var(--error)}.history-spec{flex-wrap:wrap;gap:6px;margin:2px 0 0;display:flex}.history-spec span{border:1.5px solid var(--rule);border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:600}.history-actions{align-items:center;gap:8px;display:flex}.btn-small{padding:12px 18px;font-size:.9rem}.btn-icon{border:1.5px solid var(--rule);width:40px;height:40px;color:var(--ink-2);background:0 0;border-radius:50%;place-items:center;display:grid}.btn-icon:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.btn-icon svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:16px;height:16px}@media (width<=520px){.history-btn span:not(.history-count){display:none}}@media (width<=640px){.history-row{grid-template-columns:88px minmax(0,1fr)}.history-row img,.history-thumb{width:88px}.history-actions{grid-column:1/-1;justify-content:flex-end}}.sources,.how,.faq{max-width:var(--wrap);width:100%;margin:0 auto;padding:clamp(56px,8vw,104px) 16px 0}.sources{padding-top:clamp(48px,7vw,88px)}.sources-label{text-align:center;color:var(--ink-2);font:600 .76rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}.source-name{font:800 clamp(1.4rem, 3vw, 2.1rem)/1 var(--head);letter-spacing:-.02em;color:var(--ink);opacity:.78;white-space:nowrap}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.steps:before{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 14px, transparent 14px 22px);opacity:.25;height:3px;position:absolute;top:27px;left:0;right:0}.steps li{padding-right:clamp(16px,4vw,48px);position:relative}.step-mark{background:var(--ground);border:2.5px solid var(--ink);width:56px;height:56px;font:700 1.6rem/1 var(--hand);border-radius:50%;place-items:center;margin-bottom:22px;display:grid;position:relative}.steps li:last-child .step-mark{background:var(--orange);border-color:var(--orange);color:var(--on-orange)}.steps h3{font:800 1.4rem/1.2 var(--head);letter-spacing:-.01em;margin-bottom:8px}.steps p{color:var(--ink-2);max-width:34ch;margin:0}.band{background:var(--shell);color:var(--shell-ink);border-radius:28px;margin-top:clamp(72px,10vw,128px);padding:clamp(56px,8vw,104px) 16px}.band-inner{max-width:var(--wrap);margin:0 auto}.band .section-title{color:var(--shell-ink)}.sides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:clamp(64px,9vw,112px);display:grid}.side-card{border-radius:20px!important;padding:clamp(24px,4vw,40px)!important}.side-head{z-index:1;align-items:flex-start;gap:22px;display:flex;position:relative}.side-big{font:800 clamp(3.5rem, 8vw, 6rem)/.8 var(--display);color:var(--orange)}.side-card h3{font:800 1.35rem/1.2 var(--head);letter-spacing:-.01em;margin-bottom:8px}.side-card p,.bento-card p{color:var(--shell-ink-2);margin:0}.format-list{z-index:1;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex;position:relative}.format-list li{font:600 .85rem/1 var(--text);letter-spacing:.06em;border:1.5px solid #f1f0ec38;border-radius:999px;padding:8px 14px}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.bento li{display:flex}.bento-0{grid-column:span 4}.bento-1,.bento-2{grid-column:span 2}.bento-3{grid-column:span 4}.bento-card{flex-direction:column;flex:1;justify-content:flex-end;min-height:190px;display:flex;border-radius:20px!important;padding:clamp(24px,3.5vw,36px)!important}.bento-card h3{font:800 clamp(1.3rem, 2.4vw, 1.75rem)/1.1 var(--head);letter-spacing:-.015em;z-index:1;margin-bottom:10px;position:relative}.bento-card p{z-index:1;max-width:40ch;position:relative}.bento-0 .bento-card h3{font:700 clamp(2.2rem, 5.4vw, 3.8rem)/1 var(--hand);color:var(--orange);letter-spacing:-.02em}.faq{padding-bottom:clamp(64px,9vw,112px)}.faq-list{border-top:1.5px solid var(--rule);max-width:860px}.faq details{border-bottom:1.5px solid var(--rule)}.faq summary{cursor:pointer;font:700 1.25rem/1.3 var(--head);padding:22px 44px 22px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:14px;height:14px;transition:transform .3s var(--ease);border-bottom:2.5px solid;border-right:2.5px solid;margin-top:-9px;position:absolute;top:50%;right:6px;transform:rotate(45deg)}.faq details[open] summary:after{margin-top:-2px;transform:rotate(-135deg)}.faq summary:hover{-webkit-text-decoration:underline 3px var(--orange);text-decoration:underline 3px var(--orange);text-underline-offset:6px}.faq details p{color:var(--ink-2);max-width:68ch;margin:0 0 24px}.site-footer{background:var(--shell);color:var(--shell-ink);padding:48px 16px 40px}.footer-inner{max-width:var(--wrap);gap:22px;margin:0 auto;display:grid}.facts{color:var(--shell-ink-2);flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.facts li{align-items:center;gap:9px;display:inline-flex}.facts li:before{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px}.footer-note{color:var(--shell-ink-2);margin:0;font-size:.85rem}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-deck{order:-1}.cassette.is-large{max-width:260px}.nav{display:none}.history-btn{margin-left:auto}.inlay{grid-template-columns:1fr}.cover img,.cover-blank{aspect-ratio:16/9;min-height:0}.steps{grid-template-columns:1fr;gap:36px}.steps:before{background:repeating-linear-gradient(180deg, var(--ink) 0 14px, transparent 14px 22px);width:3px;height:auto;inset:0 auto 0 27px}.steps li{padding-left:80px;padding-right:0}.step-mark{position:absolute;top:-6px;left:0}.sides-grid,.bento{grid-template-columns:1fr}.bento li{grid-column:auto}}@media (width<=520px){.label-line{flex-direction:column;align-items:stretch;padding:14px}.btn-action{width:100%}.download-row>*{width:100%!important}.spine button{padding:8px 6px;font-size:.54rem}.hero{border-radius:0 0 20px 20px}.band{border-radius:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}