.detail.subscribe{position:relative;overflow:hidden}.detail.subscribe:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 26% at 50% -2%,color-mix(in oklab,var(--tier-vip) 16%,transparent),transparent 70%),linear-gradient(180deg,var(--atmos-warm-top) 0,var(--atmos-warm-mid) 42%,var(--surface-0) 100%)}.detail.subscribe>*{position:relative;z-index:1}.detail.subscribe .board-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-align:center;background:var(--surface-1-solid)}.detail.subscribe .board-empty-title{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-2);color:var(--text-strong)}.detail.subscribe .board-empty-sub{font-size:var(--text-sm);color:var(--text-muted);margin:0}.join{gap:var(--space-5)}.join,.join-step{display:flex;flex-direction:column}.join-step{gap:var(--space-2);animation:rise var(--duration-normal) var(--ease-out-expo) both}.join-step:first-child{animation-delay:60ms}.join-step:nth-child(2){animation-delay:.12s}.join-step:nth-child(3){animation-delay:.18s}.join-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0}.period-switch{display:flex;gap:var(--space-2);flex-wrap:wrap}.join-eyebrow{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);text-align:center;margin:var(--space-2) 0 0}.join-title{text-align:center;letter-spacing:-.02em;margin:var(--space-1) 0 var(--space-4)}.join-current-plan{text-align:center;font-size:var(--text-sm);color:var(--text-muted);background:color-mix(in oklab,var(--tc,var(--color-brand-green)) 12%,transparent);border:1px solid color-mix(in oklab,var(--tc,var(--color-brand-green)) 30%,transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4)}.join-current-plan strong{color:var(--tc,var(--color-brand-green))}.ladder-group{display:flex;flex-direction:column;gap:var(--space-2);animation:rise var(--duration-normal) var(--ease-out-expo) both;animation-delay:60ms}.group-tag{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.group-tag:after,.group-tag:before{content:"";flex:1 1;height:1px;background:var(--border-subtle)}.tier-row{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;font-family:inherit;padding:var(--space-4);border:1px solid color-mix(in oklab,var(--tc) 26%,var(--border-subtle));border-left:3px solid var(--tc);border-radius:var(--radius-lg);background:radial-gradient(130% 80% at 0 -10%,color-mix(in oklab,var(--tc) 10%,transparent),transparent 60%),var(--surface-1-solid);box-shadow:inset 0 1px 0 color-mix(in oklab,var(--color-cream) 5%,transparent),0 12px 30px -20px #000;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}button.tier-row:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--tc) 45%,var(--border-subtle))}.tier-row.free{cursor:default}.tier-row.pick{border-color:color-mix(in oklab,var(--tc) 60%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--tc) 50%,transparent),0 12px 34px -18px color-mix(in oklab,var(--tc) 45%,#000)}.tier-row:focus-visible{outline:2px solid var(--tc-text,var(--tc,var(--tier-standard-text)));outline-offset:2px}.tier-check{flex:none;width:1.4rem;height:1.4rem;border-radius:50%;border:2px solid color-mix(in oklab,var(--tc) 55%,var(--border-strong));position:relative}.tier-row.pick .tier-check{background:var(--tc-text,var(--tc,var(--tier-standard-text)));border-color:var(--tc-text,var(--tc,var(--tier-standard-text)))}.tier-row.pick .tier-check:after{content:"";position:absolute;left:.42rem;top:.2rem;width:.32rem;height:.6rem;border:solid var(--color-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.tier-info{flex:1 1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.tier-nm{font-weight:800;font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text-strong)}.tier-ds{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.tier-price{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.tier-from{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.tier-p{font-family:ui-monospace,SF Mono,monospace;font-weight:700;font-size:var(--text-lg);color:var(--tc-text,var(--tc,var(--tier-standard-text)));font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tier-row.free .tier-p{color:var(--tier-standard-text)}.tier-u{font-size:var(--text-xs);color:var(--text-muted)}.join-network{border:none;padding:0;margin:0}.join-network legend{font-size:var(--text-sm);color:var(--text-muted);padding:0;margin:0 0 var(--space-2)}.network-opts{display:flex;gap:var(--space-2)}.network-opt{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;min-height:2.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-1-solid);cursor:pointer;font-weight:600;transition:border-color var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo)}.network-opt:has(input:checked){border-color:var(--tier-standard-text);background:color-mix(in oklab,var(--tier-standard-text) 12%,var(--surface-1-solid))}.network-opt:focus-within{outline:2px solid var(--tier-standard-text);outline-offset:2px}.tier-owned{font-size:var(--text-sm);font-weight:700;color:var(--tc-text,var(--tc,var(--tier-standard-text)));white-space:nowrap}.period-opt{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;padding:.85rem 1rem;min-width:8rem;min-height:3rem;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-1-solid);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.period-opt:active{transform:scale(.98)}.period-opt.active{border-width:2px}.period-name{font-weight:700;font-size:var(--text-sm);color:var(--text-strong)}.period-price{font-family:ui-monospace,SF Mono,monospace;font-size:var(--text-sm);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.join-review{background:var(--surface-1-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3)}.join-review-line{margin:0;font-size:var(--text-base)}.join-btn{padding:.9rem 1rem;border:none;border-radius:var(--radius-sm);background:var(--color-brand-green);color:var(--color-ink);font-weight:800;font-size:var(--text-base);cursor:pointer;text-align:center;text-decoration:none;box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.join-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-green)}.join-btn:active{transform:scale(.99)}.join-btn:disabled{opacity:.6;cursor:progress;transform:none;animation:btn-pending 1.1s ease-in-out infinite}@keyframes btn-pending{0%,to{opacity:.6}50%{opacity:.85}}.join-btn.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-strong);box-shadow:none}.join-note{font-size:var(--text-xs);color:var(--text-faint);margin:0}.join-network-hint,.join-note{line-height:var(--leading-normal)}.join-network-hint{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-2) 0 0}.join-network-hint .link-btn{background:none;border:0;padding:0;font:inherit;color:var(--text-strong);text-decoration:underline;cursor:pointer}.join-network-hint .link-btn:focus-visible,.join-network-hint .link-btn:hover{color:var(--color-brand-green)}.join-disclosure{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3);line-height:var(--leading-normal)}.join-disclosure a{color:var(--text-strong);text-decoration:underline;text-underline-offset:2px}.join-success{text-align:center;background:var(--surface-1-solid);border:1px solid color-mix(in oklab,var(--color-brand-green) 40%,var(--border-subtle));border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.join-success-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:var(--color-brand-green);color:var(--color-ink);font-size:var(--text-2xl);font-weight:800;animation:join-pop var(--duration-normal) var(--ease-out-expo) both}@keyframes join-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.join-success h2{margin:0;font-size:var(--text-xl)}.join-success-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center}.join-pending{text-align:center;background:var(--surface-1-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.join-pending h2{margin:0;font-size:var(--text-xl)}.join-spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid color-mix(in oklab,var(--color-brand-green) 25%,transparent);border-top-color:var(--color-brand-green);animation:join-spin .8s linear infinite}@keyframes join-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.join{gap:var(--space-4)}.period-switch{flex-direction:column;gap:var(--space-2)}.period-opt{flex-direction:row;justify-content:space-between;align-items:center;min-width:0;width:100%}.join-review{padding:var(--space-3)}.join-success-actions{flex-direction:column;width:100%}.join-btn{width:100%}}@media (prefers-reduced-motion:reduce){.join-success-icon{animation:none}.join-spinner{animation-duration:2s}}.join-btn:focus-visible,.period-opt:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:2px}.join-was{color:var(--text-faint);text-decoration:line-through}.join-now{color:var(--color-brand-green)}.join-ends{color:var(--color-brand-amber);font-size:var(--text-sm)}.join-promo{margin-top:var(--space-2)}.period-note{display:block;margin-top:.1rem;font-size:var(--text-xs);font-weight:500;color:var(--text-faint);letter-spacing:0;text-transform:none}