@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{--bg: #f8f5ee;--surface: #ffffff;--surface-2: #efeae0;--text: #1a1a1a;--muted: #4a4a4a;--subtle: #8a8a8a;--border: #d4d0c8;--border-subtle: #e8e4dc;--accent: #d72638;--accent-hover: #b01e2c;--success: #2d5f3f;--warning: #c8893e;--shadow: 0 2px 8px rgba(26, 26, 26, .08);--serif-jp: "Noto Serif JP", "Yu Mincho", serif;--serif-en: "Cormorant Garamond", Georgia, serif;--sans: "Inter", "Noto Sans JP", system-ui, sans-serif}:root[data-theme=dark]{--bg: #15110d;--surface: #1f1b16;--surface-2: #2a251e;--text: #f0ebe0;--muted: #b8b0a2;--subtle: #7a7268;--border: #3d362c;--border-subtle: #2a251e;--accent: #e84858;--accent-hover: #d72638;--success: #5a8f6f;--warning: #e0a555;--shadow: 0 2px 10px rgba(0, 0, 0, .24)}.artist-theme-scope[data-artist-accent=vermilion]{--accent: #d72638;--accent-hover: #b01e2c}.artist-theme-scope[data-artist-accent=indigo]{--accent: #1f3a5f;--accent-hover: #152a45}.artist-theme-scope[data-artist-accent=matcha]{--accent: #5c7a4a;--accent-hover: #446035}.artist-theme-scope[data-artist-accent=sumi]{--accent: #1a1a1a;--accent-hover: #000}.artist-theme-scope[data-artist-accent=gold]{--accent: #a8842f;--accent-hover: #866421}.artist-theme-scope[data-artist-accent=sakura]{--accent: #d89aab;--accent-hover: #b17588}.artist-theme-scope[data-artist-accent=cobalt]{--accent: #2d5baa;--accent-hover: #1f4488}.artist-theme-scope[data-artist-accent=plum]{--accent: #7a2e5c;--accent-hover: #5c1f45}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=vermilion]{--accent: #e84858;--accent-hover: #d72638}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=indigo]{--accent: #5577aa;--accent-hover: #1f3a5f}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=matcha]{--accent: #7fa068;--accent-hover: #5c7a4a}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=sumi]{--accent: #f0ebe0;--accent-hover: #b8b0a2}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=gold]{--accent: #d4a84d;--accent-hover: #a8842f}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=sakura]{--accent: #e8b5c5;--accent-hover: #d89aab}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=cobalt]{--accent: #5b85d4;--accent-hover: #2d5baa}:root[data-theme=dark] .artist-theme-scope[data-artist-accent=plum]{--accent: #a85585;--accent-hover: #7a2e5c}.artist-theme-scope[data-artist-tone=light]{--bg: #ffffff;--surface: #ffffff;--surface-2: #f4efe6}.artist-theme-scope[data-artist-tone=dark]{--bg: #1f1b16;--surface: #2a251e;--surface-2: #36302a;--text: #f0ebe0;--muted: #b8b0a2;--subtle: #7a7268;--border: #3d362c;--border-subtle: #2a251e}.artist-theme-scope{background:var(--bg);color:var(--text);transition:background .2s ease}.artist-tone-badge{display:inline-flex;gap:6px;align-items:center;margin-left:12px;padding:2px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6}img{display:block;max-width:100%}button,input,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:64px;padding:0 32px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:baseline;gap:10px;font-family:var(--serif-en);font-size:24px;letter-spacing:.05em}.brand small{font-family:var(--sans);font-size:12px;color:var(--subtle);letter-spacing:.05em}.nav-links,.header-actions,.cta-row,.filter-row,.chips,.icon-row,.page-actions,.inline-links{display:flex;align-items:center;gap:12px}.filter-row{flex-wrap:wrap;row-gap:8px}.nav-links a{padding:8px 4px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.nav-links a.active,.nav-links a:hover{color:var(--text);border-color:var(--text)}.header-actions{gap:8px}.demo-switch{display:inline-flex;border:1px solid var(--border)}.demo-switch button{min-height:32px;padding:5px 9px;color:var(--muted);background:transparent;border:0;border-right:1px solid var(--border);font-size:12px;font-weight:700}.demo-switch button:last-child{border-right:0}.demo-switch button.active,.selector.active,.select-control:focus-within{color:var(--bg);background:var(--text)}button:disabled{cursor:not-allowed;opacity:.45}.primary,.secondary,.ghost,.danger,.selector,.text-link,.icon-row button,.table-row button,.settings-nav button,.tabs button,.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border-radius:4px;border:1px solid transparent;background:transparent;font-weight:600;font-size:14px}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-hover)}.secondary{border-color:var(--text)}.secondary:hover{background:var(--text);color:var(--bg)}.ghost:hover,.selector:hover{background:var(--surface-2)}.danger{border-color:var(--accent);color:var(--accent)}.danger:hover{background:var(--accent);color:#fff}.compact{min-height:34px;padding:7px 12px;font-size:13px}.full{width:100%}.selector{border-color:var(--border);color:var(--muted);font-weight:500}.select-control{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;color:var(--muted);border:1px solid var(--border);border-radius:4px;background:transparent;font-size:14px;font-weight:600}.select-control select{min-width:82px;max-width:116px;padding:0 18px 0 0;color:var(--text);background-color:var(--bg);border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer}.select-control select option,.filter-row .selector select option,.field select option,select option{background-color:var(--bg);color:var(--text)}.select-control svg:last-child{position:absolute;right:8px;pointer-events:none}.select-control:hover{background:var(--surface-2)}.fx-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;margin-left:-4px;border:1px solid var(--border);border-left:0;border-radius:0 999px 999px 0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer}.fx-pill:hover{background:var(--surface-2);color:var(--text)}.select-control.with-fx{border-radius:999px 0 0 999px}.demo-flow{position:sticky;top:65px;z-index:19;display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:1px;width:min(1280px,calc(100% - 48px));margin:0 auto;border:1px solid var(--border-subtle);background:var(--border-subtle)}.demo-flow strong,.demo-flow a{min-height:44px;padding:8px 12px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.demo-flow strong{display:grid;place-items:center;color:var(--accent);font-size:12px;text-transform:uppercase}.demo-flow a{display:grid;gap:1px;color:var(--text)}.demo-flow span{font-size:12px;font-weight:700}.demo-flow small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-chip,.status{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:13px}.user-chip{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:999px;letter-spacing:.02em}.multi-filter{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin-right:12px}.multi-filter .selector.compact{font-size:12px;padding:4px 10px}.multi-filter .selector.compact.active{background:var(--accent);color:#fff;border-color:var(--accent)}.muted.small{font-size:12px}.badge-save{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;letter-spacing:.04em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:999px}.reaction-bar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 16px}.reaction{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.reaction:hover{background:var(--surface-2)}.reaction.active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--accent)}.reaction.active:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.reaction:active{transform:scale(.95)}.reaction:disabled{opacity:.6;cursor:not-allowed}.reaction-emoji{font-size:16px;line-height:1}.reaction-count{font-size:12px;font-weight:600}@media(prefers-reduced-motion:reduce){.reaction{transition:none}}.status.ok,.ok-icon{color:var(--success)}.status.warn,.warn-icon{color:var(--warning)}main{min-height:70vh}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;padding:8px 14px;color:#fff;background:var(--text);border-radius:4px;font-size:14px;text-decoration:none;transition:top .15s}.skip-link:focus,.skip-link:focus-visible{top:12px;outline:2px solid var(--accent);outline-offset:2px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;text-align:center}.loading-pill{display:inline-flex;align-items:center;gap:6px;margin:8px 0 16px;padding:4px 12px;color:var(--muted);background:var(--surface-2);border-radius:999px;font-size:12px;letter-spacing:.04em;animation:loading-pulse 1.4s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-pill{animation:none;opacity:.7}}.studio-dm-panel{position:fixed;right:24px;bottom:24px;z-index:25;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 96px);overflow-y:auto;box-shadow:var(--shadow);border-radius:6px}@media(max-width:640px){.studio-dm-panel{right:12px;left:12px;bottom:12px;width:auto}}:focus-visible{outline:2px solid var(--accent, #D72638);outline-offset:2px;border-radius:2px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent, #D72638);outline-offset:2px}.hero,.section,.feature-strip,.page-shell,.footer{width:min(1280px,calc(100% - 48px));margin:0 auto}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;min-height:610px;padding:36px 0 28px}.hero h1,.page-head h1,.section h2,.panel h2{margin:0;font-family:var(--serif-en);font-weight:500;line-height:1.05}.hero h1{font-size:clamp(58px,7vw,104px)}.jp-lead,.lead{color:var(--muted);font-family:var(--serif-jp);font-size:20px}.hero-copy p{max-width:520px}.media-frame,.artist-card,.panel,.post-card,.membership-row,.notification-row,.application-card,.report-row{border:1px solid var(--border);border-radius:4px;background:var(--surface)}.hero-media{position:relative;overflow:hidden;aspect-ratio:4 / 3}.hero-media img,.auth-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.96)}.artist-hero .cover{object-fit:cover;filter:saturate(.78) contrast(.96)}.vertical-caption{position:absolute;right:24px;top:24px;writing-mode:vertical-rl;color:#fff;background:#1a1a1a7a;padding:12px 8px;font-family:var(--serif-jp)}.section{padding:76px 0}.section-title,.page-head,.summary-row,.bar div,.meta-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.label{margin:0 0 8px;color:var(--subtle);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.section h2,.page-head h1{font-size:clamp(38px,5vw,64px)}.text-link{padding-inline:0;color:var(--accent)}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.artist-card{overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.artist-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.artist-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:saturate(.78)}.artist-card div{padding:16px}.artist-card h3,.post-card h3{margin:0 0 6px;font-family:var(--serif-jp);font-size:19px}.artist-card p,.artist-card span,.muted,.panel p,.post-card p,.mini-row p,.notification-row p,.membership-row p,.post-mini p{margin:0;color:var(--muted);font-size:14px}.artist-card strong{display:block;margin-top:18px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feature-strip div{padding:28px 24px;border-right:1px solid var(--border)}.feature-strip div:last-child{border-right:0}.feature-strip strong{display:block;margin-top:14px}.feature-strip p{margin:6px 0 0;color:var(--muted);font-size:13px}.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.step{padding:32px;border-right:1px solid var(--border)}.step:last-child{border-right:0}.step span{display:block;font-family:var(--serif-en);font-size:52px;line-height:1}.page-shell{padding:56px 0 88px}.page-shell.narrow{width:min(1040px,calc(100% - 48px))}.page-head{margin-bottom:36px}.search-panel,.stat-strip,.kpi-grid,.dashboard-grid,.two-col,.three-col,.form-grid,.checkout-grid,.content-layout,.settings-layout{display:grid;gap:24px}.search-panel{margin-bottom:24px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:4px}.search-box{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;background:var(--bg);border:1px solid var(--border);border-radius:2px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-box.small{min-height:38px;max-width:260px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chips span,.chips button{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface);font-size:12px;cursor:pointer}.chips button:hover{border-color:var(--accent);color:var(--accent)}.chip-reset{border-style:dashed!important}.filter-row .selector select{border:0;outline:0;background-color:var(--bg);color:var(--text);font:inherit;margin-left:4px;cursor:pointer}.filter-row label.selector{cursor:pointer;max-width:240px}.preview-card{display:grid;gap:12px;margin-top:16px;padding:16px;border:1px dashed var(--border);border-radius:4px}.upload-box.uploaded{border-style:solid;border-color:var(--success);color:var(--success)}.notification-row{cursor:pointer;width:100%;text-align:left}.notification-row.selected{border-color:var(--text);background:var(--surface-2)}.notification-row.selected.unread{border-color:var(--accent)}.demo-filter-grid,.filter-group{display:grid;gap:10px}.demo-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.filter-group span{color:var(--subtle);font-size:12px;font-weight:700;text-transform:uppercase}.filter-group div{display:flex;flex-wrap:wrap;gap:8px}.stat-strip,.kpi-grid{grid-template-columns:repeat(4,1fr);margin:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.kpi-grid:has(.stat:nth-child(5)){grid-template-columns:repeat(5,1fr)}.stat{padding:24px;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat strong{display:block;font-family:var(--serif-en);font-size:38px;line-height:1}.stat span{color:var(--muted);font-size:13px}.artist-hero{margin-bottom:32px}.artist-hero .cover{width:100%;aspect-ratio:16 / 5;max-height:320px;min-height:180px;border:1px solid var(--border);border-radius:8px;display:block}.profile-line,.artist-mini{display:flex;align-items:center;gap:16px}.profile-line{margin-top:16px;padding:0 4px}.profile-line>div{flex:1;min-width:0}.profile-line p{margin:0 0 4px}.avatar{width:54px;height:54px;border-radius:999px;border:2px solid var(--surface);object-fit:cover}.avatar.large{width:96px;height:96px}.monogram{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700}.tabs{display:flex;align-items:center;gap:26px;min-height:48px;margin:24px 0;border-bottom:1px solid var(--border)}.tabs button{min-height:48px;padding:0;color:var(--subtle);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}.tabs button.active,.tabs a.active{color:var(--text);border-color:var(--text)}.tabs a{display:inline-flex;align-items:center;min-height:48px;color:var(--subtle);border-bottom:2px solid transparent}.two-col{grid-template-columns:minmax(0,1fr) 360px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid.wide{grid-template-columns:1.2fr 1fr}.form-grid{grid-template-columns:1.1fr .9fr}.form-grid.tight{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-grid,.content-layout{grid-template-columns:minmax(0,1fr) 380px}.stack{display:grid;gap:16px}.panel,.side-panel,.section-block{padding:24px}.panel h2,.section-block h2,.side-panel h3{margin-bottom:18px;font-size:24px}.post-card,.membership-row,.notification-row,.application-card,.report-row,.mini-row,.comment,.table-row,.data-row{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;padding:16px}.post-card img{width:160px;aspect-ratio:16 / 10;object-fit:cover;border-radius:2px}.meta-row{color:var(--subtle);font-size:12px}.icon-row{flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:13px}.icon-row span,.icon-row button{display:inline-flex;align-items:center;gap:6px}@keyframes heart-pop{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.92)}to{transform:scale(1)}}.is-liked svg{animation:heart-pop .4s ease-out;fill:currentColor}@media(prefers-reduced-motion:reduce){.is-liked svg{animation:none}}.content-actions button.is-liked{color:var(--accent);border-color:var(--accent)}.panel .full+.full{margin-top:10px}.side-panel{border-left:1px solid var(--border)}.mini-row{grid-template-columns:1fr auto;padding-inline:0;border-bottom:1px solid var(--border-subtle)}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}.tier-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:28px 24px 24px;text-align:left;border:1px solid var(--border);border-radius:4px;background:var(--surface);transition:transform .16s ease,box-shadow .16s ease}.tier-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tier-card.recommended{border-color:var(--accent);box-shadow:0 6px 24px #d7263814}.tier-card.selected{border-color:var(--accent);box-shadow:inset 0 4px 0 var(--accent),0 6px 24px #d7263824}.tier-card .ribbon{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 14px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px}.tier-card h3{margin:10px 0;font-family:var(--serif-en);font-size:32px}.tier-card strong{display:block;font-size:22px;font-family:var(--serif-en)}.tier-card ul{padding-left:18px;color:var(--muted);flex:1}.tier-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:10px 14px;border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--muted);border-radius:4px}.tier-cta.active{background:var(--accent);color:#fff;border-color:var(--accent)}.segmented{display:inline-flex;flex-wrap:wrap;gap:0;margin:8px 0 16px;border:1px solid var(--border)}.segmented button{border:0;border-right:1px solid var(--border);border-radius:0}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--text);color:var(--bg)}.choice-row,.check-row,.toggle{display:flex;align-items:center;gap:10px;margin:12px 0}.choice-row.shipping{align-items:flex-start;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:4px}.choice-row.shipping span{display:grid;gap:2px}.choice-row.shipping small{color:var(--subtle);font-size:12px}.sub-heading{margin:24px 0 4px;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--border-subtle);padding-top:16px}.summary-total{display:flex;justify-content:space-between;margin:20px 0;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.auth-layout{display:grid;grid-template-columns:1fr 440px;gap:48px}.auth-photo{position:relative;overflow:hidden;min-height:520px}.auth-photo h2{position:absolute;left:32px;bottom:32px;margin:0;color:#fff;font-family:var(--serif-en);font-size:66px}.divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--subtle);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.field{display:grid;gap:8px;margin-bottom:16px;color:var(--muted);font-size:13px;font-weight:600}.field input,.field textarea,.field select{width:100%;min-height:46px;padding:12px 14px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:2px;outline:0;font-family:inherit;font-size:14px}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:44px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:16px;line-height:1;color:var(--muted);background:transparent;border:0;border-radius:4px;cursor:pointer}.password-toggle:hover{color:var(--text);background:var(--surface-2)}.field textarea{min-height:136px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.membership-row{grid-template-columns:72px 1fr auto}.membership-row img,.artist-mini img,.app-detail img{width:72px;height:72px;object-fit:cover;border-radius:4px}.compact-row{grid-template-columns:54px 1fr}.compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-mini{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:4px}.post-mini img{width:84px;height:64px;object-fit:cover}.video-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:4px;background:#000}.video-frame img{width:100%;height:100%;object-fit:cover;opacity:.78}.play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid rgba(255,255,255,.75);border-radius:999px;color:#fff;background:#00000047}.caption-line,.video-controls{position:absolute;left:24px;right:24px;color:#fff}.caption-line{bottom:72px;padding:10px 12px;background:#0000006b;text-align:center}.video-controls{bottom:20px;display:flex;align-items:center;gap:12px}.progress{flex:1;height:3px;background:#ffffff5c}.progress span{display:block;width:38%;height:100%;background:#fff}.article-copy{max-width:780px;font-family:var(--serif-jp);font-size:20px}.comment{grid-template-columns:44px 1fr;align-items:start;padding-left:0;border-bottom:1px solid var(--border-subtle)}.composer{display:flex;gap:10px;margin-bottom:18px}.composer input{flex:1;padding:10px 12px;border:1px solid var(--border);background:var(--surface)}.translation{padding-left:14px;border-left:2px solid var(--accent)}.settings-layout{grid-template-columns:260px 1fr}.settings-nav{display:grid;align-content:start;border-right:1px solid var(--border)}.settings-nav button{justify-content:flex-start;border:0;border-radius:0;color:var(--muted)}.settings-nav button.active{color:var(--text);border-left:3px solid var(--accent);background:var(--surface)}.toggle{justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.toggle input{display:none}.toggle i{position:relative;width:44px;height:24px;border-radius:999px;background:var(--border)}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:var(--surface);transition:transform .16s ease}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translate(20px)}.upload-box{display:grid;place-items:center;min-height:140px;padding:20px;border:1px dashed var(--border);color:var(--muted);text-align:center}.upload-job{padding:16px 0;border-bottom:1px solid var(--border-subtle)}.upload-job:last-child{border-bottom:0}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.swatches button{width:32px;height:32px;border:2px solid var(--surface);border-radius:999px;box-shadow:0 0 0 1px var(--border)}.swatches button.active{box-shadow:0 0 0 2px var(--text)}.preview-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--border)}.admin-table,.data-table{overflow-x:auto;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.table-head,.table-row{display:flex;align-items:center;gap:12px}.table-head>*,.table-row>*{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-head>:first-child,.table-row>:first-child{flex:1.5 1 0}.table-head,.data-head{padding:12px 16px;color:var(--subtle);font-size:12px;font-weight:700;border-bottom:1px solid var(--border);text-transform:uppercase}.table-row,.data-row{border-bottom:1px solid var(--border-subtle)}.table-row:last-child,.data-row:last-child{border-bottom:0}.table-row img{display:inline-block;width:48px;height:36px;margin-right:10px;object-fit:cover;vertical-align:middle}.data-head,.data-row{min-width:760px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.toolbar-filter{display:inline-flex;align-items:center;gap:8px;padding:0 10px;height:38px;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.toolbar-filter .filter-label{font-size:12px;color:var(--subtle);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.toolbar-filter select{border:0;background:transparent;outline:0;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.section-anchor-bar{position:sticky;top:80px;z-index:5;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:8px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section-anchor-bar button{padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}.section-anchor-bar button:hover{background:var(--surface-2);color:var(--text)}.section-anchor-bar button.active{background:var(--text);color:var(--bg)}.settings-stack>.panel{scroll-margin-top:140px}.danger-panel{border-color:var(--accent)}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.danger-row:last-child{border-bottom:0}.bar{display:grid;gap:8px;margin:14px 0}.bar i{overflow:hidden;height:8px;background:var(--surface-2)}.bar b{display:block;height:100%;background:var(--text)}.bar b.accent{background:var(--accent)}.map-block{position:relative;display:grid;place-items:center;min-height:220px;color:var(--subtle);background:var(--bg);border:1px solid var(--border-subtle)}.pin{position:absolute;width:9px;height:9px;border-radius:999px;background:var(--accent)}.p1{left:58%;top:43%}.p2{left:48%;top:48%}.p3{left:67%;top:54%}.activity{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--border-subtle);color:var(--muted)}.activity.warn{color:var(--warning)}.chart{display:flex;align-items:end;gap:6px;height:240px;padding:16px;background:var(--bg);border:1px solid var(--border-subtle)}.chart span{flex:1;min-width:5px;background:var(--accent)}.application-card,.report-row,.notification-row{grid-template-columns:72px 1fr}.application-card.selected{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.application-card img,.app-detail img{width:72px;height:72px;object-fit:cover}.report-row{grid-template-columns:28px 1fr}.notification-row{grid-template-columns:28px 1fr auto}.notification-row.unread{border-color:var(--accent)}.check-list{padding:0;list-style:none}.check-list li{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border-subtle)}.state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.auth-states-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.state-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:16px;border:1px solid var(--border);border-radius:999px;color:var(--accent)}.steps-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0;padding:0;list-style:none;counter-reset:step;font-size:12px}.steps-mini li{position:relative;padding:10px 6px;text-align:center;border-top:2px solid var(--accent);background:var(--bg);color:var(--muted);counter-increment:step}.steps-mini li:before{content:counter(step);display:block;margin-bottom:4px;font-family:var(--serif-en);font-size:18px;color:var(--accent)}.empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border:1px solid var(--border);color:var(--subtle)}.phone-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.phone{overflow:hidden;min-height:660px;border:1px solid var(--border);border-radius:28px;background:var(--surface)}.phone-top,.bottom-nav{padding:14px 18px;border-bottom:1px solid var(--border);font-weight:700}.phone-body{padding:16px}.phone .artist-grid{grid-template-columns:1fr}.phone .artist-card:nth-child(n+3),.phone .comments .comment:nth-child(n+3){display:none}.phone-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover}.phone-video{display:grid;place-items:center;aspect-ratio:16 / 9;color:#fff;background:var(--text)}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto;border-top:1px solid var(--border);border-bottom:0;color:var(--subtle);font-size:11px;text-align:center}.legal{grid-template-columns:220px minmax(0,1fr)}.legal .side-panel{display:grid;align-content:start;gap:6px;padding:16px 0;border-left:0;border-right:1px solid var(--border);position:sticky;top:88px;align-self:start;background:transparent}.legal .side-panel a{display:block;padding:8px 16px 8px 0;color:var(--muted);text-decoration:none;border-right:2px solid transparent;font-size:14px;margin-right:-1px;transition:color .15s,border-color .15s}.legal .side-panel a:hover{color:var(--ink)}.legal .side-panel a.active{color:var(--accent);border-right-color:var(--accent);font-weight:600}.legal .stack>.panel{padding:24px}@media(max-width:760px){.legal{grid-template-columns:1fr}.legal .side-panel{position:static;border-right:0;border-bottom:1px solid var(--border);padding-bottom:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px}.legal .side-panel a{border-right:0;border-bottom:2px solid transparent}.legal .side-panel a.active{border-right:0;border-bottom-color:var(--accent)}}pre{overflow-x:auto;padding:12px;color:var(--muted);background:var(--bg);border:1px solid var(--border)}.footer{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:48px;padding:48px 24px;background:var(--surface-2)}.footer-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:14px}.toast{position:fixed;right:24px;bottom:24px;z-index:30;width:min(360px,calc(100% - 48px));padding:14px 14px 14px 16px;color:#fff;background:var(--text);border-radius:4px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;animation:toast-in .22s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.toast-text{flex:1 1 auto;min-width:0}.toast-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:18px;line-height:1;color:#fff;background:transparent;border:0;border-radius:4px;cursor:pointer;opacity:.7}.toast-close:hover{opacity:1;background:#ffffff1f}.console-shell{display:grid;grid-template-columns:232px 1fr;gap:32px;align-items:start}.site-header.console{background:var(--surface);border-bottom:1px solid var(--border)}.console-context{display:inline-flex;align-items:center;height:28px;padding:0 12px;margin-left:8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.app.console-mode{min-height:100vh}.app.console-mode main{padding-bottom:64px}.console-side-nav{position:sticky;top:80px;display:grid;grid-template-rows:auto 1fr auto;gap:8px;min-height:calc(100vh - 120px);padding:20px 14px;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.console-brand{display:block;margin:4px 6px 16px;padding-bottom:14px;font-family:var(--serif-en);font-size:16px;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle)}.console-side-nav nav{display:grid;gap:2px;align-content:start}.console-side-nav nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-left:2px solid transparent;color:var(--muted);font-size:13px;font-weight:500}.console-side-nav nav a:hover{background:var(--surface-2);color:var(--text)}.console-side-nav nav a.active{color:var(--text);background:var(--bg);border-left-color:var(--accent);font-weight:600}.console-side-footer{margin-top:12px;padding:12px 6px 4px;border-top:1px solid var(--border-subtle)}.artist-mini.compact img,.artist-mini.compact .monogram{width:36px;height:36px;font-size:14px}.artist-mini.compact strong{font-size:13px}.artist-mini.compact p{margin:0;font-size:11px;color:var(--subtle)}.console-main{min-width:0}.console-shell .page-head{margin-bottom:28px}.console-shell .page-head h1{font-size:clamp(34px,4vw,50px)}@media(max-width:980px){.site-header{grid-template-columns:1fr;padding:14px 16px}.demo-flow{position:static;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100% - 32px,1280px);margin-top:12px}.demo-flow strong{grid-column:1 / -1}.header-actions,.nav-links{flex-wrap:wrap}.hero,.how,.two-col,.three-col,.form-grid,.checkout-grid,.content-layout,.auth-layout,.settings-layout,.console-shell{grid-template-columns:1fr}.console-side-nav{position:static;min-height:auto}.console-side-nav nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.hero{min-height:auto;padding-top:32px}.artist-grid,.feature-strip,.kpi-grid,.stat-strip,.dashboard-grid,.tier-grid,.compact-grid,.state-grid,.demo-filter-grid,.phone-board{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel,.settings-nav{border-left:0;border-right:0}.post-card,.membership-row,.notification-row{grid-template-columns:1fr}.post-card img{width:100%}}@media(max-width:640px){.hero,.section,.feature-strip,.page-shell,.footer{width:min(100% - 32px,1280px)}.artist-grid,.feature-strip,.kpi-grid,.stat-strip,.dashboard-grid,.tier-grid,.compact-grid,.state-grid,.demo-filter-grid,.demo-flow,.phone-board{grid-template-columns:1fr}.page-head,.section-title,.footer{display:grid}.hero h1{font-size:56px}.page-head h1,.section h2{font-size:38px}.feature-strip div{border-right:0;border-bottom:1px solid var(--border)}}.post-thumb{position:relative;display:block;overflow:hidden;border-radius:8px}.post-thumb img{display:block;width:100%;transition:transform .4s ease}.post-thumb:hover img{transform:scale(1.03)}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;color:#fff}.type-pill{font-size:10px;letter-spacing:.08em;padding:2px 8px;border:1px solid var(--border);border-radius:999px;text-transform:uppercase;color:var(--muted)}.action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.action-tile{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;transition:border-color .18s,transform .18s,background .18s}.action-tile:hover{border-color:var(--accent);transform:translateY(-1px);background:var(--surface-hover, var(--surface))}.action-tile span{font-size:14px;letter-spacing:.02em}.load-more{display:flex;justify-content:center;margin:28px 0 8px}.field.has-error input,.field.has-error textarea{border-color:var(--danger, #c53030)}.field-error{display:block;margin-top:4px;color:var(--danger, #c53030);font-size:12px}.field-hint{display:block;margin-top:4px;color:var(--muted);font-size:12px}.bio-block{padding:10px 0;border-bottom:1px dashed var(--border)}.bio-block:last-child{border-bottom:0}.bio-block.primary{border-bottom:0;padding-top:0}.bio-block.primary p{font-size:16px;line-height:1.8}.bio-block strong{display:block;font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:4px;text-transform:uppercase}.bio-block p{margin:0;line-height:1.7}.bio-others{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.demo-controls-panel{margin-top:12px;border:1px dashed var(--border);border-radius:8px;padding:8px 12px;background:var(--surface-2, var(--surface))}.demo-controls-panel summary{cursor:pointer;color:var(--muted);font-size:13px;padding:4px 0;list-style:none;-webkit-user-select:none;user-select:none}.demo-controls-panel summary:before{content:"▶ ";font-size:10px;margin-right:4px}.demo-controls-panel[open] summary:before{content:"▼ "}.demo-controls-panel button{margin-top:8px}.action-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.action-card{display:flex;align-items:center;gap:10px;padding:16px 20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .18s,transform .18s}.action-card:hover{border-color:var(--accent);transform:translateY(-1px)}.action-card.warn{border-color:color-mix(in srgb,var(--warn, #d97706) 40%,var(--border));background:color-mix(in srgb,var(--warn, #d97706) 6%,var(--surface))}.action-card.danger{border-color:color-mix(in srgb,var(--danger, #c53030) 40%,var(--border));background:color-mix(in srgb,var(--danger, #c53030) 6%,var(--surface))}.action-card strong{font-size:22px;margin-left:auto}.action-card span{font-size:13px;color:var(--muted)}.application-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}.application-grid .application-card{display:grid;grid-template-columns:32px 80px 1fr;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:start;transition:border-color .18s}.application-grid .application-card.selected{border-color:var(--accent)}.application-grid .application-card img{width:80px;height:80px;border-radius:6px;object-fit:cover}.application-grid .application-card .application-check{display:grid;place-items:center;padding-top:6px}.application-grid .application-card strong{font-size:16px}.application-grid .application-card p{font-size:12px;color:var(--muted);margin:4px 0}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer;color:var(--muted);font-family:inherit;font-size:14px}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--ink)}.user-block{display:inline-flex;align-items:center;gap:8px}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.dynamic-chart{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;height:160px;align-items:end;padding:12px 0}.dynamic-chart .bar{display:block;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 60%,transparent));border-radius:4px 4px 0 0;min-height:6px}.upload-box input[type=file]{display:none}.preview-cover{display:block;width:100%;border-radius:6px;margin:12px 0}.studio-composer{scroll-margin-top:88px}.row-actions select,.row-actions input{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:inherit}.mypage-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px 32px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface));margin-bottom:24px}.mypage-hero-left{display:flex;align-items:center;gap:20px}.mypage-hero-left h2{margin:4px 0;font-size:28px;font-family:var(--font-serif, "Cormorant Garamond", serif);letter-spacing:.01em}.mypage-hero-left .label{font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:0}.avatar.monogram.large{width:72px;height:72px;font-size:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-contrast, #fff);font-weight:700}.lp-badge{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:14px 20px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.lp-badge .lp-label{font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.lp-badge strong{font-size:16px}.lp-badge .lp-progress{font-size:11px;margin-top:2px}.lp-badge .lp-breakdown{margin-top:6px;font-size:11px;color:var(--muted);align-self:stretch;text-align:right}.lp-badge .lp-breakdown summary{cursor:pointer;list-style:none}.lp-badge .lp-breakdown summary::-webkit-details-marker{display:none}.lp-badge .lp-breakdown summary:before{content:"▸ "}.lp-badge .lp-breakdown[open] summary:before{content:"▾ "}.lp-badge .lp-breakdown ul{list-style:none;padding:6px 0 0;margin:0;text-align:right}.lp-badge .lp-breakdown li{padding:1px 0}.spark-row{display:flex;align-items:flex-end;gap:3px;height:80px;padding:8px 0}.spark-bar{flex:1;min-width:4px;height:100%;display:flex;align-items:flex-end;background:transparent}.spark-fill{width:100%;background:var(--accent);min-height:1px;border-radius:2px 2px 0 0;opacity:.85}.spark-bar:hover .spark-fill{opacity:1}.mypage-stats{margin-bottom:28px}.fanclub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.fanclub-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;transition:border-color .18s,transform .18s}.fanclub-card:hover{border-color:var(--accent);transform:translateY(-1px)}.fanclub-cover{position:relative;display:block;height:140px;overflow:hidden}.fanclub-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.fanclub-card:hover .fanclub-cover img{transform:scale(1.05)}.tier-badge{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#0000008c;color:#fff;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tier-badge.tier-vip{background:linear-gradient(135deg,#d4a84d,#a8842f)}.tier-badge.tier-premium{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#000))}.tier-badge.tier-standard{background:#000000a6}.fanclub-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.fanclub-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fanclub-head strong{font-size:16px}.cycle-badge{font-size:10px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);letter-spacing:.08em}.new-items-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);text-decoration:none;width:fit-content}.new-items-pill:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.fanclub-actions{display:flex;gap:8px;margin-top:4px}.viewed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.action-tile.danger{color:var(--danger, #c53030);border-color:color-mix(in srgb,var(--danger, #c53030) 30%,var(--border))}.action-tile.danger:hover{border-color:var(--danger, #c53030);background:color-mix(in srgb,var(--danger, #c53030) 6%,var(--surface))}@media(max-width:760px){.mypage-hero{grid-template-columns:1fr}.mypage-hero-right{justify-self:start}.mypage-hero-left h2{font-size:22px}}.membership-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.membership-pick{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);transition:border-color .18s,transform .18s}.membership-pick:hover{border-color:var(--accent);transform:translateY(-1px)}.membership-pick.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.membership-pick img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.membership-pick>div{display:flex;flex-direction:column;gap:4px;min-width:0}.membership-pick strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.membership-pick .tier-badge{position:static;align-self:flex-start;font-size:9px;padding:2px 8px}