:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--accent-50:#fff7ed;--accent-100:#ffedd5;--accent-200:#fed7aa;--accent-300:#fdba74;--accent-400:#fb923c;--accent-500:#f97316;--accent-600:#ea580c;--accent-700:#c2410c;--accent-800:#9a3412;--accent-900:#7c2d12;--success-100:#dcfce7;--success-400:#4ade80;--success-700:#15803d;--warning-100:#fef9c3;--warning-400:#facc15;--warning-700:#a16207;--danger-100:#fee2e2;--danger-400:#f87171;--danger-700:#b91c1c;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--bg:#fff;--surface:#fafafa;--card:#fff;--border:#e5e5e5;--text-primary:#171717;--text-secondary:#525252;--text-muted:#737373;--text:var(--text-secondary);--text-h:var(--text-primary);--primary:var(--primary-600);--accent:var(--accent-500);--code-bg:#f4f4f5;--accent-bg:color-mix(in srgb, var(--primary-100) 55%, #fff);--accent-border:color-mix(in srgb, var(--primary) 40%, transparent);--social-bg:#f5f5f5b3;--shadow-card:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-dropdown:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-modal:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow:var(--shadow-dropdown);--input-background:#fafafa;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--sans:"Inter", "Segoe UI", Roboto, sans-serif;--heading:"Inter", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.1px;color:var(--text-secondary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--bg:#171717;--surface:#262626;--card:#262626;--border:#404040;--text-primary:#fafafa;--text-secondary:#d4d4d4;--text-muted:#a3a3a3;--text:var(--text-secondary);--text-h:var(--text-primary);--input-background:#262626;--shadow-card:0 4px 16px #00000059;--shadow-dropdown:0 8px 24px #00000061;--shadow-modal:0 20px 40px #0000008c}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-primary);font-weight:700}h1{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2rem,5vw,3rem)}h2{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.4rem,2.7vw,1.9rem);line-height:1.2}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-primary);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.had-shell{background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 440px);min-height:100vh}.had-head{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.had-headTop{justify-content:space-between;align-items:center;gap:12px;max-width:1126px;margin:0 auto;padding:14px 20px 8px;display:flex}.had-brand{color:var(--primary);margin:0;font-size:1.2rem}.had-headSub{color:var(--text-secondary);margin:0;font-size:.88rem}.had-publicLink{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:8px 12px;font-weight:700;text-decoration:none}.had-tabs{border-bottom:1px solid var(--border);gap:8px;max-width:1126px;margin:0 auto;padding:0 20px;display:flex}.had-tab{color:var(--text-secondary);border-bottom:2px solid #0000;align-items:center;padding:12px 14px;font-weight:700;text-decoration:none;display:inline-flex}.had-tabActive{color:var(--primary);border-bottom-color:var(--primary)}.had-subTabs{gap:8px;max-width:1126px;margin:0 auto;padding:8px 20px 10px;display:flex}.had-subTab{border:1px solid var(--border);color:var(--text-secondary);background:var(--card);border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700;text-decoration:none}.had-subTabActive{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 50%, transparent);background:color-mix(in srgb, var(--primary-100) 45%, #fff)}.had-mpBanner{border:1px solid color-mix(in srgb, var(--success-400) 45%, transparent);background:color-mix(in srgb, var(--success-100) 60%, #fff);color:var(--text-primary);border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:.95rem;font-weight:600}.had-root{max-width:1126px;margin:0 auto;padding:20px;display:block}.had-main{width:min(100%,980px);margin:0 auto}.had-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.had-titleRow{align-items:center;gap:10px;display:flex}.had-h2{margin:0}.had-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--primary-100) 50%, #fff);color:var(--text-primary);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.had-sub{color:var(--text-secondary);margin-top:6px}.had-subNote{opacity:.85;font-size:.9em}.had-summary{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.had-summary span{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:700}.had-topActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.had-primaryBtn{border-radius:var(--radius-md);cursor:pointer;font:inherit;background:var(--primary);color:#fff;letter-spacing:-.1px;box-shadow:var(--shadow-card);border:none;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-weight:800;text-decoration:none;display:inline-flex}.had-secondaryBtn{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:12px 14px;font-weight:800;display:inline-flex}.had-secondaryBtn:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.had-error{border:1px solid color-mix(in srgb, var(--danger-400) 45%, transparent);background:color-mix(in srgb, var(--danger-100) 55%, #fff);color:var(--danger-700);border-radius:var(--radius-md);margin-bottom:12px;padding:12px}.had-tableWrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);padding:10px;overflow-x:auto}.had-expGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.had-expCard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:10px;padding:12px;display:grid}.had-expVisual{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);overflow:hidden}.had-expThumb{object-fit:cover;width:100%;height:120px;display:block}.had-expThumb--empty{height:120px;color:var(--text-muted);place-items:center;font-size:.78rem;font-weight:600;display:grid}.had-expTop{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.had-expTitle{margin:0;font-size:1rem}.had-expLinkBlock{gap:6px;display:grid}.had-expLinkRow{align-items:center;gap:8px;min-width:0;display:flex}.had-expLinkUrl{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb, var(--surface) 88%, var(--border));border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:6px 8px;font-size:.78rem;display:block;overflow:hidden}.had-expCopyBtn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--text-primary);cursor:pointer;flex-shrink:0;place-items:center;transition:border-color .15s,background .15s;display:grid}.had-expCopyBtn:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary-100) 40%, #fff)}.had-expCopied{color:var(--success-700);font-size:.78rem;font-weight:700}.had-expPricing{min-height:0}.had-expMeta{color:var(--text-secondary);gap:4px;font-size:.84rem;display:grid}.had-expActions{justify-content:flex-end;display:flex}.had-status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.had-status--ready{background:color-mix(in srgb, var(--success-100) 72%, #fff);color:var(--success-700)}.had-status--draft,.had-status--paused{background:color-mix(in srgb, var(--warning-100) 72%, #fff);color:var(--warning-700)}.had-status--sold_out,.had-status--archived{background:color-mix(in srgb, var(--danger-100) 72%, #fff);color:var(--danger-700)}@media (prefers-color-scheme:dark){.had-tableWrap{background:#16171d8c}}.had-empty{place-items:start;gap:10px;padding:30px 18px;display:grid}.had-emptyTitle{color:var(--text-primary);font-size:16px;font-weight:900}.had-emptyText{color:var(--text-secondary)}@media (width<=1024px){.had-headTop,.had-tabs,.had-subTabs,.had-root{padding-left:14px;padding-right:14px}.had-top{flex-direction:column;align-items:stretch}.had-topActions{justify-content:flex-start}}.hpd-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0a0f8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hpd-dialog{border:1px solid var(--border);background:var(--surface,#fff);border-radius:18px;width:min(100%,520px);max-height:min(90vh,720px);padding:20px 20px 18px;overflow:auto;box-shadow:0 24px 80px #00000040}@media (prefers-color-scheme:dark){.hpd-dialog{background:#16171d}}.hpd-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hpd-title{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:1.15rem;font-weight:900}.hpd-close{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;padding:0 4px;font-size:28px;line-height:1}.hpd-close:hover{background:#aa3bff1f}.hpd-desc{color:var(--text);margin:10px 0 16px;font-size:14px;line-height:1.45}.hpd-form{gap:12px;display:grid}.hpd-label{color:var(--text-h);gap:6px;font-size:13px;font-weight:700;display:grid}.hpd-input,.hpd-textarea{font:inherit;border:1px solid var(--border);color:var(--text-h);background:#ffffffb3;border-radius:12px;padding:10px 12px}@media (prefers-color-scheme:dark){.hpd-input,.hpd-textarea{background:#16171dd9}}.hpd-textarea{resize:vertical;min-height:72px}.hpd-error{color:#b91c1c;background:#ffefefe6;border-radius:12px;padding:10px 12px;font-size:13px}.hpd-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.hpd-btnPrimary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-weight:800}.hpd-btnPrimary:disabled{opacity:.6;cursor:not-allowed}.hpd-btnSecondary{border:1px solid var(--border);cursor:pointer;color:var(--text-h);background:0 0;border-radius:12px;padding:10px 16px;font-weight:700}.hpd-btnSecondary:disabled{opacity:.5;cursor:not-allowed}.hpd-help{color:var(--text-muted);margin-top:4px;font-size:.78rem;line-height:1.35;display:block}.hpd-help--tight{margin-top:-2px;margin-bottom:4px}.hpd-readOnlyRow{border:1px solid var(--border);background:color-mix(in srgb, var(--surface,#fff) 92%, var(--border));border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;padding:10px 12px;display:flex}.hpd-readOnlyLabel{color:var(--text-h);font-size:13px;font-weight:700}.hpd-readOnlyValue{color:var(--text);font-size:13px;font-weight:600}.hpd-mediaHint{color:var(--text);opacity:.9;margin:-6px 0 14px;font-size:13px;line-height:1.45}.hpd-mediaSection{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:16px}.hpd-mediaTitle{color:var(--text-h);margin:0 0 12px;font-size:13px;font-weight:800}.hpd-mediaGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=520px){.hpd-mediaGrid{grid-template-columns:1fr}}.hpd-mediaCol{gap:8px;display:grid}.hpd-mediaLabel{color:var(--text-h);font-size:12px;font-weight:700}.hpd-mediaPreview{border:1px solid var(--border);background:#0000000a;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}@media (prefers-color-scheme:dark){.hpd-mediaPreview{background:#ffffff0f}}.hpd-mediaPreview--square{aspect-ratio:1;max-height:140px}.hpd-mediaPreview--wide{aspect-ratio:16/9;max-height:120px}.hpd-mediaPreview img{object-fit:cover;width:100%;height:100%;display:block}.hpd-mediaPlaceholder{color:var(--text-muted);text-align:center;padding:12px;font-size:12px}.hpd-fileInput{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}.hpd-mediaBtn{border:1px solid var(--border);cursor:pointer;color:var(--text-h);background:0 0;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.hpd-mediaBtn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.hpd-mediaBtn:disabled{opacity:.55;cursor:not-allowed}.hpd-error--media{margin-top:10px}.hsm-backdrop{z-index:1005;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0a0f8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hsm-dialog{border:1px solid var(--border);background:var(--surface,#fff);border-radius:18px;width:min(100%,440px);max-height:min(90vh,560px);padding:20px 20px 18px;overflow:auto;box-shadow:0 24px 80px #00000040}@media (prefers-color-scheme:dark){.hsm-dialog{background:#16171d}}.hsm-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.hsm-title{letter-spacing:-.02em;color:var(--text-h,var(--text-primary));margin:0;font-size:1.15rem;font-weight:900}.hsm-close{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:8px;padding:0 4px;font-size:28px;line-height:1}.hsm-close:hover{background:#aa3bff1f}.hsm-desc{color:var(--text-secondary);margin:0 0 14px;font-size:14px;line-height:1.45}.hsm-current{color:var(--text-secondary);margin:0 0 14px;font-size:13px}.hsm-form{gap:10px;display:grid}.hsm-label{color:var(--text-primary);gap:8px;font-size:13px;font-weight:700;display:grid}.hsm-input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--input-background);color:var(--text-primary);padding:12px;font-size:16px}@media (prefers-color-scheme:dark){.hsm-input{background:#16171db3}}.hsm-help{color:var(--text-muted,var(--text-secondary));font-size:12px;font-weight:500}.hsm-btn{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-card);border:0;align-self:start;padding:12px 14px;font-weight:800}.hsm-btn:disabled{opacity:.65;cursor:not-allowed}.hsm-error{border:1px solid color-mix(in srgb, var(--danger-400) 45%, transparent);background:color-mix(in srgb, var(--danger-100) 55%, #fff);color:var(--danger-700);border-radius:var(--radius-md);margin-top:10px;padding:10px 12px;font-size:13px}.hsm-success{border:1px solid color-mix(in srgb, var(--success-400) 45%, transparent);background:color-mix(in srgb, var(--success-100) 58%, #fff);color:var(--success-700);border-radius:var(--radius-md);margin-top:10px;padding:10px 12px;font-size:13px}.xpd{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.xpd--storefront.xpd--hasDisc{flex-direction:column;align-self:start;align-items:flex-start;gap:6px}.xpd-stack{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.15;display:flex}.xpd-original{color:var(--text-muted);text-underline-offset:2px;font-size:.82rem;font-weight:600;text-decoration:line-through;text-decoration-thickness:1.5px}.xpd--admin .xpd-original{font-size:.78rem}.xpd-final{letter-spacing:-.03em;color:var(--success-700,#047857);font-weight:900}.xpd--storefront .xpd-final{font-size:1.28rem}.xpd--admin .xpd-final{font-size:1.05rem}.xpd--modal .xpd-final{font-size:1.35rem}.xpd-price--single{letter-spacing:-.02em;color:var(--text-primary);font-weight:900}.xpd--storefront .xpd-price--single{font-size:1.15rem}.xpd--admin .xpd-price--single{font-size:1rem}.xpd--modal .xpd-price--single{font-size:1.2rem}.xpd-badge{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg, color-mix(in srgb, var(--warning-200) 75%, #fff), color-mix(in srgb, var(--accent-200) 55%, #fff));color:var(--warning-900,#78350f);border:1px solid color-mix(in srgb, var(--warning-500) 35%, transparent);border-radius:8px;flex-shrink:0;padding:5px 9px;font-size:.68rem;font-weight:800;box-shadow:0 1px 2px #0f172a0f}.xpd--modal .xpd-badge{font-size:.72rem}.xpd-shell--modal{border:1px dashed color-mix(in srgb, var(--success-400) 45%, var(--border));background:color-mix(in srgb, var(--success-100,#dcfce7) 50%, var(--surface,#fff));border-radius:14px;margin-top:4px;padding:14px 16px}@media (prefers-color-scheme:dark){.xpd-final{color:color-mix(in srgb, var(--success-400) 88%, #a7f3d0)}.xpd-badge{background:color-mix(in srgb, var(--warning-900) 35%, var(--surface));color:color-mix(in srgb, var(--warning-200) 92%, #fff);border-color:color-mix(in srgb, var(--warning-600) 40%, transparent)}.xpd-shell--modal{background:color-mix(in srgb, var(--success-900) 28%, var(--surface));border-color:color-mix(in srgb, var(--success-600) 35%, var(--border))}}.expm-backdrop{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a0f8c;justify-content:center;align-items:center;padding:24px 16px 32px;display:flex;position:fixed;inset:0;overflow-y:hidden}.expm-dialog{border:1px solid var(--border);background:var(--surface,#fff);border-radius:20px;flex-direction:column;width:min(100%,720px);height:min(100vh - 48px,880px);max-height:min(100vh - 48px,880px);margin:0;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000038}@media (prefers-color-scheme:dark){.expm-dialog{background:#16171d}}.expm-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;display:flex}.expm-headText{min-width:0}.expm-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:800}.expm-title{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:1.35rem;font-weight:900;line-height:1.2}.expm-subtitle{color:var(--text);max-width:520px;margin:8px 0 0;font-size:14px;line-height:1.45}.expm-close{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;place-items:center;font-size:26px;line-height:1;display:grid}.expm-close:hover{color:var(--text-h);background:#aa3bff1a}.expm-body{flex:1;min-height:0;padding:20px 24px 8px;overflow-y:auto}.expm-dialog form{flex-direction:column;flex:1;min-height:0;display:flex}.expm-section{margin-bottom:22px}.expm-sectionTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);opacity:.85;margin:0 0 14px;font-size:13px;font-weight:800}.expm-currencyNote{color:var(--text-muted);margin:-6px 0 14px;font-size:13px;line-height:1.45}.expm-grid2{gap:16px;display:grid}@media (width>=600px){.expm-grid2{grid-template-columns:1fr 1fr;align-items:start}.expm-span2{grid-column:1/-1}}.expm-field{flex-direction:column;gap:6px;min-width:0;display:flex}.expm-label{color:var(--text-h);font-size:13px;font-weight:700}.expm-labelRow{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.expm-optional{color:var(--text);opacity:.75;font-size:11px;font-weight:600}.expm-input,.expm-select,.expm-textarea{width:100%;font:inherit;border:1px solid var(--border);color:var(--text-h);background:#ffffffbf;border-radius:12px;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}@media (prefers-color-scheme:dark){.expm-input,.expm-select,.expm-textarea{background:#16171dd9}}.expm-input:focus,.expm-select:focus,.expm-textarea:focus{border-color:#aa3bff8c;outline:none;box-shadow:0 0 0 3px #aa3bff26}.expm-input::placeholder,.expm-textarea::placeholder{color:var(--text);opacity:.45}.expm-textarea{resize:vertical;min-height:100px;line-height:1.45}.expm-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b6375' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.expm-hint{color:var(--text);margin:0;font-size:12px;line-height:1.35}.expm-segmentRow{flex-wrap:wrap;gap:8px;display:flex}.expm-segment{border:1px solid var(--border);min-width:100px;font:inherit;color:var(--text-h);cursor:pointer;background:#ffffff80;border-radius:12px;flex:1;padding:10px 12px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}@media (prefers-color-scheme:dark){.expm-segment{background:#16171d80}}.expm-segment:hover{border-color:#aa3bff59}.expm-segmentActive{background:#aa3bff1f;border-color:#aa3bffa6;box-shadow:inset 0 0 0 1px #aa3bff14}.expm-numberRow{border:1px solid var(--border);background:#ffffffbf;border-radius:12px;align-items:stretch;gap:0;display:flex;overflow:hidden}@media (prefers-color-scheme:dark){.expm-numberRow{background:#16171dd9}}.expm-numberRow .expm-input{border:none;border-radius:0;flex:1;min-width:0}.expm-numberRow .expm-input:focus{box-shadow:none}.expm-numberSuffix{color:var(--text);border-left:1px solid var(--border);background:#00000008;align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:flex}@media (prefers-color-scheme:dark){.expm-numberSuffix{background:#ffffff0a}}.expm-footer{border-top:1px solid var(--border);background:#00000005;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}@media (prefers-color-scheme:dark){.expm-footer{background:#0003}}.expm-btnGhost{border:1px solid var(--border);font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700}.expm-btnGhost:disabled{opacity:.5;cursor:not-allowed}.expm-btnPrimary{background:var(--accent);color:#fff;font:inherit;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:800}.expm-btnPrimary:disabled{opacity:.55;cursor:not-allowed}.expm-error{color:#b91c1c;background:#ffefeff2;border-radius:12px;margin:0 24px;padding:10px 14px;font-size:13px}@media (prefers-color-scheme:dark){.expm-error{color:#fecaca;background:#7f1d1d40}}.expm-hiddenInput{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.expm-imagesError{color:#b91c1c;background:#ffefeff2;border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:13px}@media (prefers-color-scheme:dark){.expm-imagesError{color:#fecaca;background:#7f1d1d40}}.expm-coverBlock{margin-bottom:18px}.expm-coverRow{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.expm-coverPreview{border:1px solid var(--border);background:var(--card,#fff);border-radius:12px;place-items:center;width:120px;height:80px;display:grid;overflow:hidden}.expm-coverImg{object-fit:cover;width:100%;height:100%}.expm-coverPlaceholder{color:var(--text-muted);text-align:center;padding:8px;font-size:12px}.expm-galleryBlock{margin-top:8px}.expm-galleryHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.expm-btnGhost--sm{padding:8px 14px;font-size:13px}.expm-galleryList{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.expm-galleryItem{border:1px solid var(--border);background:#00000005;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}@media (prefers-color-scheme:dark){.expm-galleryItem{background:#ffffff08}}.expm-galleryThumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:72px;height:48px}.expm-galleryActions{flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:13px;display:flex}.expm-coverBadge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.expm-linkish{font:inherit;color:var(--primary,#0284c7);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.expm-linkish:disabled{opacity:.45;cursor:not-allowed}.expm-linkish--danger{color:#b91c1c}.expm-promoList{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.expm-promoLine{border:1px solid var(--border);background:#ffffff80;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}@media (prefers-color-scheme:dark){.expm-promoLine{background:#16171d80}}.expm-promoCode{letter-spacing:.04em;font-family:ui-monospace,monospace}.expm-promoMeta{color:var(--text-muted);font-size:.85rem}.expm-promoActions{flex-shrink:0;gap:8px;display:flex}.expm-promoForm{margin-top:8px}@media (width>=600px){.expm-promoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hcc-root{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);margin-bottom:22px;padding:16px 18px}.hcc-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hcc-title{margin:0;font-size:1.05rem}.hcc-progress{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.hcc-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hcc-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.hcc-item--done{border-color:color-mix(in srgb, var(--success-400) 45%, transparent)}.hcc-itemIcon{text-align:center;width:1.5rem;color:var(--text-secondary);font-size:1rem}.hcc-itemBody{min-width:0}.hcc-itemTitle{margin:0 0 4px;font-size:.98rem}.hcc-itemDesc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.4}.hcc-code{font-size:.85em}.hcc-actionBtn{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary-100) 55%, #fff);color:var(--text-primary);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:8px 14px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.hcc-actionBtn:hover{border-color:color-mix(in srgb, var(--primary) 65%, transparent)}.hcc-actionBtn:disabled{opacity:.6;cursor:not-allowed}.hcc-actionBtn--ghost{border-color:var(--border);background:0 0}.hcc-success{text-align:center;padding:8px 4px 4px}.hcc-successIcon{margin-bottom:6px;font-size:1.75rem}.hcc-successTitle{margin:0 0 6px;font-size:1.1rem}.hcc-successText{color:var(--text-secondary);margin:0 0 14px;font-size:.92rem}.hcc-urlRow{flex-wrap:wrap;justify-content:center;gap:10px;max-width:560px;margin:0 auto;display:flex}.hcc-urlInput{border-radius:var(--radius-sm);border:1px solid var(--border);min-width:200px;font:inherit;background:var(--input-background);color:var(--text-primary);flex:1;padding:10px 12px;font-size:.9rem}.hcc-copyBtn{border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb, var(--primary-100) 50%, #fff);font:inherit;cursor:pointer;padding:10px 16px;font-weight:600}.hcc-copyBtn:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.hcc-mpDoneLabel{color:var(--text-secondary);opacity:.85;white-space:nowrap;font-size:.88rem;font-weight:600}.hcc-mpDoneLabel--inset{margin-right:12px}.hsp-root{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);max-width:760px;box-shadow:var(--shadow-card);margin:0 auto;padding:18px}.hsp-title{margin:0 0 8px}.hsp-sub{color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.hsp-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);gap:12px;padding:16px;display:grid}.hsp-cardTitle{color:var(--text-primary);margin:0;font-size:1.05rem}.hsp-planOnboard{gap:0;padding:22px 20px 20px;overflow:hidden}.hsp-planHead{text-align:center;max-width:34rem;margin-bottom:20px;margin-left:auto;margin-right:auto}.hsp-planKicker{letter-spacing:.12em;text-transform:uppercase;color:var(--primary-600);margin:0 0 6px;font-size:11px;font-weight:800}@media (prefers-color-scheme:dark){.hsp-planKicker{color:var(--primary-400)}}.hsp-planName{letter-spacing:-.04em;color:var(--text-primary);margin:0 0 10px;font-size:1.65rem;font-weight:900;line-height:1.15}.hsp-planLead{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.55}.hsp-planPricing{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(165deg, color-mix(in srgb, var(--primary-100) 70%, var(--card)) 0%, color-mix(in srgb, var(--primary-50) 85%, var(--card)) 100%);border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));margin-bottom:22px;padding:20px 18px 16px;box-shadow:inset 0 1px #ffffff80}@media (prefers-color-scheme:dark){.hsp-planPricing{border-color:color-mix(in srgb, var(--primary-400) 22%, var(--border));background:linear-gradient(165deg,#1e2836 0%,#1a2230 100%);box-shadow:inset 0 1px #ffffff0a}}.hsp-planPriceMain{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px;margin-bottom:8px;display:flex}.hsp-planAmount{letter-spacing:-.05em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,8vw,3.35rem);font-weight:900;line-height:1}.hsp-planPriceMeta{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.hsp-planCurrency{color:var(--text-secondary);letter-spacing:.04em;font-size:13px;font-weight:800}.hsp-planPer{color:var(--text-muted);font-size:14px;font-weight:700}.hsp-planFine{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.hsp-planList{border-top:1px solid var(--border);gap:12px;margin:0 0 18px;padding:16px 0 0;list-style:none;display:grid}.hsp-planList li{color:var(--text-primary);padding-left:28px;font-size:14px;font-weight:500;line-height:1.45;position:relative}.hsp-planList li:before{content:"";background:color-mix(in srgb, var(--primary) 16%, transparent);border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);box-sizing:border-box;border-radius:6px;width:18px;height:18px;position:absolute;top:.35em;left:0}.hsp-planList li:after{content:"";border:2px solid var(--primary-600);border-top:none;border-right:none;width:8px;height:4px;position:absolute;top:.55em;left:5px;transform:rotate(-45deg)}@media (prefers-color-scheme:dark){.hsp-planList li:after{border-color:var(--primary-400)}}.hsp-planNoteFoot{box-sizing:border-box;width:100%;max-width:none;color:var(--text-muted);text-align:center;text-wrap:balance;margin-top:0;margin-left:0;margin-right:0;padding-left:4px;padding-right:4px;font-size:13px;line-height:1.55;margin-bottom:16px!important}.hsp-planCtaWrap{justify-content:center;display:flex}.hsp-planCta{background:linear-gradient(180deg, var(--primary-500), var(--primary-600));width:100%;max-width:320px;box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 35%, transparent);padding-top:14px;padding-bottom:14px;font-size:15px}.hsp-planCta:hover:not(:disabled){filter:brightness(1.05)}.hsp-planCta:disabled{filter:none}.hsp-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hsp-k{color:var(--text-secondary);font-size:14px}.hsp-v{color:var(--text-primary);text-align:right;font-weight:700}.hsp-pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.hsp-pillActive{color:var(--success-700);background:color-mix(in srgb, var(--success-100) 72%, #fff)}.hsp-pillOff{color:var(--warning-700);background:color-mix(in srgb, var(--warning-100) 72%, #fff)}.hsp-note{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.hsp-btn{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-card);border:0;justify-self:center;padding:12px 16px;font-weight:900}.hsp-btnSecondary{color:var(--text-primary);border:1px solid var(--border);box-shadow:none;background:0 0}.hsp-btnDanger{color:var(--danger-700);border:1px solid color-mix(in srgb, var(--danger-400) 55%, transparent);box-shadow:none;background:0 0}.hsp-btn:disabled{opacity:.6;cursor:not-allowed}.hsp-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hsp-info{border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);background:color-mix(in srgb, var(--primary-100) 45%, #fff);color:var(--text-primary);border-radius:var(--radius-md);margin-bottom:12px;padding:12px;font-size:14px;line-height:1.45}.hsp-error{border:1px solid color-mix(in srgb, var(--danger-400) 45%, transparent);background:color-mix(in srgb, var(--danger-100) 55%, #fff);color:var(--danger-700);border-radius:var(--radius-md);margin-bottom:12px;padding:12px}.hscd-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0b0a0f85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes hscd-pop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.hscd-dialog{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);width:min(100%,440px);box-shadow:var(--shadow-modal), 0 0 0 1px color-mix(in srgb, var(--primary) 8%, transparent);padding:28px 24px 22px;animation:.24s cubic-bezier(.22,1,.36,1) hscd-pop}@media (prefers-color-scheme:dark){.hscd-dialog{background:#1c1d24;box-shadow:0 24px 64px #0000008c}}.hscd-iconWrap{background:linear-gradient(145deg, color-mix(in srgb, var(--warning-400) 35%, transparent), color-mix(in srgb, var(--danger-400) 28%, transparent));border:1px solid color-mix(in srgb, var(--danger-400) 40%, transparent);width:52px;height:52px;box-shadow:0 8px 24px color-mix(in srgb, var(--danger-400) 18%, transparent);border-radius:16px;place-items:center;margin:0 auto 16px;display:grid}.hscd-icon{color:var(--danger-700);font-size:1.5rem;font-weight:900;line-height:1}.hscd-title{letter-spacing:-.03em;text-align:center;color:var(--text-primary);margin:0 0 12px;font-size:1.25rem;font-weight:900;line-height:1.25}.hscd-lead{color:var(--text-secondary);text-align:center;margin:0 0 14px;font-size:14px;line-height:1.55}.hscd-lead strong{color:var(--text-primary);font-weight:800}.hscd-dateBox{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary-100) 55%, var(--card));border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);text-align:center;gap:4px;margin-bottom:12px;padding:12px 14px;display:grid}.hscd-dateLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:800}.hscd-dateValue{color:var(--text-primary);letter-spacing:-.02em;font-size:1rem;font-weight:900}.hscd-muted{color:var(--text-muted);text-align:center;margin:0 0 12px;font-size:13px;line-height:1.45}.hscd-foot{color:var(--text-secondary);text-align:center;margin:0 0 22px;font-size:13px;line-height:1.45}.hscd-actions{flex-wrap:wrap;justify-content:stretch;gap:10px;display:flex}.hscd-actions .hscd-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:calc(50% - 5px);min-width:120px;padding:12px 14px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s}.hscd-actions .hscd-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.hscd-btnGhost{color:var(--text-primary);box-shadow:none;background:0 0;border:1px solid var(--border)!important}.hscd-btnGhost:hover:not(:disabled){background:color-mix(in srgb, var(--text-primary) 5%, transparent)}.hscd-btnDanger{background:linear-gradient(165deg, var(--danger-400), color-mix(in srgb, var(--danger-700) 75%, #7f1d1d));color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--danger-400) 35%, transparent)}.hscd-btnDanger:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb, var(--danger-400) 45%, transparent);transform:translateY(-1px)}.hsv-root{max-width:980px}.hsv-headRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hsv-headRow .hsv-title{margin:0}.hsv-exportBtn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--primary-600,#2563eb);background:var(--primary-600,#2563eb);color:#fff;cursor:pointer;flex-shrink:0;padding:10px 18px;font-size:.88rem;font-weight:800}.hsv-exportBtn:hover:not(:disabled){filter:brightness(1.06)}.hsv-exportBtn:disabled{opacity:.45;cursor:not-allowed}.hsv-title{letter-spacing:-.02em;margin:0 0 6px;font-size:1.35rem}.hsv-sub{color:var(--text-secondary);margin:0 0 20px;font-size:.92rem;line-height:1.45}.hsv-filters{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);margin-bottom:18px;padding:14px 16px}.hsv-filtersRow{flex-wrap:wrap;align-items:flex-end;gap:12px 14px;display:flex}.hsv-filterField{flex-direction:column;gap:6px;min-width:0;display:flex}.hsv-filterField--grow{flex:200px}.hsv-filterLabel{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem;font-weight:700}.hsv-filterSelect,.hsv-filterInput{box-sizing:border-box;width:100%;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);height:44px;min-height:44px;color:var(--text-primary);padding:0 12px;font-size:.88rem;line-height:1.25}.hsv-filterSelect{cursor:pointer;min-width:140px}.hsv-filterInput[type=date]{min-width:140px}.hsv-filterClear{box-sizing:border-box;font:inherit;border-radius:var(--radius-sm);border:1px dashed var(--border);min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;align-self:flex-end;padding:0 14px;font-size:.85rem}.hsv-filterClear:hover{color:var(--text-primary);border-color:var(--text-muted)}.hsv-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px;margin-bottom:36px;padding-bottom:24px;display:grid}.hsv-kpiCard{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);height:100%;box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;min-width:0;padding:14px 10px;display:flex}.hsv-kpiLabel{text-transform:uppercase;letter-spacing:.04em;width:100%;min-height:2.85em;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:10px;font-size:.72rem;font-weight:700;line-height:1.28;display:flex}.hsv-kpiValue{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(.95rem,2.1vw,1.12rem);line-height:1.2}@media (width<=720px){.hsv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hsv-kpiLabel{font-size:.74rem}}@media (width<=400px){.hsv-kpis{grid-template-columns:1fr}}.hsv-error{color:var(--text-h);background:#b91c1c14;border:1px solid #b91c1c66;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.9rem}.hsv-empty{text-align:center;border:1px dashed var(--border);color:var(--text-secondary);border-radius:16px;padding:28px 18px;font-size:.95rem}.hsv-tableWrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);overflow-x:auto}.hsv-tableWrap--busy{opacity:.65;pointer-events:none;transition:opacity .15s}.hsv-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.hsv-pageBtn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text-primary);cursor:pointer;padding:8px 16px;font-size:.88rem}.hsv-pageBtn:hover:not(:disabled){border-color:var(--text-muted)}.hsv-pageBtn:disabled{opacity:.45;cursor:not-allowed}.hsv-pageInfo{color:var(--text-secondary);font-size:.88rem}.hsv-msgBadge{color:#fff;background:#b91c1c;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 5px;font-size:.68rem;font-weight:800;display:inline-flex}.hsv-msgBadge--floating{min-width:1.1rem;height:1.1rem;box-shadow:0 0 0 2px var(--card,#fff);pointer-events:none;padding:0 4px;font-size:.62rem;line-height:1;position:absolute;top:-6px;right:-6px}.hsv-table{border-collapse:collapse;width:100%;min-width:860px}.hsv-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border);padding:11px 12px;font-size:.74rem}.hsv-table tbody td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:12px;font-size:.88rem}.hsv-table tbody tr:hover{background:color-mix(in srgb, var(--primary-50) 40%, #fff)}.hsv-inlineCode{background:color-mix(in srgb, var(--primary-100) 50%, #fff);border-radius:6px;padding:2px 6px;font-size:.78rem}.hsv-colAmount{white-space:nowrap;font-weight:800}.hsv-colAmount--muted{color:var(--text-secondary);font-weight:600}.hsv-thActions,.hsv-tdActions{text-align:center;white-space:nowrap;width:1%}.hsv-actions{justify-content:center;align-items:center;gap:10px;display:inline-flex}.hsv-actionBtn{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:40px;height:40px;color:var(--text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.hsv-actionBtn:hover{border-color:color-mix(in srgb, var(--primary-600,#2563eb) 45%, var(--border));background:color-mix(in srgb, var(--primary-50) 55%, var(--surface));color:var(--primary-700,#1d4ed8)}.hsv-actionBtn:focus-visible{outline:2px solid color-mix(in srgb, var(--primary-600,#2563eb) 70%, transparent);outline-offset:2px}.hsv-actionBtn--link{color:inherit;text-decoration:none}.hsv-actionBtnInner{justify-content:center;align-items:center;display:inline-flex;position:relative}.hsv-detailBtn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text-primary);font:inherit;cursor:pointer;padding:7px 10px;font-size:.82rem;font-weight:700}.hsv-detailBtn:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.hsv-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.hsv-badge--ok{background:color-mix(in srgb, var(--success-100) 70%, #fff);color:var(--success-700)}.hsv-badge--warn{background:color-mix(in srgb, var(--warning-100) 75%, #fff);color:var(--warning-700)}.hsv-badge--status.hsv-badge--approved{background:color-mix(in srgb, var(--success-100) 72%, #fff);color:var(--success-700)}.hsv-badge--status.hsv-badge--pending{background:color-mix(in srgb, var(--warning-100) 72%, #fff);color:var(--warning-700)}.hsv-badge--status.hsv-badge--rejected,.hsv-badge--status.hsv-badge--cancelled,.hsv-badge--status.hsv-badge--refunded{background:color-mix(in srgb, var(--danger-100) 72%, #fff);color:var(--danger-700)}.hsv-lines{border-top:1px solid var(--border);gap:8px;margin:4px 0 0;padding:12px 0 0;list-style:none;display:grid}.hsv-line{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.88rem;display:flex}.hsv-lineTitle{color:var(--text-primary);font-weight:600}.hsv-lineQty{color:var(--text-secondary);font-size:.85rem}.hsv-linePrice{color:var(--text-primary);font-weight:600}.hsv-payer{color:var(--text-secondary);margin-top:10px;font-size:.82rem}.hsv-dialogOverlay{z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hsv-dialog{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);width:min(820px,100%);max-height:min(92vh,900px);box-shadow:var(--shadow-modal);padding:18px;overflow:auto}.hsv-dialogHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.hsv-dialogTitle{margin:0;font-size:1.1rem}.hsv-dialogSub{color:var(--text-secondary);margin:4px 0 0;font-size:.82rem}.hsv-dialogGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.hsv-dialogLabel{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.76rem}.hsv-dialogValue{color:var(--text-primary);margin-top:4px;font-size:.92rem}.hsv-dialogLines h4{margin:0 0 8px;font-size:.95rem}@media (width<=760px){.hsv-dialogOverlay{align-items:stretch;padding:0}.hsv-dialog{border:0;border-radius:0;width:100%;height:100%;max-height:100vh}.hsv-dialogGrid{grid-template-columns:1fr}}.hpm-root{max-width:720px}.hpm-back{color:var(--primary-600,#2563eb);margin-bottom:14px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.hpm-back:hover{text-decoration:underline}.hpm-title{margin:0 0 16px;font-size:1.25rem}.hpm-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);margin-bottom:16px;padding:14px 16px}.hpm-dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.88rem;display:grid}.hpm-dl dt{color:var(--text-muted);margin:0;font-weight:600}.hpm-dl dd{margin:0}.hpm-msg{background:color-mix(in srgb, var(--surface) 70%, var(--card));border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:10px 12px}.hpm-msgBuyer{border-left:3px solid #2563eb}.hpm-msgHost{border-left:3px solid #059669}.hpm-msgMeta{text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;font-weight:700}.hpm-msgBody{white-space:pre-wrap;font-size:.88rem;line-height:1.45}.hpm-textarea{width:100%;min-height:88px;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);box-sizing:border-box;margin-top:8px;padding:10px 12px;font-size:.88rem}.hpm-send{font:inherit;border-radius:var(--radius-sm);background:var(--primary-600,#2563eb);color:#fff;cursor:pointer;border:none;margin-top:10px;padding:8px 16px;font-weight:700}.hpm-send:disabled{opacity:.55;cursor:not-allowed}.hpm-error{color:#b91c1c;margin-top:8px;font-size:.85rem}.phs-root{background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 420px);min-height:100dvh;color:var(--text-secondary);box-sizing:border-box;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.phs-root--center{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.phs-wrap{width:100%;max-width:1120px;padding:0 20px 48px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));padding-bottom:max(48px, calc(32px + env(safe-area-inset-bottom,0px)));box-sizing:border-box;margin:0 auto}.phs-banner{border:1px solid var(--border);background:var(--card);color:var(--text-primary);border-radius:14px;margin-bottom:16px;padding:14px 16px;font-size:.95rem;font-weight:700}.phs-banner--success{border-color:color-mix(in srgb, var(--success-400) 45%, transparent);background:color-mix(in srgb, var(--success-100) 55%, white)}.phs-banner--error{border-color:color-mix(in srgb, var(--danger-400) 45%, transparent);background:color-mix(in srgb, var(--danger-100) 60%, white)}.phs-banner--pending{border-color:color-mix(in srgb, var(--warning-400) 45%, transparent);background:color-mix(in srgb, var(--warning-100) 55%, white)}.phs-cartCapacityToast{bottom:max(20px, env(safe-area-inset-bottom,0px));z-index:120;background:var(--text-primary);color:#fff;text-align:center;pointer-events:none;border-radius:14px;max-width:min(440px,100vw - 32px);padding:12px 18px;font-size:.88rem;font-weight:700;line-height:1.45;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0f172a59}.phs-topBar{z-index:20;padding:max(12px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) 12px max(20px, env(safe-area-inset-left,0px));box-sizing:border-box;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1120px;margin:0 auto;display:flex;position:sticky;top:0}.phs-brand{letter-spacing:-.03em;color:var(--primary);font-size:1.2rem;font-weight:900;text-decoration:none}.phs-hero{gap:20px;margin-top:20px;margin-bottom:32px;display:grid}.phs-heroInner{align-content:start;gap:20px;min-height:0;padding:0;display:grid;position:relative}.phs-heroCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(18px,4vw,28px) clamp(16px,4vw,32px)}.phs-heroCardHead{justify-content:flex-start;align-items:center;gap:14px 18px;margin-bottom:12px;display:flex}.phs-heroCardHead .phs-hostTitle{flex:1;min-width:0;margin:0}.phs-heroAvatar{border:3px solid color-mix(in srgb, var(--border) 70%, var(--card));border-radius:999px;flex-shrink:0;width:76px;height:76px;overflow:hidden;box-shadow:0 6px 20px #0f172a24}.phs-heroAvatar img{object-fit:cover;width:100%;height:100%;display:block}.phs-hostTitle{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:900}.phs-hostBio{color:var(--text-secondary);margin:0 0 12px;font-size:1.05rem;line-height:1.65}.phs-hostMeta{color:var(--text-secondary);opacity:.85;margin:0;font-size:.9rem}.phs-heroTagline{color:var(--primary-700);margin-top:18px;font-size:.92rem;font-weight:700;display:inline-block}.phs-sectionTitle{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 18px;font-size:1.35rem;font-weight:900}.phs-empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border);background:var(--surface);border-radius:16px;margin:0;padding:24px}.phs-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.phs-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card)}.phs-expCard{flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.phs-expCard:not(.phs-expCard--soldOut):hover{box-shadow:var(--shadow-dropdown);transform:translateY(-3px)}}.phs-expCard--soldOut{opacity:.92}.phs-expCover{aspect-ratio:16/10;background:linear-gradient(135deg, color-mix(in srgb, var(--primary-100) 70%, #fff), var(--surface))}.phs-expCover img{object-fit:cover;width:100%;height:100%;display:block}.phs-expCarousel{position:relative;overflow:hidden}.phs-expCarousel:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 65%, transparent);outline-offset:2px}.phs-expCarouselImg{object-fit:cover;width:100%;height:100%;display:block}.phs-expCarouselBtn{z-index:2;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.65rem;font-weight:300;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.phs-expCarouselBtn:hover{background:#0f172a9e}.phs-expCarouselBtn:active{transform:translateY(-50%)scale(.96)}.phs-expCarouselBtn--prev{left:10px}.phs-expCarouselBtn--next{right:10px}.phs-expCarouselCounter{z-index:2;letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0f172a80;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:800;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.phs-expBody{flex-direction:column;flex:1;gap:10px;padding:18px 18px 20px;display:flex}.phs-expHead{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.phs-expTitle{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:800}.phs-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:800}.phs-badge--soldOut{background:color-mix(in srgb, var(--danger-100) 80%, #fff);color:var(--danger-700)}.phs-expDesc{color:var(--text-secondary);flex:1;margin:0;font-size:.95rem;line-height:1.55}.phs-expMeta{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.phs-slots{color:var(--warning-700);opacity:.9;font-size:.85rem;font-weight:700}.phs-addBtn{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-card);border:0;margin-top:4px;padding:12px 14px;font-weight:800;transition:background .2s}.phs-addBtn:hover:not(:disabled){background:var(--primary-700)}.phs-addBtn:disabled{opacity:.45;cursor:not-allowed}.phs-expCardActions{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:4px;display:flex}.phs-addBtn--compact{flex:1;min-width:108px;margin-top:0;padding:11px 12px;font-size:.88rem}.phs-detailOpenBtn{border:2px solid color-mix(in srgb, var(--primary) 55%, transparent);border-radius:var(--radius-md);min-width:120px;color:var(--primary);cursor:pointer;touch-action:manipulation;text-align:center;box-sizing:border-box;background:0 0;flex:1;justify-content:center;align-items:center;margin-top:0;padding:12px 14px;font-family:inherit;font-size:.88rem;font-weight:800;line-height:1.2;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.phs-detailOpenBtn:hover{background:color-mix(in srgb, var(--primary-100) 50%, #fff)}.phs-detailOpenBtn--solo{flex:100%;width:100%}.phs-loading,.phs-error{text-align:center;max-width:420px;padding:32px}.phs-error h2{color:var(--text-h);margin:0 0 12px}.phs-linkBtn{background:var(--accent);color:#fff;border-radius:14px;margin-top:16px;padding:12px 18px;font-weight:800;text-decoration:none;display:inline-block}.phs-qtyRow{flex-shrink:0;align-items:center;gap:8px;display:flex}.phs-qtyRow button{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;width:32px;height:32px;font-size:1.1rem;line-height:1}.phs-cartTotal{color:var(--text-primary);font-size:1.1rem;font-weight:900}.phs-validateBtn{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;border:0;padding:14px 16px;font-weight:900}.phs-validateBtn:disabled{opacity:.6;cursor:wait}.phs-field{color:var(--text-primary);gap:6px;margin-bottom:12px;font-size:.85rem;font-weight:600;display:grid}.phs-req{color:var(--accent);cursor:help;font-weight:800;text-decoration:none}.phs-field input{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:var(--input-background);color:var(--text-primary);padding:10px 12px}.phs-hint{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.45}.phs-hint--warn{color:var(--warning-700);font-weight:600}@media (prefers-color-scheme:dark){.phs-hint--warn{color:#fbbf24}}.phs-validateMsg{background:color-mix(in srgb, var(--primary-100) 50%, #fff);border:1px solid var(--border);white-space:pre-wrap;color:var(--text-primary);border-radius:12px;margin:0;padding:12px;font-size:.85rem;line-height:1.45}.phs-validateMsg--error{background:color-mix(in srgb, var(--danger-100) 55%, #fff);border-color:color-mix(in srgb, var(--danger-400) 35%, var(--border));color:var(--danger-800,var(--text-primary))}.phs-loadingGrid{width:min(980px,100%);max-width:100%;padding:0 max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-right));box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:18px;display:grid}.phs-loadingCard{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(90deg, color-mix(in srgb, var(--neutral-100) 80%, #fff), color-mix(in srgb, var(--neutral-200) 80%, #fff), color-mix(in srgb, var(--neutral-100) 80%, #fff));background-size:220% 100%;height:300px;animation:1.3s infinite phs-loading}@keyframes phs-loading{0%{background-position:220% 0}to{background-position:-220% 0}}@media (width<=640px){.phs-wrap,.phs-topBar{padding-left:max(14px, env(safe-area-inset-left,0px));padding-right:max(14px, env(safe-area-inset-right,0px))}.phs-banner{word-break:break-word;padding:12px 14px;font-size:.88rem}.phs-hero{margin-top:12px;margin-bottom:22px}.phs-heroAvatar{border-width:2px;width:64px;height:64px}.phs-heroCardHead{gap:12px 14px}.phs-sectionTitle{margin-bottom:14px;font-size:1.2rem}.phs-grid{gap:16px}.phs-expBody{padding:14px 14px 16px}.phs-expHead{flex-wrap:wrap}.phs-addBtn{touch-action:manipulation;width:100%;min-height:48px;padding:14px 16px;font-size:1rem}.phs-detailOpenBtn{font-size:1rem}.phs-expCarouselBtn{width:44px;height:44px;font-size:1.5rem}.phs-expCarouselBtn--prev{left:6px}.phs-expCarouselBtn--next{right:6px}.phs-expCarouselCounter{font-size:.68rem;bottom:8px}.phs-brand{font-size:1.08rem}.phs-validateBtn{touch-action:manipulation;width:100%;min-height:48px}.phs-field input{min-height:48px;font-size:16px}.phs-qtyRow{margin-left:auto}}@media (width<=860px){.phs-qtyRow button{touch-action:manipulation;min-width:44px;min-height:44px}}.phd-backToStore{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);padding:8px 12px;font-size:.88rem;font-weight:700;text-decoration:none}.phd-backToStore:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.phd-wrap{padding-top:8px}.phd-loading{color:var(--text-secondary);font-weight:700}.phd-article{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--card);max-width:720px;box-shadow:var(--shadow-card);margin:0 auto;overflow:hidden}.phd-coverEmpty{aspect-ratio:16/10;background:linear-gradient(135deg, color-mix(in srgb, var(--primary-100) 70%, #fff), var(--surface));color:var(--text-muted);place-items:center;font-size:.95rem;font-weight:700;display:grid}.phd-body{flex-direction:column;gap:16px;padding:20px 22px 24px;display:flex}.phd-titleRow{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.phd-title{color:var(--text-primary);margin:0;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:900;line-height:1.2}.phd-lead{color:var(--text-secondary);margin:0;font-size:1.02rem;line-height:1.55}.phd-facts{color:var(--text-secondary);margin:0;padding-left:1.15rem;font-size:.9rem;line-height:1.55}.phd-pricing{padding-top:4px}.phd-long{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.65}.phd-checkout{border-top:1px solid var(--border);flex-direction:column;gap:14px;margin-top:12px;padding-top:20px;display:flex}.phd-checkout--disabled{border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 90%, var(--border));padding:16px}.phd-checkoutTitle{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:900}.phd-checkoutLead{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.phd-checkoutRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.phd-checkoutLabel{color:var(--text-primary);font-size:.95rem;font-weight:800}.phd-qtyRow{margin-top:0}.phd-checkoutSub{color:var(--text-muted);margin:-6px 0 0;font-size:.82rem}.phd-checkoutTotal{margin:0}.phd-checkoutHint{color:var(--text-secondary);margin:0;font-size:.92rem;font-weight:600}.phd-couponBlock{flex-direction:column;gap:10px;display:flex}.phd-couponField{margin-bottom:0}.phd-couponRow{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.phd-couponRow input{flex:1;min-width:140px}.phd-couponApplyBtn{flex-shrink:0;padding-left:16px;padding-right:16px}.phd-couponApplied{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.88rem;display:flex}.phd-couponClear{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:700;text-decoration:underline}.phd-strike{opacity:.85;text-decoration:line-through}.oa-root{max-width:640px;margin:0 auto;padding:28px 18px 48px}.oa-title{letter-spacing:-.02em;margin:0 0 8px;font-size:1.45rem}.oa-error{color:var(--text-h,#991b1b);background:#b91c1c14;border:1px solid #b91c1c73;border-radius:12px;padding:14px 16px;font-size:.92rem}.oa-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);margin-top:18px;padding:16px 18px}.oa-card h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 12px;font-size:.95rem}.oa-dl{grid-template-columns:auto 1fr;gap:6px 14px;font-size:.9rem;display:grid}.oa-dl dt{color:var(--text-muted);margin:0;font-weight:600}.oa-dl dd{color:var(--text-primary);margin:0}.oa-lines{color:var(--text-secondary);margin:12px 0 0;padding-left:18px;font-size:.88rem}.oa-thread{margin-top:22px}.oa-msg{background:color-mix(in srgb, var(--surface) 80%, var(--card));border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:10px 12px}.oa-msgMeta{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;font-weight:700}.oa-msgBody{white-space:pre-wrap;color:var(--text-primary);font-size:.9rem;line-height:1.45}.oa-form{margin-top:16px}.oa-textarea{width:100%;min-height:100px;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);resize:vertical;box-sizing:border-box;padding:10px 12px;font-size:.9rem}.oa-submit{font:inherit;border-radius:var(--radius-sm);background:var(--primary-600,#2563eb);color:#fff;cursor:pointer;border:none;margin-top:10px;padding:10px 18px;font-weight:700}.oa-submit:disabled{opacity:.55;cursor:not-allowed}.oa-hint{color:var(--text-muted);margin-top:10px;font-size:.82rem}.topbar{z-index:200;background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:56px;margin:0 auto;padding:0 20px;display:flex}.topbar-logo{color:var(--primary);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.topbar-logo:hover{opacity:.88}.topbar-logoMark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);width:28px;height:28px;box-shadow:var(--shadow-card)}.topbar-logoText{line-height:1}.topbar-userWrap{position:relative}.topbar-userBtn{border:1px solid var(--border);background:var(--card);cursor:pointer;font:inherit;color:var(--text-primary);border-radius:999px;align-items:center;gap:10px;max-width:min(280px,52vw);padding:6px 8px 6px 14px;display:inline-flex}.topbar-userBtn:hover{border-color:color-mix(in srgb, var(--primary) 35%, transparent)}.topbar-userName{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.topbar-avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.topbar-avatarFallback{background:color-mix(in srgb, var(--primary-200) 70%, #fff);width:36px;height:36px;color:var(--text-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.topbar-chevron{color:var(--text-secondary);opacity:.75;flex-shrink:0;font-size:10px;transition:transform .15s}.topbar-chevronOpen{transform:rotate(180deg)}.topbar-menu{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);min-width:200px;box-shadow:var(--shadow-modal);gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.topbar-menuItem{text-align:left;width:100%;font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}.topbar-menuItem:hover{background:color-mix(in srgb, var(--primary-100) 40%, #fff)}.topbar-menuItemDanger{color:#b91c1c}.topbar-menuItemDanger:hover{background:#b91c1c14}.topbar-menuLink{text-align:left;width:100%;font:inherit;color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:block}.topbar-menuLink:hover{background:color-mix(in srgb, var(--primary-100) 40%, #fff)}.topbar-menuSep{background:var(--border);height:1px;margin:4px 0}.topbar-menuItem:disabled{opacity:.6;cursor:not-allowed}.app-shell{background:var(--bg,#f6f5f8);flex-direction:column;min-height:100vh;display:flex}@media (prefers-color-scheme:dark){.app-shell{background:#0f1014}}.app-shell-main{flex:1;width:100%}.app-auth-loading{text-align:center;color:var(--text);padding:48px 24px}