:root{color-scheme:light dark;--fg:#18181b;--bg:#ffffff;--card:#fafafa;--muted:#71717a;--line:#e4e4e7;--accent:#16a34a;--accent-fg:#ffffff;--ok:#15803d;--bad:#b91c1c}@media (prefers-color-scheme:dark){:root{--fg:#f4f4f5;--bg:#0b0b0d;--card:#131316;--muted:#a1a1aa;--line:#27272a;--accent:#22c55e;--accent-fg:#052e16;--ok:#4ade80;--bad:#f87171}}*{box-sizing:border-box}body{margin:0;color:var(--fg);background:var(--bg);font:16px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit}.wrap{max-width:720px;margin:0 auto;padding:3rem 1.25rem 4rem}.h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2;margin:0 0 .75rem;letter-spacing:-.02em}.h2{font-size:1.25rem;margin:0 0 1rem}.lede{font-size:1.0625rem;margin:0 0 2rem}.fine,.lede{color:var(--muted)}.fine{font-size:.8125rem}.err,.fine{margin:.75rem 0 0}.err{color:var(--bad);font-size:.9375rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem}.drop{display:block;padding:1rem;margin-bottom:.75rem;border:1px dashed var(--line);border-radius:10px;cursor:pointer;background:var(--bg)}.drop-ok{border-style:solid;border-color:var(--accent)}.drop-off{opacity:.5;cursor:not-allowed}.drop-title{font-size:.8125rem;color:var(--muted)}.drop-main{margin:.125rem 0;font-weight:500}.drop-hint{font-size:.8125rem;color:var(--muted)}.consent{display:flex;gap:.625rem;align-items:flex-start;margin:1rem 0;font-size:.875rem;color:var(--muted);line-height:1.5}.consent input{margin-top:.3rem;flex-shrink:0}.btn{display:block;width:100%;padding:.875rem;margin-top:.5rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;text-align:center;text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:.625rem}.bar-fill{height:100%;background:var(--accent);transition:width .3s}.result{width:100%;border-radius:10px;margin-bottom:.75rem;background:#000}.steps{list-style:none;padding:0;margin:2.5rem 0 0}.steps li{padding:.875rem 0;border-top:1px solid var(--line);display:flex;gap:.75rem;align-items:baseline}.steps b{font-weight:600;min-width:7rem;flex-shrink:0}.steps span{color:var(--muted);font-size:.9375rem}.prose h2{font-size:1.125rem;margin:2rem 0 .5rem}.prose h3{font-size:1rem;margin:1.5rem 0 .25rem}.prose li,.prose p{color:var(--muted);font-size:.9375rem}.ex-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.ex-video{width:100%;border-radius:10px;background:#000;display:block}.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.75rem;gap:.75rem;margin:2rem 0 1rem}.pack{position:relative;padding:1.25rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--card);display:flex;flex-direction:column}.pack-hot{border-color:var(--accent)}.pack-badge{position:absolute;top:-.6rem;left:1rem;background:var(--accent);color:var(--accent-fg);font-size:.6875rem;font-weight:700;padding:.1rem .5rem;border-radius:99px;letter-spacing:.02em}.pack-name{font-size:.8125rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pack-price{font-size:2rem;font-weight:700;line-height:1.1;margin:.25rem 0;letter-spacing:-.02em}.pack-amount{font-weight:600}.pack-rate,.pack-sub{font-size:.8125rem;color:var(--muted)}.pack-rate{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--line)}.pack-note{margin:.5rem 0 auto;padding-bottom:.75rem}.pack-note,footer{font-size:.8125rem;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:4rem;padding-top:1.25rem}footer a{margin-right:1rem;text-decoration:none}footer a:hover{text-decoration:underline}