body{background-color:var(--bg);background-image:linear-gradient(to bottom, transparent 0, var(--bg) 78%), repeating-linear-gradient(90deg, #93a4ff12 0 1px, transparent 1px 7px);background-repeat:no-repeat;grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}.skip{z-index:10;border-radius:calc(var(--radius) / 2);background:var(--accent);color:var(--accent-fg);padding:.6rem 1rem;font-weight:600;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:1.25rem clamp(1.25rem,5vw,4rem);display:flex}.brand{letter-spacing:.01em;margin:0;font-size:1rem;font-weight:700}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:.6rem;margin:0;padding:.4rem .9rem .4rem .75rem;font-size:.875rem;line-height:1.35;display:inline-flex}.chip-dot{background:var(--muted);border-radius:50%;flex:none;width:.6rem;height:.6rem}.chip[data-mode="3d"]{border-color:color-mix(in srgb, var(--ok) 55%, var(--line));color:var(--fg)}.chip[data-mode="3d"] .chip-dot{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 22%, transparent)}.chip[data-mode="2d"] .chip-dot{border:2px solid var(--warn);background:0 0}.chip[data-mode="2d"]{color:var(--fg)}.layout{grid-template-columns:minmax(0,1.35fr) minmax(18rem,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);width:100%;max-width:76rem;margin:0 auto;padding:clamp(1.5rem,6vh,5rem) clamp(1.25rem,5vw,4rem);display:grid}@media (width<=52rem){.layout{grid-template-columns:minmax(0,1fr);align-items:start}}.depth{--step:.035em;letter-spacing:-.03em;max-width:13ch;color:var(--fg);text-wrap:balance;text-shadow:calc(var(--step) * 1) calc(var(--step) * 1) 0 #3a4fa8, calc(var(--step) * 2) calc(var(--step) * 2) 0 #2f4290, calc(var(--step) * 3) calc(var(--step) * 3) 0 #263678, calc(var(--step) * 4) calc(var(--step) * 4) 0 #1e2b61, calc(var(--step) * 5) calc(var(--step) * 5) 0 #18224b;margin:0 0 1.5rem;font-size:clamp(2.6rem,7.2vw,5.6rem);font-weight:800;line-height:.98;animation:1.1s cubic-bezier(.2,.7,.1,1) .15s both step-out}@property --step{syntax:"<length>";inherits:true;initial-value:0}@keyframes step-out{0%{--step:0em;opacity:.4}to{--step:.035em;opacity:1}}.lede{max-width:34rem;color:var(--fg);margin:0 0 1.75rem;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55}.facts{max-width:34rem;color:var(--muted);margin:0;padding:0;font-size:.975rem;list-style:none}.facts li{padding-left:1.25rem;position:relative}.facts li+li{margin-top:.45rem}.facts li:before{content:"";background:var(--accent);width:.5rem;height:2px;position:absolute;top:.62em;left:0}.actions{border:1px solid var(--line);border-radius:calc(var(--radius) * 1.5);background:var(--surface);padding:clamp(1.5rem,3vw,2.25rem)}.actions:focus{outline:none}.start{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1.5rem}.btn{border-radius:var(--radius);min-height:3rem;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 1.4rem;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);width:100%;min-height:3.5rem;color:var(--accent-fg);font-size:1.125rem}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 86%, white)}.btn-secondary{color:var(--fg);border-color:var(--accent);background:0 0;flex:none}.btn-secondary:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.hint{color:var(--muted);margin:.6rem 0 0;font-size:.875rem}.join-label{margin-bottom:.6rem;font-weight:600;display:block}.join-row{gap:.6rem;display:flex}.join-row input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);min-width:0;min-height:3rem;color:var(--fg);font:inherit;flex:auto;padding:0 .9rem;font-size:1rem}.join-row input::placeholder{color:color-mix(in srgb, var(--muted) 75%, var(--bg))}.join-row input:focus-visible{border-color:var(--accent)}.join-row input[aria-invalid=true]{border-color:var(--warn)}.error{color:var(--warn);margin:.6rem 0 0;font-size:.9rem}.error[hidden]{display:none}.limit{color:var(--muted);margin:1.5rem 0 0;font-size:.9rem}.limit strong{color:var(--fg)}@media (width<=26rem){.join-row{flex-direction:column}}.foot{color:var(--muted);padding:1.5rem clamp(1.25rem,5vw,4rem) 2rem;font-size:.85rem}.foot p{max-width:44rem;margin:0}.foot p+p{margin-top:.4rem}
