:root{--turq-50: #F0FDFA;--turq-100: #CCFBF1;--turq-200: #99F6E4;--turq-300: #5EEAD4;--turq-400: #2DD4BF;--turq-500: #14B8A6;--turq-600: #0D9488;--turq-700: #0F766E;--turq-800: #115E59;--turq-900: #134E4A;--ink-950: #0C1817;--ink-900: #122220;--ink-800: #20302E;--ink-700: #344442;--ink-600: #475A58;--ink-500: #5F7472;--ink-400: #8A9E9C;--ink-300: #B8C9C7;--ink-200: #D6E2E1;--ink-150: #E0EAE9;--ink-100: #E9F1F0;--ink-50: #F4FAF9;--white: #FFFFFF;--slate-50: #EEF3F2;--slate-100: #DEE7E5;--slate-300: #AEBFBC;--slate-500: #5F7472;--slate-700: #344442;--green-50: #E3F4EC;--green-500: #1F8A5B;--green-700: #14633F;--amber-50: #FCF2DC;--amber-500: #E0A21A;--amber-700: #9A6E0E;--red-50: #FBE7E4;--red-500: #D63A2E;--red-700: #991F17;--blue-50: #E4EEFB;--blue-500: #2563C9;--blue-700: #1A468F;--bg-app: var(--ink-50);--bg-surface: var(--white);--bg-subtle: var(--ink-100);--bg-muted: var(--ink-150);--bg-inverse: var(--ink-950);--fg-strong: var(--ink-950);--fg-default: var(--ink-800);--fg-muted: var(--ink-600);--fg-subtle: var(--ink-500);--fg-faint: var(--ink-400);--fg-on-brand: var(--white);--fg-on-inverse: var(--ink-100);--brand: var(--turq-600);--brand-hover: var(--turq-700);--brand-active: var(--turq-800);--brand-subtle: var(--turq-50);--brand-border: var(--turq-200);--brand-fg: var(--turq-700);--border-subtle: var(--ink-200);--border-default:var(--ink-300);--border-strong: var(--ink-400);--border-focus: var(--turq-500);--success: var(--green-500);--success-bg: var(--green-50);--success-fg: var(--green-700);--warning: var(--amber-500);--warning-bg: var(--amber-50);--warning-fg: var(--amber-700);--danger: var(--red-500);--danger-bg: var(--red-50);--danger-fg: var(--red-700);--info: var(--blue-500);--info-bg: var(--blue-50);--info-fg: var(--blue-700);--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display: 3.5rem;--text-h1: 2.5rem;--text-h2: 2rem;--text-h3: 1.5rem;--text-h4: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-extra: 800;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0;--ls-wide: .04em;--ls-caps: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full:9999px;--shadow-xs: 0 1px 2px rgba(12,24,23,.06);--shadow-sm: 0 1px 3px rgba(12,24,23,.08), 0 1px 2px rgba(12,24,23,.04);--shadow-md: 0 4px 12px rgba(12,24,23,.08), 0 2px 4px rgba(12,24,23,.04);--shadow-lg: 0 12px 28px rgba(12,24,23,.12), 0 4px 8px rgba(12,24,23,.05);--shadow-xl: 0 24px 56px rgba(12,24,23,.16), 0 8px 16px rgba(12,24,23,.06);--ring-brand: 0 0 0 3px rgba(20,184,166,.22);--ring-focus: 0 0 0 3px rgba(20,184,166,.4);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--fw-extra);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg-strong)}.h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--fg-strong)}.h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--fg-strong)}.h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--fg-strong)}.h4{font-family:var(--font-body);font-size:var(--text-h4);font-weight:var(--fw-semibold);line-height:var(--lh-normal);color:var(--fg-strong)}.body-lg{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--fg-default)}.body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--fg-default)}.body-sm{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--fg-muted)}.caption{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--fg-subtle)}.overline{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--fg-muted)}.mono{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-regular);color:var(--fg-default)}code,.code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.1em .4em;color:var(--brand-fg)}button{font-family:inherit}.app{display:grid;grid-template-columns:248px 1fr;height:100vh;overflow:hidden}.sb{background:var(--ink-950);color:var(--ink-200);display:flex;flex-direction:column;padding:18px 14px;gap:4px}.sb__brand{display:flex;align-items:center;gap:10px;padding:6px 12px 14px 8px}.sb__brand img{width:30px;height:30px;flex-shrink:0}.sb__brand .word{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.03em;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb__brand .word .dot{color:var(--turq-400)}.sb__loc{margin:4px 4px 14px;padding:9px 11px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:9px;cursor:pointer;transition:background var(--dur-fast)}.sb__loc:hover{background:#ffffff17}.sb__loc .pin{width:30px;height:30px;border-radius:8px;background:var(--turq-500);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb__loc .meta{flex:1;min-width:0;overflow:hidden}.sb__loc .meta .name{display:block;font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb__loc .meta .sub{display:block;font-family:var(--font-mono);font-size:10px;color:var(--ink-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb__section{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;border-radius:var(--radius-md);background:transparent;border:none;cursor:pointer;color:var(--ink-300);font-size:14px;font-weight:500;text-align:left;transition:all var(--dur-fast) var(--ease-out)}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--turq-500);color:#fff}.nav-item .badge-num{margin-left:auto;font-family:var(--font-mono);font-size:11px;background:#ffffff26;padding:1px 7px;border-radius:999px}.nav-item.active .badge-num{background:#ffffff40}.sb__user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid rgba(255,255,255,.08)}.sb__user .meta{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.sb__user .meta .name{font-size:13px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb__user .meta .role{font-size:11px;color:var(--ink-400);margin-top:1px}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app)}.topbar{height:64px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 28px;background:#f4faf9d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle)}.topbar h1{font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-.02em;color:var(--fg-strong)}.topbar .spacer{flex:1}.search{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px 12px;width:240px;color:var(--fg-subtle)}.search input{border:none;outline:none;background:transparent;font-size:13.5px;color:var(--fg-strong);width:100%;font-family:inherit}.icon-btn{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast);position:relative}.icon-btn:hover{color:var(--fg-strong);border-color:var(--border-strong)}.icon-btn .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;background:var(--brand);border-radius:50%;border:1.5px solid var(--bg-surface)}.content{flex:1;overflow-y:auto;padding:28px}.hamburger,.sb-scrim{display:none}@media(max-width:860px){.app{grid-template-columns:1fr}.sb{position:fixed;top:0;left:0;bottom:0;width:270px;z-index:60;transform:translate(-100%);transition:transform .25s var(--ease-out);box-shadow:0 10px 40px #0006}.sb.sb--open{transform:translate(0)}.sb-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000073}.hamburger{display:inline-flex}.topbar{padding:0 14px;gap:10px}.topbar h1{font-size:19px}.content{padding:16px}}.ss-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.ss-btn--md{font-size:14px;padding:10px 16px}.ss-btn--sm{font-size:13px;padding:7px 12px}.ss-btn--secondary:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.ss-btn--danger{background:var(--bg-surface);color:var(--danger-fg);border-color:var(--red-500)}.ss-btn--danger:hover{background:var(--danger-bg)}.ss-badge--danger{background:var(--danger-bg);color:var(--danger-fg)}.ss-badge--info{background:var(--info-bg);color:var(--info-fg)}.ss-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0}.ss-cap{display:flex;align-items:center;gap:8px}.ss-cap__track{width:60px;height:6px;border-radius:999px;background:var(--ink-150);overflow:hidden}.ss-cap__fill{height:100%;border-radius:999px}.ss-cap__label{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted)}.ss-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-head .sub{font-size:13.5px;color:var(--fg-muted);margin-top:3px}.toolbar{display:flex;align-items:center;gap:10px}.seg{display:inline-flex;background:var(--bg-subtle);border-radius:var(--radius-md);padding:3px;gap:2px}.seg button{border:none;background:transparent;font-size:13px;font-weight:600;color:var(--fg-muted);padding:6px 13px;border-radius:7px;cursor:pointer;font-family:inherit;transition:all var(--dur-fast)}.seg button.active{background:var(--bg-surface);color:var(--fg-strong);box-shadow:var(--shadow-xs)}.fade-in{animation:fadeIn var(--dur-slow) var(--ease-out)}@keyframes fadeIn{0%{transform:translateY(7px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:999px;border:3px solid var(--bg-app)}.content::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.ev-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--brand-fg);background:var(--brand-subtle);padding:1px 7px;border-radius:999px;margin-right:8px;vertical-align:middle}.ev-count{font-size:13px;color:var(--fg-muted)}.ev-count b{color:var(--fg-strong)}.ev-issue{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ev-issue input{flex:1 1 130px;min-width:0}.ev-tickets{display:flex;flex-direction:column;gap:2px;margin-top:12px}.ev-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border-subtle)}.ev-row:last-child{border-bottom:none}.ev-who{flex:1;min-width:0;display:flex;flex-direction:column}.ev-mail{font-size:13.5px;font-weight:600;color:var(--fg-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-name{font-size:12px;color:var(--fg-subtle)}.ev-resend{flex-shrink:0;border:1px solid var(--border-default);background:var(--bg-surface);width:30px;height:30px;border-radius:8px;color:var(--fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.ev-resend:hover{border-color:var(--brand);color:var(--brand-fg)}.scanbox{position:relative;width:100%;aspect-ratio:1 / 1;max-height:58vh;border-radius:var(--radius-lg);overflow:hidden;background:#000}.scan-video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:3px solid rgba(255,255,255,.85);border-radius:18px;box-shadow:0 0 0 100vmax #00000040}.scan-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#fff;padding:20px}.scanbox.ok .scan-result.ok{background:#10b981f0}.scanbox.bad .scan-result.bad{background:#dc2626f0}.sr-msg{font-size:19px;font-weight:800}.sr-sub{font-size:14px;opacity:.92}.scan-hint{text-align:center;font-size:13px;color:var(--fg-muted);margin-top:12px}.agenda-wrap{display:flex;gap:20px;align-items:flex-start}.agenda{flex:1;min-width:0;overflow:hidden}.week-head{display:grid;grid-template-columns:56px repeat(7,1fr);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:8;background:var(--bg-surface)}.week-head .day{text-align:center;padding:8px 4px 12px}.week-head .day .dow{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-subtle)}.week-head .day .num{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--fg-default);margin-top:2px}.week-head .day.today .num{background:var(--brand);color:#fff;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.grid-scroll{max-height:calc(100vh - 230px);overflow-y:auto}.week-grid{display:grid;grid-template-columns:56px repeat(7,1fr);position:relative}.timecol{border-right:1px solid var(--border-subtle)}.timecol .slot{height:56px;position:relative}.timecol .slot span{position:absolute;top:-7px;right:8px;font-family:var(--font-mono);font-size:10px;color:var(--fg-faint)}.daycol{position:relative;border-right:1px solid var(--border-subtle)}.daycol .slot{height:56px;border-bottom:1px solid var(--ink-100)}.cls{position:absolute;left:4px;right:4px;border-radius:8px;padding:6px 8px;cursor:pointer;overflow:hidden;border-left:3px solid var(--brand);background:var(--turq-50);transition:all var(--dur-fast) var(--ease-out)}.cls:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);z-index:5}.cls.selected{outline:2px solid var(--brand);outline-offset:0;z-index:6}.cls .t{font-family:var(--font-mono);font-size:10px;color:var(--brand-fg)}.cls .nm{font-size:12.5px;font-weight:700;color:var(--fg-strong);line-height:1.15;margin-top:1px}.cls .cap{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);margin-top:2px}.cls.full{background:var(--warning-bg);border-left-color:var(--warning)}.cls.slate{background:var(--slate-50);border-left-color:var(--slate-500)}.cls.slate .t{color:var(--slate-700)}.daycol{cursor:crosshair}.cls-sel{position:absolute;left:4px;right:4px;border-radius:8px;z-index:7;pointer-events:none;background:var(--brand-subtle);border:1.5px dashed var(--brand);display:flex;align-items:flex-start;justify-content:center}.cls-sel span{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--brand-fg);margin-top:2px}.blk{position:absolute;left:4px;right:4px;border-radius:8px;padding:5px 8px;cursor:pointer;overflow:hidden;z-index:4;background:repeating-linear-gradient(45deg,var(--ink-100),var(--ink-100) 7px,var(--bg-app) 7px,var(--bg-app) 14px);border-left:3px solid var(--fg-subtle)}.blk:hover{box-shadow:var(--shadow-md)}.blk .blk-label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--fg-muted)}.kind-toggle{display:inline-flex;gap:4px;padding:4px;background:var(--bg-app);border-radius:var(--radius-md);margin-bottom:14px}.kind-toggle button{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:7px 14px;border-radius:calc(var(--radius-md) - 3px);font-weight:600;font-size:13px;color:var(--fg-muted);cursor:pointer}.kind-toggle button.on{background:var(--bg-surface);color:var(--fg-strong);box-shadow:var(--shadow-sm)}@media(max-width:860px){.agenda-wrap{flex-direction:column}.grid-scroll{overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 220px)}.week-head,.week-grid{min-width:640px}.agenda-wrap .drawer{width:100%}.page-head{flex-wrap:wrap;gap:12px}.table-card{overflow-x:auto}.table-card .tbl{min-width:560px}.integ-2col{grid-template-columns:1fr}}.drawer{width:320px;flex-shrink:0}.drawer .ss-card{padding:20px;display:flex;flex-direction:column;gap:16px}.drawer .dh{display:flex;justify-content:space-between;align-items:flex-start}.drawer .dh .ttl{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--fg-strong)}.drawer .dh .when{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);margin-top:3px}.drawer .row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--fg-default)}.drawer .row .ic{color:var(--fg-subtle)}.drawer .row.sess-desc{align-items:flex-start}.drawer .row.sess-desc span{white-space:pre-wrap;line-height:1.5}.drawer .roster{display:flex;flex-direction:column;gap:9px}.drawer .roster .person{display:flex;align-items:center;gap:10px;font-size:13px}.drawer .roster .person .nm{flex:1;color:var(--fg-default)}.drawer .empty-seat{color:var(--fg-faint);font-style:italic}.divider{height:1px;background:var(--border-subtle)}.att-switch{gap:8px}.att-switch .txt{min-width:60px;text-align:left}.att-switch.is-noshow .txt{color:var(--danger);font-weight:700}.att-log{display:flex;flex-direction:column;gap:8px}.att-log-head{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle)}.att-log-row{display:flex;flex-direction:column;gap:1px;font-size:12.5px}.att-log-row .al-when{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-faint)}.att-log-row .al-text{color:var(--fg-default)}.att-log-row .al-from{color:var(--fg-subtle)}.mail-foot{display:flex;gap:10px}.mail-meta{padding:12px 14px;margin-bottom:16px;border-radius:var(--radius-md);background:var(--bg-subtle)}.mail-meta__cls{font-weight:700;font-size:15px;color:var(--fg-strong)}.mail-meta__when{font-size:12.5px;color:var(--fg-muted);margin-top:2px;text-transform:capitalize}.mail-recip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:600;color:var(--brand-fg)}.mail-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--fg-default)}.mail-field input,.mail-field textarea{width:100%;box-sizing:border-box;font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--fg-strong);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;outline:none}.mail-field textarea{resize:vertical;min-height:120px;line-height:1.5}.mail-field input:focus,.mail-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-subtle)}.mail-note{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:12px;border-radius:var(--radius-md);background:var(--warning-bg);color:var(--warning-fg);font-size:12.5px;font-weight:600}.mail-privacy{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-subtle)}.mail-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 8px 4px}.mail-done__ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--success-bg);color:var(--success-fg);margin-bottom:4px}.mail-done__ttl{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--fg-strong)}.mail-done .ss-btn{margin-top:12px}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.pcard{padding:18px;display:flex;flex-direction:column;gap:12px;transition:all var(--dur-fast) var(--ease-out);cursor:pointer}.pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pcard .ptop{display:flex;justify-content:space-between;align-items:flex-start}.pcard .picon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.pcard .pname{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--fg-strong)}.pcard .pdesc{font-size:13px;color:var(--fg-muted);line-height:1.45}.pcard .pprice{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--fg-strong)}.pcard .pprice small{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--fg-subtle)}.pcard .pay-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--brand-fg);text-decoration:none}.pcard .pay-link:hover{text-decoration:underline}.pcard .pfoot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.pay-status{display:flex;align-items:center;gap:12px}.pstat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--fg-muted)}.pstat-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-subtle)}.pstat.ok .pstat-dot{background:var(--success-fg)}.pstat.pending .pstat-dot{background:var(--border-strong)}.renew-card{display:flex;gap:14px;padding:14px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);transition:border-color var(--dur-fast),background var(--dur-fast)}.renew-card.on{border-color:var(--brand);background:var(--brand-subtle)}.renew-ic{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--fg-subtle)}.renew-card.on .renew-ic{background:var(--bg-surface);color:var(--brand-fg)}.renew-body{flex:1;min-width:0}.renew-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.renew-title{font-size:14px;font-weight:700;color:var(--fg-strong)}.renew-desc{font-size:12.5px;color:var(--fg-muted);margin:4px 0 0;line-height:1.5}.paymode{display:flex;flex-direction:column;gap:8px}.paymode-head{font-size:13px;font-weight:600;color:var(--fg-strong);display:flex;gap:8px;align-items:baseline}.paymode-range{width:100%}.paymode-labels{display:flex;justify-content:space-between;font-size:11.5px;color:var(--fg-subtle)}.paymode-labels .on{color:var(--brand-fg);font-weight:700}.pay-chips{display:flex;gap:5px}.pay-chip{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 7px;border-radius:6px;background:var(--bg-subtle);color:var(--fg-muted)}.ver-chip{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:var(--brand-subtle);color:var(--brand-fg)}.pcard .pmeta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.pcard .pmeta-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pcard .pmeta-item{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--fg-muted)}.link-btn{background:none;border:none;padding:0;font-size:12px;font-weight:600;color:var(--brand-fg);cursor:pointer}.link-btn:hover{text-decoration:underline}.pcard .edit-hint{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--fg-subtle)}.shelf{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;background:var(--bg-subtle)}.shelf-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--fg-strong)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:36px;height:20px;border-radius:999px;background:var(--ink-150);position:relative;transition:background var(--dur-fast)}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast)}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:after{transform:translate(16px)}.switch .txt{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);min-width:56px}.shelf-body{display:flex;flex-direction:column;gap:12px}.unit-pills{display:inline-flex;gap:4px;background:var(--ink-100);padding:3px;border-radius:999px;align-self:flex-start}.unit-pill{border:none;background:none;padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast);text-transform:capitalize}.unit-pill.active{background:#fff;color:var(--brand-fg);box-shadow:var(--shadow-sm)}.slider-row{display:flex;align-items:center;gap:14px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:999px;background:var(--ink-150);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brand);border:3px solid #fff;box-shadow:var(--shadow-md);cursor:pointer}.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand);border:3px solid #fff;box-shadow:var(--shadow-md);cursor:pointer}.slider-val{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--fg-strong);min-width:92px;text-align:right}.slider-val b{font-size:20px}.shelf-note{font-size:12px;color:var(--fg-muted)}.form-tip{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg-muted);margin-top:12px;padding:10px 12px;background:var(--bg-subtle);border-radius:var(--radius-md)}.ver-list{display:flex;flex-direction:column;gap:8px}.ver-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ver-info{flex:1}.ver-name{font-weight:600;font-size:14px;color:var(--fg-strong)}.ver-sub{font-size:12px;color:var(--fg-muted);margin-top:2px}.allow-field{display:flex;flex-direction:column;gap:8px}.allow-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--fg-strong)}.allow-chips{display:flex;flex-wrap:wrap;gap:8px}.allow-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-default);background:#fff;font-size:12.5px;font-weight:600;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast)}.allow-chip:hover{border-color:var(--brand)}.allow-chip.on{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand-fg)}.allow-note{font-size:12px;color:var(--fg-muted)}.confirm-body{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.confirm-body p{font-size:14px;line-height:1.5;color:var(--fg-default)}.confirm-ic{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.confirm-ic.warn{background:var(--warning-bg);color:var(--warning-fg)}.confirm-foot{display:flex;gap:10px}.confirm-foot .ss-btn{flex:1}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.brand-card{padding:20px}.logo-field{display:flex;align-items:center;gap:16px;margin-top:8px}.logo-preview{width:72px;height:72px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.logo-hint{font-size:11.5px;color:var(--fg-subtle)}.color-list{display:flex;flex-direction:column;gap:12px}.color-field{display:flex;align-items:center;gap:12px}.color-field input[type=color]{width:44px;height:44px;flex-shrink:0;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:none;cursor:pointer}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.cf-meta{display:flex;flex-direction:column;gap:2px}.cf-name{font-size:13.5px;font-weight:600;color:var(--fg-strong)}.cf-hex{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-muted)}.th-drop{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:32px 20px;border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-subtle);transition:border-color var(--dur-fast),background var(--dur-fast)}.th-drop.is-over{border-color:var(--brand);background:var(--brand-subtle)}.th-drop__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--bg-surface);color:var(--brand);box-shadow:var(--shadow-sm);margin-bottom:4px}.th-drop__title{font-weight:700;font-size:15px;color:var(--fg-strong)}.th-drop__sub{font-size:13px;color:var(--fg-subtle)}.th-drop__sub kbd{font-family:var(--font-mono);font-size:11.5px;padding:1px 6px;border-radius:5px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-default)}.th-foot-hint{margin-top:10px;font-size:11.5px;color:var(--fg-subtle);text-align:center}.th-error{margin-top:12px;padding:8px 12px;border-radius:var(--radius-md);background:var(--danger-bg, var(--warning-bg));color:var(--danger-fg, var(--warning-fg));font-size:12.5px;font-weight:600}.th-preview-wrap{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-subtle)}.th-preview{display:block;width:100%;max-height:220px;object-fit:contain}.th-analyzing{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;font-size:13px;font-weight:600;color:var(--fg-subtle)}.th-spin{animation:th-spin .8s linear infinite}@keyframes th-spin{to{transform:rotate(360deg)}}.th-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.th-swatch{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface)}.th-swatch__chip{width:28px;height:28px;flex-shrink:0;border-radius:7px;border:1px solid var(--border-subtle)}.integ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.integ-card{padding:20px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.integ-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.integ-name{display:inline-flex;align-items:center;gap:8px;min-width:0;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--fg-strong)}.integ-name .integ-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integ-head-actions{flex-wrap:wrap;justify-content:flex-end}.integ-sub{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--fg-subtle)}.webhook-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-subtle);border-radius:var(--radius-md)}.webhook-row .wh-lbl{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)}.webhook-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-default)}.webhook-row .link-btn{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.integ-msg{display:inline-flex;padding:8px 14px;margin-bottom:14px;border-radius:var(--radius-md);background:var(--success-bg);color:var(--success-fg);font-size:13px;font-weight:600}.integ-warn{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:14px;border-radius:var(--radius-md);background:var(--warning-bg);color:var(--warning-fg);font-size:13px;font-weight:600}.webhook-sync{padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.webhook-sync-info{display:flex;flex-direction:column;gap:3px;flex:1 1 220px;min-width:0}.webhook-sync .integ-name{font-size:15px}.webhook-sync .ss-btn{flex-shrink:0}.integ-hint{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:14px;border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg-muted);font-size:13px;font-weight:500}.integ-head-actions{display:flex;align-items:center;gap:8px}.danger-zone{padding:16px 18px;margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:var(--danger-border, rgba(220,38,38,.25))}.reset-list{margin:6px 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--fg-default)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.integ-2col{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px;align-items:start}.integ-col{display:flex;flex-direction:column;gap:14px;min-width:0}.integ-col .section-head{margin-bottom:0;margin-top:6px}@media(max-width:900px){.integ-2col{grid-template-columns:1fr}}.link-btn:disabled{opacity:.45;cursor:not-allowed}.events-tbl th.num,.events-tbl td.num{text-align:right;white-space:nowrap}.events-tbl .ev-type{display:block;font-weight:600;color:var(--fg-strong);font-size:13px}.events-tbl .ev-id{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-subtle)}.test-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.test-msg{font-size:12.5px;color:var(--fg-muted);display:inline-flex;align-items:center;gap:5px}.test-msg.ok{color:var(--success-fg)}.test-msg.bad{color:var(--danger-fg)}.wh-payload{margin:0;padding:12px;background:var(--bg-app);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-all;max-height:240px;overflow:auto}@media(max-width:640px){.integ-col .table-card{overflow:hidden}.integ-col .events-tbl{min-width:0;width:100%;table-layout:fixed}.integ-col .events-tbl th{font-size:9px;letter-spacing:.03em;padding:9px 5px}.integ-col .events-tbl td{font-size:11px;line-height:1.35;padding:9px 5px;vertical-align:top}.integ-col .events-tbl th:nth-child(1),.integ-col .events-tbl td:nth-child(1){width:23%}.integ-col .events-tbl th:nth-child(2),.integ-col .events-tbl td:nth-child(2){width:29%}.integ-col .events-tbl th:nth-child(3),.integ-col .events-tbl td:nth-child(3){width:17%}.integ-col .events-tbl th:nth-child(4),.integ-col .events-tbl td:nth-child(4){width:16%}.integ-col .events-tbl th:nth-child(5),.integ-col .events-tbl td:nth-child(5){width:15%}.integ-col .events-tbl .em{white-space:normal;word-break:break-word}.integ-col .events-tbl .ev-type{font-size:11px;word-break:break-word}.integ-col .events-tbl .ev-id{font-size:9.5px;word-break:break-all}.integ-col .events-tbl td:nth-child(5){word-break:break-word;color:var(--fg-muted)}.integ-col .events-tbl .ss-badge{font-size:9.5px;padding:2px 5px;gap:3px;white-space:normal;line-height:1.15}.integ-col .events-tbl td.payload-cell{width:auto}.webhook-sync,.danger-zone{flex-direction:column;align-items:stretch}.webhook-sync .ss-btn,.danger-zone .ss-btn{width:100%}}.loc-card{padding:18px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.loc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.loc-top>.ss-badge{flex-shrink:0}.loc-name{display:flex;align-items:center;gap:7px;min-width:0;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--fg-strong)}.loc-name .loc-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-slug{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-muted)}.loc-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px}.loc-foot .spacer-fill{flex:1}.loc-selfsched{display:flex;align-items:center;gap:8px;width:100%;margin:8px 0 2px;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-app);color:var(--fg-muted);font-size:12.5px;font-weight:600;cursor:pointer}.loc-selfsched:hover{border-color:var(--border-strong);color:var(--fg-strong)}.loc-selfsched>span{flex:1;text-align:left}.loc-current{color:var(--brand-fg);font-weight:600}.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.disc-card{padding:18px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.disc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.disc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.disc-code{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--fg-strong)}.disc-val{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--fg-strong)}.disc-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.disc-scope{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--fg-muted)}.table-card{overflow:hidden}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);padding:12px 16px;border-bottom:1px solid var(--border-subtle);font-weight:500}.tbl td{padding:12px 16px;border-bottom:1px solid var(--ink-100);font-size:13.5px;color:var(--fg-default)}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{cursor:pointer;transition:background var(--dur-fast)}.tbl tbody tr:hover{background:var(--bg-subtle)}.tbl .member{display:flex;align-items:center;gap:11px}.tbl .member .nm{font-weight:600;color:var(--fg-strong)}.tbl .member .em{font-size:11.5px;color:var(--fg-subtle)}.tbl .num{font-family:var(--font-mono)}.pass-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.pass-cell .pass-prod{font-size:11.5px;color:var(--fg-subtle)}@media(max-width:640px){.list-card{overflow:hidden}.list-card .list-tbl{min-width:0;width:100%;table-layout:fixed}.list-card .list-tbl th{font-size:9px;letter-spacing:.03em;padding:9px 6px}.list-card .list-tbl td{font-size:11.5px;padding:9px 6px;vertical-align:middle}.list-tbl .member{gap:8px;min-width:0}.list-tbl .member .ss-avatar{flex-shrink:0}.list-tbl .member-txt{min-width:0}.list-tbl .member .nm{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-tbl .member .em{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-tbl td>.em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.list-tbl .ss-badge{font-size:9.5px;padding:2px 5px;gap:3px;white-space:normal;line-height:1.15}.list-tbl .pass-prod{display:none}.list-tbl td.cell-action{padding:6px 4px}.list-tbl td.cell-action .btn-label{display:none}.list-tbl td.cell-action .ss-btn{padding:7px 9px}.members-tbl th:nth-child(1),.members-tbl td:nth-child(1){width:43%}.members-tbl th:nth-child(2),.members-tbl td:nth-child(2){width:25%}.members-tbl th:nth-child(3),.members-tbl td:nth-child(3){width:13%}.members-tbl th:nth-child(4),.members-tbl td:nth-child(4){width:19%}.instr-tbl th:nth-child(1),.instr-tbl td:nth-child(1){width:36%}.instr-tbl th:nth-child(2),.instr-tbl td:nth-child(2){width:34%}.instr-tbl th:nth-child(3),.instr-tbl td:nth-child(3){width:18%}.instr-tbl th:nth-child(4),.instr-tbl td:nth-child(4){width:12%}}.md-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.md-name{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--fg-strong)}.md-meta{font-size:12.5px;color:var(--fg-muted);margin-top:3px}.md-section-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);margin:18px 0 10px;display:flex;align-items:center;gap:8px}.md-active{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--fg-strong);padding:4px 0}.gdpr-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gdpr-confirm{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.gdpr-warn{font-size:12.5px;font-weight:600;color:var(--danger-fg, var(--warning-fg))}.members-tbl .row-actions{width:44px;text-align:right}.mut-hist-btn{opacity:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--fg-subtle);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.members-tbl tr:hover .mut-hist-btn,.mut-hist-btn:focus-visible{opacity:1}.mut-hist-btn:hover{background:var(--bg-subtle);color:var(--brand-fg)}@media(hover:none){.mut-hist-btn{opacity:1}}.mut-list{display:flex;flex-direction:column}.mut-row{display:flex;align-items:flex-start;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border-subtle)}.mut-row:last-child{border-bottom:none}.mut-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--bg-subtle);color:var(--fg-default)}.mut-ic--brand{background:var(--brand-subtle);color:var(--brand-fg)}.mut-ic--success{background:var(--success-bg);color:var(--success-fg)}.mut-ic--warning{background:var(--warning-bg);color:var(--warning-fg)}.mut-ic--danger{background:var(--danger-bg, var(--warning-bg));color:var(--danger-fg, var(--warning-fg))}.mut-main{flex:1;min-width:0}.mut-desc{font-size:13.5px;font-weight:600;color:var(--fg-strong)}.mut-when{font-size:11.5px;color:var(--fg-muted);margin-top:2px}.prod-passes{display:flex;flex-direction:column;gap:10px}.pass-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.pass-ic{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--brand-subtle);color:var(--brand-fg)}.pass-main{flex:1;min-width:0}.pass-name{font-weight:600;font-size:14px;color:var(--fg-strong);display:flex;align-items:center}.pass-sub{font-size:12px;color:var(--fg-muted);margin-top:2px}.pass-credits{text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.cred-num,.cred-inf{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--brand-fg)}.cred-lbl{font-size:10.5px;color:var(--fg-subtle);margin-top:2px}.grant-row{display:flex;gap:10px;margin-bottom:6px;align-items:center}.grant-row select{flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);font-size:14px;color:var(--fg-default)}.grant-row input{width:76px;height:40px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);font-size:14px;box-sizing:border-box}.grant-row .ss-btn{flex-shrink:0}.pass-item{display:flex;flex-direction:column}.pass-usage{display:flex;flex-direction:column;gap:2px;padding:6px 6px 2px 52px}.pu-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-muted)}.pu-row svg{color:var(--fg-subtle);flex-shrink:0}.pu-title{font-weight:600;color:var(--fg-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.pu-when{flex:1;min-width:0}.pu-row .ss-badge{flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{padding:18px;display:flex;flex-direction:column;gap:6px}.kpi .klabel{font-size:12.5px;color:var(--fg-muted);display:flex;align-items:center;gap:7px}.kpi .kval{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong)}.kpi .ktrend{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.kpi .ktrend.up{color:var(--success)}.kpi .ktrend.down{color:var(--danger)}.report-row{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.chart-card{padding:20px}.chart-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--fg-strong);margin-bottom:4px}.chart-card .csub{font-size:12.5px;color:var(--fg-muted);margin-bottom:20px}.bars{display:flex;align-items:flex-end;gap:12px;height:180px;padding-top:10px}.bars .bcol{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bars .bcol .bar{width:100%;max-width:38px;border-radius:6px 6px 0 0;background:var(--turq-500);transition:height var(--dur-slow) var(--ease-out)}.bars .bcol .bar.alt{background:var(--turq-200)}.bars .bcol .blabel{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle)}.poplist{display:flex;flex-direction:column;gap:14px}.poprow{display:flex;align-items:center;gap:12px}.poprow .rank{font-family:var(--font-mono);font-size:12px;color:var(--fg-faint);width:16px}.poprow .pinfo{flex:1}.poprow .pinfo .pn{font-size:13.5px;font-weight:600;color:var(--fg-strong)}.poprow .pbar{height:6px;border-radius:999px;background:var(--ink-150);margin-top:5px;overflow:hidden}.poprow .pbar i{display:block;height:100%;background:var(--turq-500);border-radius:999px}.poprow .pval{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-muted)}html,body{height:100%}button,input{font-family:inherit}.mb{min-height:100vh;display:flex;flex-direction:column}.mb-head{position:sticky;top:0;z-index:20;background:#f4faf9e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}.mb-head .inner{max-width:1040px;margin:0 auto;height:66px;display:flex;align-items:center;gap:clamp(10px,1.5vw,20px);padding:0 clamp(14px,2vw,24px)}.mb-brand{display:flex;align-items:center;gap:10px;min-width:0}.mb-brand .logo{width:34px;height:34px;border-radius:9px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:18px}.mb-brand .mb-logo-img{height:34px;max-width:130px;object-fit:contain;display:block}.appt-cta{width:100%;justify-content:center;margin:2px 0 16px}.mb-agenda{padding:0;overflow:hidden}.mb-agenda .week-grid{min-width:0}.mb-agenda .daycol{cursor:pointer}.mb-agenda-hint{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:12.5px;color:var(--fg-muted);border-top:1px solid var(--border-subtle)}.mb-week{padding:0;overflow:hidden}.mb-week .week-head,.mb-week .week-grid{min-width:0}.mb-week .daycol,.mb-agenda .cls.mine,.mb-week .cls.mine{cursor:pointer}.sched-week{display:none}@media(min-width:768px){.sched-week{display:block}.sched-day{display:none}}.blk-row{background:var(--bg-app)}.blk-row .bar{background:var(--fg-subtle)}.blk-row .nm{color:var(--fg-muted);font-weight:600}.blk-row .meta .m{color:var(--fg-subtle)}.studio-install{position:relative}.studio-install .ios-hint{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:var(--fg-strong);color:#fff;font-size:12.5px;line-height:1.4;padding:10px 12px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:30}.studio-install .ios-hint b{font-weight:700}.studio-install .ios-hint svg{vertical-align:-2px}.mb-brand .name{font-family:var(--font-display);font-weight:700;font-size:clamp(15px,.6rem + .9vw,18px);letter-spacing:-.01em;color:var(--fg-strong);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-nav{display:flex;gap:4px;margin-left:12px;flex-shrink:0}.mb-nav button{border:none;background:transparent;font-size:clamp(13px,.5rem + .4vw,14px);font-weight:600;color:var(--fg-muted);padding:8px clamp(10px,1.1vw,14px);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast)}.mb-nav button:hover{background:var(--bg-subtle);color:var(--fg-strong)}.mb-nav button.active{color:var(--brand-fg);background:var(--brand-subtle)}.mb-head .spacer{flex:1}.mb-credits-wrap{position:relative;flex-shrink:0}.mb-credits{font-size:clamp(12px,.4rem + .4vw,13px);color:var(--fg-muted);display:flex;align-items:center;gap:7px;font-family:inherit;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;padding:5px 12px;cursor:pointer;box-shadow:var(--shadow-xs)}.mb-credits:hover{border-color:var(--border-default)}.mb-credits b{font-family:var(--font-mono);color:var(--fg-strong)}.mb-credits-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.mb-credits-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:31;min-width:240px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px}.mcp-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle);padding:4px 8px 8px}.mcp-empty{font-size:13px;color:var(--fg-muted);padding:4px 8px 8px}.mcp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px;border-radius:var(--radius-sm)}.mcp-row:hover{background:var(--bg-subtle)}.mcp-name{font-size:13.5px;font-weight:600;color:var(--fg-strong);display:flex;align-items:center;gap:6px}.mcp-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warning-fg);background:var(--warning-bg, rgba(245,158,11,.12));padding:1px 6px;border-radius:999px}.mcp-val{font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--fg-strong);white-space:nowrap}.mb-user{display:flex;align-items:center;gap:9px;padding:4px 12px 4px 4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;box-shadow:var(--shadow-xs);flex-shrink:0}.mb-user-name{font-size:clamp(12px,.4rem + .4vw,13.5px);font-weight:700;color:var(--fg-strong);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.powered{font-size:10.5px;color:var(--fg-faint);display:flex;align-items:center;gap:4px;font-family:var(--font-mono)}.powered img{width:13px;height:13px;opacity:.7}.mb-main{flex:1;max-width:1040px;width:100%;margin:0 auto;padding:28px 24px 60px}.mb-hero{margin-bottom:24px}.mb-hero .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-fg)}.mb-hero h1{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong);margin-top:4px}.mb-hero p{font-size:15px;color:var(--fg-muted);margin-top:6px}.week-nav{display:flex;align-items:center;gap:10px;margin-bottom:12px}.week-label{font-weight:600;font-size:14.5px;color:var(--fg-strong);display:inline-flex;align-items:baseline;gap:8px}.week-label .wk{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--fg-subtle)}.today-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--brand-fg);font-weight:600;font-size:13px;padding:7px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.today-btn:hover{border-color:var(--brand)}.week-strip{margin-bottom:22px}.date-chip.is-today,.date-chip.is-today.active{border-color:var(--brand)}.date-chip.dim{opacity:.4}.date-chip.dim.active{opacity:1}.sched-top{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.sched-top>.week-nav,.sched-top>.sched-filters,.sched-top>.week-strip{margin-bottom:0}@media(min-width:768px){.date-strip.grid-hidden{display:none}}@media(max-width:560px){.sched-top{position:sticky;top:58px;z-index:15;margin:0 -14px 14px;padding:12px 14px 10px;gap:10px;background:var(--bg-app);border-bottom:1px solid var(--border-subtle)}.sched-top .week-strip{padding-bottom:0}.sched-top .sched-filters{gap:8px}.sched-top .filter-pill{flex:1 1 120px}.sched-top .filter-chip{height:40px}.sched-top .strip-nav{height:38px}}.sched-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}@media(min-width:768px){.sched-filters.self-sched{display:none}}.filter-pill{position:relative;flex:1 1 180px;min-width:0;max-width:300px}.fp-trigger{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 10px 0 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:999px;box-shadow:var(--shadow-xs);font-family:inherit;font-size:14px;font-weight:600;color:var(--fg-strong);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast)}.fp-trigger:hover{border-color:var(--border-strong)}.filter-pill.open .fp-trigger,.fp-trigger:focus-visible{border-color:var(--brand);box-shadow:var(--ring-brand);outline:none}.filter-pill.on .fp-trigger{border-color:var(--brand);background:var(--brand-subtle)}.fp-ic{color:var(--fg-subtle);flex-shrink:0}.filter-pill.on .fp-ic{color:var(--brand-fg)}.fp-val{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-chev{color:var(--fg-subtle);flex-shrink:0;transition:transform var(--dur-fast) var(--ease-out)}.filter-pill.open .fp-chev{transform:rotate(180deg)}.fp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.fp-menu{position:absolute;z-index:41;top:calc(100% + 6px);left:0;min-width:100%;max-width:340px;max-height:300px;overflow-y:auto;padding:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fp-pop var(--dur-fast) var(--ease-out)}.fp-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:500;color:var(--fg-default);text-align:left;cursor:pointer}.fp-opt>span{flex:1;min-width:0}.fp-opt:hover{background:var(--bg-subtle)}.fp-opt.sel{background:var(--brand-subtle);color:var(--brand-fg);font-weight:700}.fp-opt svg{color:var(--brand-fg);flex-shrink:0}@keyframes fp-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.filter-chip{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);box-shadow:var(--shadow-xs);font-size:13.5px;font-weight:600;color:var(--fg-muted);cursor:pointer;white-space:nowrap;transition:all var(--dur-fast)}.filter-chip svg{color:var(--fg-faint)}.filter-chip:hover{border-color:var(--border-strong)}.filter-chip.on{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand-fg)}.filter-chip.on svg{color:var(--brand-fg)}.filter-clear{display:inline-flex;align-items:center;gap:5px;height:44px;padding:0 10px;border:none;background:none;color:var(--fg-muted);font-weight:600;font-size:13px;cursor:pointer}.filter-clear:hover{color:var(--fg-strong);text-decoration:underline}.strip-wrap{display:flex;align-items:center;gap:10px;margin-bottom:22px}.strip-wrap .date-strip{flex:1;margin-bottom:0}.strip-nav{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.strip-nav:hover:not(:disabled){border-color:var(--brand);color:var(--brand-fg)}.strip-nav:disabled{opacity:.35;cursor:not-allowed}.date-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:22px}.date-chip{flex-shrink:0;min-width:60px;padding:10px 4px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);cursor:pointer;text-align:center;transition:all var(--dur-fast) var(--ease-out)}.date-chip:hover{border-color:var(--border-strong)}.date-chip .dow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-subtle)}.date-chip .num{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--fg-default);margin-top:2px}.date-chip.active{background:var(--brand);border-color:var(--brand)}.date-chip.active .dow,.date-chip.active .num{color:#fff}.cls-list{display:flex;flex-direction:column;gap:12px}.cls-row{display:flex;align-items:center;gap:18px;padding:16px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--dur-fast) var(--ease-out)}.cls-row:hover{box-shadow:var(--shadow-sm);border-color:var(--border-default)}.cls-row .time{text-align:center;min-width:58px}.cls-row .time .h{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--fg-strong)}.cls-row .time .dur{font-family:var(--font-mono);font-size:10.5px;color:var(--fg-subtle)}.cls-row .bar{width:3px;align-self:stretch;border-radius:3px;background:var(--brand)}.cls-row.slate .bar{background:var(--slate-500)}.cls-row .info{flex:1;min-width:0}.cls-row .info .nm{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--fg-strong)}.cls-row .info .meta{font-size:13px;color:var(--fg-muted);margin-top:2px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cls-row .info .meta .m{display:inline-flex;align-items:center;gap:5px}.cls-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cls-row.is-booked{background:var(--success-bg);border-color:var(--success-bg)}.cls-row.is-booked .bar{background:var(--success-fg)}.booked-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--success-fg)}.booked-tag--btn{border:0;background:none;font-family:inherit;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm)}.booked-tag--btn:hover{background:#10b9811a}.cls-row--btn{width:100%;text-align:left;font:inherit;cursor:pointer}.cls-row--btn:hover{transform:translateY(-1px)}.cls-row--btn .right{flex-direction:row;align-items:center}.sched-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sched-day-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong);min-width:0;overflow:hidden;text-overflow:ellipsis}.week-switch{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:999px;box-shadow:var(--shadow-xs);padding:2px}.ws-btn{width:32px;height:32px;border:none;background:none;border-radius:999px;color:var(--fg-default);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast)}.ws-btn:hover{background:var(--bg-subtle);color:var(--brand-fg)}.ws-lbl{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--fg-muted);padding:0 4px;min-width:38px;text-align:center}.today-link{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;border:none;background:none;padding:0;color:var(--brand-fg);font-weight:600;font-size:13px;cursor:pointer}.today-link:hover{text-decoration:underline}.les-list{display:flex;flex-direction:column;gap:22px}.les-group{display:flex;flex-direction:column}.les-grp-label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin:0 0 4px;padding-left:2px}.les-row{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--border-subtle)}.les-group .les-row:last-child{border-bottom:none}.les-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0;padding:4px;margin:-4px;border:none;background:none;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-md)}.les-main--static{cursor:default}.les-main:not(.les-main--static):hover .les-name{color:var(--brand-fg)}.les-time{flex-shrink:0;width:50px;display:flex;flex-direction:column}.les-time .t{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--fg-strong);font-variant-numeric:tabular-nums}.les-time .d{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle);font-variant-numeric:tabular-nums}.les-info{min-width:0;display:flex;flex-direction:column;gap:1px}.les-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--fg-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-fast)}.les-instr{font-size:13px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.les-cap{flex-shrink:0;display:flex;align-items:center;gap:12px}.cap-ring{position:relative;width:44px;height:44px;flex-shrink:0}.cap-ring svg{display:block}.cap-track{fill:none;stroke:var(--border-default);stroke-width:4}.cap-fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.cap-ring.tone-ok .cap-fill{stroke:var(--success-fg)}.cap-ring.tone-low .cap-fill{stroke:var(--warning-fg)}.cap-ring.tone-full .cap-fill{stroke:var(--brand)}.cap-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--fg-strong);font-variant-numeric:tabular-nums}.cap-ring.tone-full .cap-num{color:var(--brand-fg)}.les-book{flex-shrink:0;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--brand);background:var(--brand);color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:filter var(--dur-fast)}.les-book:hover{filter:brightness(1.06)}.les-book.wait{background:var(--brand-subtle);border-color:transparent;color:var(--brand-fg)}.les-book.booked{background:var(--success-bg);border-color:transparent;color:var(--success-fg);display:inline-flex;align-items:center;gap:5px}.les-booked-tag{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--success-fg);padding:0 6px}.les-row.is-full{opacity:.72}.les-row.is-mine{box-shadow:inset 3px 0 0 -1px var(--success)}.les-row.is-event{box-shadow:inset 3px 0 0 -1px var(--brand)}.les-event-tag{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--brand-subtle);color:var(--brand-fg);font-size:10.5px;font-weight:700;vertical-align:middle}.up-sec{margin:26px 4px 8px}.up-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.up-head h2{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--fg-strong)}.up-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand-subtle);color:var(--brand-fg);font-size:11.5px;font-weight:700}.up-empty{display:flex;align-items:center;gap:8px;color:var(--fg-muted);font-size:13.5px;padding:4px 2px}.up-list{display:flex;flex-direction:column;gap:8px}.up-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.up-row:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.up-date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:64px;padding:6px 0;border-radius:var(--radius-md);background:var(--bg-subtle)}.up-d-rel{font-size:11px;font-weight:700;color:var(--brand-fg);text-transform:capitalize;line-height:1.2}.up-d-time{font-size:14px;font-weight:700;color:var(--fg-strong)}.up-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.up-title{font-size:14.5px;font-weight:600;color:var(--fg-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-sub{font-size:12.5px;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-chev{flex-shrink:0;color:var(--fg-faint)}.mb-tabbar{display:none}.les-row--block .les-name,.les-row--block .les-time .t{color:var(--fg-muted);font-weight:600}.date-chip:focus-visible,.les-main:focus-visible,.les-book:focus-visible,.ws-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){.cap-fill,.les-name,.les-book,.ws-btn,.date-chip{transition:none}}.or-sep{text-align:center;font-size:12px;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 10px}.prod-pick{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:8px}.prod-pick .pp-main{flex:1;min-width:0}.prod-pick .pp-name{font-weight:600;color:var(--fg-strong)}.prod-pick .pp-sub{font-size:12px;color:var(--fg-muted);margin-top:1px}.prod-pick .pp-price{font-family:var(--font-display);font-weight:700;color:var(--fg-strong)}.ss-btn--md{font-size:14px;padding:10px 18px}.ss-btn--sm{font-size:13px;padding:8px 14px}.ss-btn--lg{font-size:15.5px;padding:13px 22px}.ss-btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-xs)}.ss-btn--primary:hover{background:var(--brand-hover)}.ss-btn--primary:active{background:var(--brand-active);transform:translateY(1px)}.ss-btn--secondary{background:var(--bg-surface);color:var(--fg-strong);border-color:var(--border-default)}.ss-btn--secondary:hover{background:var(--bg-subtle)}.ss-btn--ghost{background:transparent;color:var(--fg-muted)}.ss-btn--ghost:hover{background:var(--bg-subtle);color:var(--fg-strong)}.ss-btn--block{width:100%}.ss-btn[disabled]{opacity:.45;cursor:not-allowed}.ss-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.ss-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ss-badge--success{background:var(--success-bg);color:var(--success-fg)}.ss-badge--warning{background:var(--warning-bg);color:var(--warning-fg)}.ss-badge--brand{background:var(--brand-subtle);color:var(--brand-fg)}.ss-badge--neutral{background:var(--ink-100);color:var(--fg-muted)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.plan{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px;display:flex;flex-direction:column;gap:6px;position:relative}.plan.featured{border-color:var(--brand);box-shadow:var(--shadow-md)}.plan.featured:before{content:"Populair";position:absolute;top:-11px;left:24px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:3px 11px;border-radius:999px}.plan .pn{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--fg-strong)}.plan .pp{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong)}.plan .pp small{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--fg-subtle)}.plan .pd{font-size:13px;color:var(--fg-muted);line-height:1.45;margin-bottom:8px}.plan ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:4px 0 18px}.plan li{font-size:13.5px;color:var(--fg-default);display:flex;gap:9px;align-items:flex-start}.plan li svg{color:var(--brand);flex-shrink:0;margin-top:1px}.plan .ss-btn{margin-top:auto}.mb-purchases{margin-top:40px}.mb-purchases .purch-head h2{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--fg-strong)}.mb-purchases .purch-head p{font-size:13.5px;color:var(--fg-muted);margin-top:2px;margin-bottom:16px}.purch-list{display:flex;flex-direction:column;gap:10px}.purch-row{display:flex;align-items:center;gap:14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:14px 18px}.purch-ic{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--brand-subtle);color:var(--brand-fg)}.purch-main{flex:1;min-width:0}.purch-name{font-weight:700;font-size:15px;color:var(--fg-strong)}.purch-sub{font-size:12.5px;color:var(--fg-muted);margin-top:2px}.purch-credits{text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.purch-credits .pc-num,.purch-credits .pc-inf{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--brand-fg)}.purch-credits .pc-lbl{font-size:10.5px;color:var(--fg-subtle);margin-top:2px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c18176b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.sheet{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px;overflow:hidden;animation:sheetIn .24s var(--ease-out);display:flex;flex-direction:column;max-height:90vh;max-height:90dvh}.sheet-head,.sheet-foot{flex-shrink:0}@keyframes sheetIn{0%{transform:translateY(16px)}to{transform:none}}.sheet-head{padding:22px 24px 0;display:flex;justify-content:space-between;align-items:flex-start}.sheet-head .x{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-subtle);color:var(--fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.sheet-head .x:hover{background:var(--ink-150);color:var(--fg-strong)}.sheet-body{padding:16px 24px 24px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}@media(max-width:560px){.scrim{align-items:flex-end;padding:0}.sheet{max-width:none;max-height:92dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.sheet h2{font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-.01em;color:var(--fg-strong)}.sheet .when{font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);margin-top:4px}.detail-rows{display:flex;flex-direction:column;gap:12px;margin:18px 0}.detail-rows .r{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--fg-default)}.detail-rows .r svg{color:var(--fg-subtle)}.sheet-desc{margin:0 0 18px;padding:12px 14px;background:var(--bg-subtle);border-radius:var(--radius-md);font-size:14px;line-height:1.55;color:var(--fg-default);white-space:pre-wrap}.summary{background:var(--bg-subtle);border-radius:var(--radius-md);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.summary .lbl{font-size:13.5px;color:var(--fg-muted)}.summary .amt{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--fg-strong)}.summary .amt-was{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--fg-faint);text-decoration:line-through;margin-right:5px}.qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.qty-label{font-size:14px;font-weight:600;color:var(--fg-strong)}.qty-step{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border-default);border-radius:999px;padding:3px}.qty-step button{width:30px;height:30px;border:none;background:var(--bg-subtle);color:var(--fg-strong);border-radius:50%;font-size:18px;line-height:1;cursor:pointer;transition:all var(--dur-fast)}.qty-step button:hover:not(:disabled){background:var(--brand);color:#fff}.qty-step button:disabled{opacity:.4;cursor:not-allowed}.qty-step .qty-val{min-width:34px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--fg-strong)}.disc-field{margin:-4px 0 16px}.disc-input{display:flex;gap:8px}.disc-input input{flex:1;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;background:var(--bg-surface)}.disc-input input:focus{outline:none;border-color:var(--brand)}.disc-apply{flex-shrink:0;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-strong);font-weight:600;font-size:13px;padding:0 16px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast)}.disc-apply:hover:not(:disabled){border-color:var(--brand);color:var(--brand-fg)}.disc-apply:disabled{opacity:.5;cursor:not-allowed}.disc-applied{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--success-fg);background:var(--success-bg);border-radius:var(--radius-md);padding:10px 12px}.disc-applied b{font-family:var(--font-mono)}.disc-remove{border:none;background:none;color:var(--fg-muted);font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;flex-shrink:0}.disc-err{font-size:12px;color:var(--danger);margin-top:6px}.pay-opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;margin-bottom:10px;transition:all var(--dur-fast)}.pay-opt:hover{border-color:var(--border-strong)}.pay-opt.sel{border-color:var(--brand);background:var(--brand-subtle)}.pay-opt .picon{width:38px;height:38px;border-radius:8px;background:var(--bg-app);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-opt .pmeta{flex:1}.pay-opt .pmeta .pt{font-size:14px;font-weight:600;color:var(--fg-strong)}.pay-opt .pmeta .ps{font-size:12px;color:var(--fg-subtle)}.pay-opt .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;position:relative}.pay-opt.sel .radio{border-color:var(--brand)}.pay-opt.sel .radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--brand)}.success-mark{width:64px;height:64px;border-radius:50%;background:var(--success-bg);color:var(--success);display:flex;align-items:center;justify-content:center;margin:8px auto 16px}.success-body{text-align:center;padding:28px 24px 24px}.success-body h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--fg-strong)}.success-body p{font-size:14px;color:var(--fg-muted);margin-top:8px;line-height:1.5}@media(max-width:560px){.mb-hero h1{font-size:27px}.cls-row{flex-wrap:wrap;gap:12px}.cls-row .right{flex-direction:row;width:100%;justify-content:space-between;align-items:center}.mb-nav{display:none}.mb-head .inner{gap:10px;padding:0 14px;height:58px}.mb-brand{min-width:0}.mb-brand .name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-brand .mb-logo-img{max-width:92px}.studio-install .si-label{display:none}.studio-install .ss-btn--sm{padding:8px 11px}.mb-head .inner>.ss-btn--sm{flex-shrink:0}.mb-user{padding:3px}.mb-user-name{display:none}.mb-credits{padding:5px 10px}.mb-tabbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:fixed;left:0;right:0;bottom:0;z-index:25;padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:#f4faf9eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle)}.mb-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;border:none;background:none;border-radius:var(--radius-md);font-family:inherit;font-size:11px;font-weight:700;color:var(--fg-muted);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}.mb-tabbar button.active{color:var(--brand-fg);background:var(--brand-subtle)}.mb-tabbar button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.mb-main{padding:18px 14px 88px}.strip-nav{width:30px;height:38px;flex-shrink:0}.week-nav{gap:7px;flex-wrap:wrap}.week-label{font-size:13px;flex:1;min-width:0}.today-btn{padding:6px 10px;font-size:12px}.week-strip{display:flex;gap:4px;overflow-x:visible}.week-strip .date-chip{flex:1 1 0;min-width:0;padding:8px 1px}.week-strip .date-chip .dow{font-size:8.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-strip .date-chip .num{font-size:16px;margin-top:1px}}.ticket-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-app)}.ticket-card{width:100%;max-width:360px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:24px;text-align:center}.ticket-top{margin-bottom:18px}.ticket-ev{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--fg-strong)}.ticket-when{font-size:14px;color:var(--fg-muted);margin-top:4px;text-transform:capitalize}.ticket-loc{font-size:13px;color:var(--fg-subtle);margin-top:6px;display:inline-flex;align-items:center;gap:5px}.ticket-qr{position:relative;display:inline-block;padding:14px;background:#fff;border:1px solid var(--border-subtle);border-radius:18px}.ticket-qr img{display:block;width:240px;height:240px}.ticket-qr.used img{opacity:.22}.ticket-used{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;color:var(--fg-strong)}.ticket-holder{font-weight:700;color:var(--fg-strong);margin-top:16px}.ticket-hint{font-size:12.5px;color:var(--fg-subtle);margin-top:8px}.tk-row{text-decoration:none;color:inherit}.tk-row:hover{border-color:var(--border-default)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:var(--bg-app);color:var(--fg-muted);font-family:var(--font-body);font-size:14px}.muted-note{color:var(--fg-subtle);font-size:14px;padding:16px 2px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:24px;background-image:radial-gradient(circle at 50% -10%,rgba(20,184,166,.1),transparent 55%)}.auth-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:36px 34px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.auth-brand .word{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--fg-strong)}.auth-brand .word .dot{color:var(--brand)}.auth-card h1{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong)}.auth-card .sub{font-size:14.5px;color:var(--fg-muted);margin-top:6px;margin-bottom:22px}.auth-form{display:flex;flex-direction:column;gap:14px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-strong);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer}.oauth-btn:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.oauth-sep{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--fg-subtle);font-size:12.5px}.oauth-sep:before,.oauth-sep:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.pay-result{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;margin-bottom:6px}.pay-result.ok{background:var(--success-bg);color:var(--success-fg)}.pay-result.warn{background:var(--warning-bg);color:var(--warning-fg)}.ss-btn.is-disabled{opacity:.6;pointer-events:none}.auth-switch{margin-top:18px;font-size:13.5px;color:var(--fg-muted);text-align:center}.auth-switch button{background:none;border:none;color:var(--brand-fg);font-weight:600;cursor:pointer;font-size:13.5px}.auth-error{background:var(--danger-bg);color:var(--danger-fg);font-size:13px;padding:9px 12px;border-radius:var(--radius-md)}.auth-form label,.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--fg-default)}.auth-form input,.auth-form select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-body);font-size:14px;color:var(--fg-strong);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.form-grid textarea{resize:vertical;min-height:64px;line-height:1.5}.auth-form select,.form-grid select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.auth-form input:focus,.auth-form select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--border-focus);box-shadow:var(--ring-brand)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.form-grid .col-2{grid-column:1 / -1}.hint-inline{font-weight:400;color:var(--fg-subtle)}.scope-choice{display:flex;flex-direction:column;gap:7px;margin-top:8px}.radio-line{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--fg-default);cursor:pointer}.radio-line input{accent-color:var(--brand);cursor:pointer}.sheet-foot{padding:0 24px 24px}.icon-btn-sm{width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--fg-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn-sm:hover{color:var(--fg-strong);border-color:var(--border-strong)}.pwa-install{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;border-radius:999px;background:var(--fg-strong);color:#fff;box-shadow:var(--shadow-lg)}.pwa-install__txt{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;white-space:nowrap}.pwa-install__btn{flex-shrink:0;border:none;background:var(--brand);color:#fff;font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer}.pwa-install__btn:hover{background:var(--brand-hover)}.pwa-install__x{flex-shrink:0;border:none;background:transparent;color:#ffffffb3;cursor:pointer;display:flex;padding:4px}.pwa-install__x:hover{color:#fff}.pwa-install--update{bottom:calc(18px + env(safe-area-inset-bottom))}@media(max-width:560px){.pwa-install--update{bottom:calc(84px + env(safe-area-inset-bottom))}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.auth-card{padding:28px 22px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-app);color:var(--fg-default);-webkit-font-smoothing:antialiased}button,a{font-family:inherit}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}.ss-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.ss-btn--md{font-size:14.5px;padding:11px 18px}.ss-btn--lg{font-size:16px;padding:14px 26px}.ss-btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.ss-btn--primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ss-btn--light{background:#fff;color:var(--ink-950)}.ss-btn--light:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.ss-btn--ghost-dark{background:transparent;color:#fff;border-color:#ffffff38}.ss-btn--ghost-dark:hover{background:#ffffff14}.ss-btn--ghost{background:transparent;color:var(--fg-default);border-color:var(--border-default)}.ss-btn--ghost:hover{background:var(--bg-subtle)}.nav{position:sticky;top:0;z-index:40;background:#0c1817b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav .wrap{display:flex;align-items:center;gap:28px;height:68px}.nav .brand{display:flex;align-items:center;gap:10px}.nav .brand img{width:30px;height:30px}.nav .brand .word{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.03em;color:#fff}.nav .brand .word .dot{color:var(--turq-400)}.nav .links{display:flex;gap:6px;margin-left:8px}.nav .links a{font-size:14px;font-weight:500;color:#ffffffb8;padding:8px 13px;border-radius:8px;transition:all var(--dur-fast)}.nav .links a:hover{color:#fff;background:#ffffff12}.nav .spacer{flex:1}.nav .auth{display:flex;align-items:center;gap:12px}.nav .auth .login{font-size:14px;font-weight:600;color:#ffffffd9}.nav .auth .login:hover{color:#fff}.hero{background:var(--ink-950);color:#fff;position:relative;overflow:hidden;padding:84px 0 96px}.hero:before{content:"";position:absolute;top:-180px;right:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.28),transparent 62%);pointer-events:none}.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--turq-300);background:#14b8a61f;border:1px solid rgba(20,184,166,.25);padding:6px 13px;border-radius:999px;margin-bottom:22px}.hero h1{font-family:var(--font-display);font-size:54px;line-height:1.02;font-weight:800;letter-spacing:-.03em;color:#fff}.hero h1 .accent{color:var(--turq-400)}.hero p.lead{font-size:18px;line-height:1.55;color:#ffffffbd;margin-top:22px;max-width:480px}.hero .cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero .micro{margin-top:18px;font-size:13px;color:#ffffff80;display:flex;align-items:center;gap:7px}.mock{position:relative}.mock-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:18px;color:var(--fg-default)}.mock-card .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mock-card .mh .t{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--fg-strong)}.mock-row{display:flex;align-items:center;gap:12px;padding:11px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:9px}.mock-row .tm{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--fg-strong);min-width:44px}.mock-row .bar{width:3px;align-self:stretch;min-height:30px;border-radius:3px;background:var(--brand)}.mock-row.slate .bar{background:var(--slate-500)}.mock-row .nm{flex:1}.mock-row .nm .a{font-size:13.5px;font-weight:700;color:var(--fg-strong)}.mock-row .nm .b{font-size:11.5px;color:var(--fg-subtle)}.mock-pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--success-bg);color:var(--success-fg)}.mock-float{position:absolute;bottom:-26px;left:-28px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:13px 16px;display:flex;align-items:center;gap:11px}.mock-float .ic{width:38px;height:38px;border-radius:9px;background:var(--brand-subtle);color:var(--brand-fg);display:flex;align-items:center;justify-content:center}.mock-float .v{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--fg-strong)}.mock-float .l{font-size:11px;color:var(--fg-subtle)}.section{padding:88px 0}.section.alt{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.shead{max-width:640px;margin-bottom:52px}.shead .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-fg)}.shead h2{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong);margin-top:10px;line-height:1.1}.shead p{font-size:16.5px;line-height:1.55;color:var(--fg-muted);margin-top:14px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-xs);transition:all var(--dur-base) var(--ease-out)}.section.alt .feat{background:var(--bg-app)}.feat .ic{width:46px;height:46px;border-radius:var(--radius-md);background:var(--brand-subtle);color:var(--brand-fg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feat h3{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--fg-strong);margin-bottom:8px}.feat p{font-size:14px;line-height:1.55;color:var(--fg-muted)}.dev{background:var(--ink-950);color:#fff;border-radius:var(--radius-2xl);padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.dev .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--turq-300)}.dev h2{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:10px;line-height:1.1}.dev p{font-size:15.5px;line-height:1.6;color:#ffffffb8;margin-top:16px}.dev ul{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:11px}.dev li{display:flex;gap:10px;align-items:center;font-size:14.5px;color:#ffffffe0}.dev li svg{color:var(--turq-400);flex-shrink:0}.dev-docs{margin-top:26px}.code-card{background:#081413;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.code-card .cbar{display:flex;align-items:center;gap:7px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.08)}.code-card .cbar i{width:11px;height:11px;border-radius:50%;display:block}.code-card .cbar .fn{margin-left:10px;font-family:var(--font-mono);font-size:11.5px;color:#fff6}.code-card pre{padding:18px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:#c5e8df;overflow-x:auto}.code-card .cm{color:#5f7472}.code-card .kw{color:var(--turq-300)}.code-card .st{color:#e8b98a}.code-card .fnname{color:#fff}.pricing-wrap{display:flex;justify-content:center}.price-card{background:var(--ink-950);color:#fff;border-radius:var(--radius-2xl);padding:44px;max-width:460px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.price-card:before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.3),transparent 65%)}.price-card .inner{position:relative}.price-card .badge{display:inline-block;font-family:var(--font-mono);font-size:12px;color:var(--turq-300);background:#14b8a624;border:1px solid rgba(20,184,166,.3);padding:5px 13px;border-radius:999px;margin-bottom:20px}.price-card .amt{font-family:var(--font-display);font-size:60px;font-weight:800;letter-spacing:-.03em;line-height:1}.price-card .amt small{font-family:var(--font-body);font-size:17px;font-weight:500;color:#fff9}.price-card .per-loc{font-size:14px;color:#fff9;margin-top:10px}.price-card ul{list-style:none;text-align:left;margin:28px 0;display:flex;flex-direction:column;gap:13px}.price-card li{display:flex;gap:11px;align-items:center;font-size:14.5px;color:#ffffffe6}.price-card li svg{color:var(--turq-400);flex-shrink:0}.price-card .freenote{font-size:13px;color:#ffffff8c;margin-top:16px}.footer{background:var(--ink-950);color:#fff9;padding:56px 0 32px}.footer .top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}.footer .brand{display:flex;align-items:center;gap:10px}.footer .brand img{width:28px;height:28px}.footer .brand .word{font-family:var(--font-display);font-weight:800;font-size:19px;color:#fff;letter-spacing:-.03em}.footer .brand .word .dot{color:var(--turq-400)}.footer .tagline{font-size:13.5px;margin-top:12px;max-width:280px;line-height:1.5}.footer .cols{display:flex;gap:56px}.footer .col h4{font-size:12px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin-bottom:14px}.footer .col a{display:block;font-size:14px;color:#ffffffb3;margin-bottom:9px;transition:color var(--dur-fast)}.footer .col a:hover{color:#fff}.footer .bottom{padding-top:24px;font-size:12.5px;color:#fff6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}@media(max-width:900px){.hero .wrap,.dev{grid-template-columns:1fr}.hero h1{font-size:42px}.feat-grid{grid-template-columns:1fr}.nav .links,.mock{display:none}}.how-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.how-steps{display:flex;flex-direction:column;gap:14px}.how-step{display:flex;gap:14px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all var(--dur-base) var(--ease-out);font:inherit}.how-step:hover{background:var(--bg-subtle)}.how-step.active{background:var(--bg-surface);border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.how-num{flex-shrink:0;width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);color:var(--fg-muted);transition:all var(--dur-base)}.how-step.active .how-num{background:var(--brand);color:#fff}.how-t{display:block;font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--fg-strong)}.how-d{display:block;font-size:13px;color:var(--fg-muted);margin-top:3px;line-height:1.45}.how-stage{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--turq-50),var(--bg-subtle));border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:26px}.how-win{width:100%;max-width:560px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.how-chrome{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle)}.how-dot{width:9px;height:9px;border-radius:50%}.how-dot.r{background:#ff5f57}.how-dot.y{background:#febc2e}.how-dot.g{background:#28c840}.how-url{flex:1;display:flex;align-items:center;gap:5px;margin-left:8px;padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-muted);white-space:nowrap;overflow:hidden}.how-rec{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#e5484d}.how-rec i{width:8px;height:8px;border-radius:50%;background:#e5484d;animation:howBlink 1s steps(1) infinite}.how-video{display:block;width:100%;aspect-ratio:16 / 10;background:var(--ink-950);object-fit:cover}@keyframes howBlink{50%{opacity:.25}}@media(max-width:820px){.how-grid{grid-template-columns:1fr;gap:26px}}@media(prefers-reduced-motion:reduce){.how-rec i{animation:none}}