@font-face{font-family:Pretendard Variable;src:url(/app/assets/PretendardVariable.subset-CSBrsrXw.woff2) format("woff2");font-style:normal;font-weight:45 920;font-display:swap}:root{--violet-50: #fbf4ee;--violet-100: #f7e7da;--violet-200: #efceb4;--violet-300: #e6ad8a;--violet-400: #dc8b60;--violet-500: #d06f40;--violet-600: #b4542c;--violet-700: #9d4826;--violet-800: #7c3820;--indigo-400: #cf8a56;--indigo-500: #bd6a34;--indigo-600: #a9502a;--indigo-700: #8f4426;--indigo-900: #5c3420;--indigo-950: #38221a;--brand-grad: linear-gradient(135deg, #e08a5f 0%, #bd5a30 100%);--brand-grad-vivid: linear-gradient( 135deg, #eda57e 0%, #d9895f 48%, #bd5a30 100% );--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--fs-display: clamp(32px, 4.4vw, 52px);--fs-hero: clamp(28px, 3.4vw, 40px);--fs-h1: 22px;--fs-h2: 18px;--fs-h3: 15.5px;--fs-body: 14.5px;--fs-sm: 13px;--fs-xs: 12px;--w-black: 900;--w-extra: 800;--w-bold: 700;--w-semi: 600;--w-med: 500;--ease: cubic-bezier(.22, .61, .36, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-press: .06s;--dur-fast: .14s;--dur: .24s;--dur-route: .28s;--dur-slow: .42s;--press-scale: .985;--route-scale: .99;--stagger-step: .04s;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, monospace;--bg: #f4eee2;--bg-deep: #ece3d2;--surface: #fdfbf5;--surface-2: #f8f2e8;--surface-3: #f1e9da;--text: #2c2519;--text-2: #4e4535;--muted: #6c604c;--border: #e7dcc8;--border-strong: #d7c9af;--brand: var(--violet-600);--brand-strong: var(--violet-700);--brand-2: var(--indigo-600);--brand-soft-bg: #f8e9dc;--brand-soft-fg: var(--violet-700);--on-brand: #fdfbf5;--on-media: #fdfbf5;--media-scrim: rgba(20, 14, 8, .62);--media-hover: rgba(253, 251, 245, .18);--ok: #456c41;--ok-bg: #e8efdf;--warn: #815713;--warn-bg: #f6ecd6;--danger: #b0442a;--danger-bg: #f7e3db;--info: #3a6b82;--info-bg: #e3ecf1;--ch-instagram: #c02f7f;--ch-threads: #2b2b2b;--ch-youtube: #c62a1f;--ch-naver: #1a8f45;--ch-x: #1a1a1c;--ch-kakao: #6b5300;--ch-linkedin: #14618f;--sidebar-1: #fdfbf5;--sidebar-2: #f8f2e8;--sidebar-3: #fdfbf5;--sidebar-text: #2c2519;--sidebar-muted: #6c604c;--glow-1: rgba(207, 111, 64, .12);--glow-2: rgba(217, 137, 95, .1);--noise-opacity: .018;--ring: 0 0 0 3px rgba(189, 90, 48, .28);--shadow-sm: 0 0 0 1px var(--border);--shadow: 0 0 0 1px var(--border-strong), 0 8px 24px rgba(74, 58, 40, .07);--shadow-lg: 0 0 0 1px var(--border-strong), 0 18px 48px rgba(74, 54, 34, .12);--shadow-brand: 0 0 0 1px var(--brand-strong);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1d1811;--bg-deep: #15110b;--surface: #282218;--surface-2: #312a1f;--surface-3: #3a3227;--text: #f1e9db;--text-2: #d5cab5;--muted: #aa9d84;--border: #3c3327;--border-strong: #4e4436;--brand: var(--violet-400);--brand-strong: var(--violet-300);--brand-2: var(--indigo-400);--brand-soft-bg: rgba(207, 111, 64, .18);--brand-soft-fg: #eab595;--on-brand: #241c12;--ok: #94c187;--ok-bg: rgba(124, 135, 103, .2);--warn: #e2b256;--warn-bg: rgba(224, 176, 84, .16);--danger: #e88a6f;--danger-bg: rgba(184, 68, 42, .2);--info: #82adc4;--info-bg: rgba(58, 107, 130, .2);--ch-instagram: #f093c6;--ch-threads: #ece2d4;--ch-youtube: #f18a79;--ch-naver: #86d3a1;--ch-x: #ece2d4;--ch-kakao: #e3c463;--ch-linkedin: #8cc2e4;--sidebar-1: #2a2016;--sidebar-2: #1d150d;--sidebar-3: #120d07;--sidebar-text: #eee2d2;--sidebar-muted: #bba98f;--glow-1: rgba(224, 138, 95, .18);--glow-2: rgba(207, 111, 64, .14);--noise-opacity: .025;--ring: 0 0 0 3px rgba(224, 138, 95, .38);--shadow-sm: 0 0 0 1px var(--border);--shadow: 0 0 0 1px var(--border-strong), 0 8px 24px rgba(0, 0, 0, .2);--shadow-lg: 0 0 0 1px var(--border-strong), 0 18px 48px rgba(0, 0, 0, .34);--shadow-brand: 0 0 0 1px var(--brand);color-scheme:dark}}:root[data-theme=dark]{--bg: #1d1811;--bg-deep: #15110b;--surface: #282218;--surface-2: #312a1f;--surface-3: #3a3227;--text: #f1e9db;--text-2: #d5cab5;--muted: #aa9d84;--border: #3c3327;--border-strong: #4e4436;--brand: var(--violet-400);--brand-strong: var(--violet-300);--brand-2: var(--indigo-400);--brand-soft-bg: rgba(207, 111, 64, .18);--brand-soft-fg: #eab595;--on-brand: #241c12;--ok: #94c187;--ok-bg: rgba(124, 135, 103, .2);--warn: #e2b256;--warn-bg: rgba(224, 176, 84, .16);--danger: #e88a6f;--danger-bg: rgba(184, 68, 42, .2);--info: #82adc4;--info-bg: rgba(58, 107, 130, .2);--ch-instagram: #f093c6;--ch-threads: #ece2d4;--ch-youtube: #f18a79;--ch-naver: #86d3a1;--ch-x: #ece2d4;--ch-kakao: #e3c463;--ch-linkedin: #8cc2e4;--sidebar-1: #2a2016;--sidebar-2: #1d150d;--sidebar-3: #120d07;--sidebar-text: #eee2d2;--sidebar-muted: #bba98f;--glow-1: rgba(224, 138, 95, .18);--glow-2: rgba(207, 111, 64, .14);--noise-opacity: .025;--ring: 0 0 0 3px rgba(224, 138, 95, .38);--shadow-sm: 0 0 0 1px var(--border);--shadow: 0 0 0 1px var(--border-strong), 0 8px 24px rgba(0, 0, 0, .2);--shadow-lg: 0 0 0 1px var(--border-strong), 0 18px 48px rgba(0, 0, 0, .34);--shadow-brand: 0 0 0 1px var(--brand);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.011em;word-break:keep-all}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::selection{background:#cf6f4047}h1,h2,h3{text-wrap:balance}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.skip-link{position:fixed;top:-48px;left:var(--space-4);z-index:100;background:var(--brand);color:var(--on-brand);font-weight:var(--w-bold);font-size:var(--fs-sm);padding:10px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width: 640px){.btn:not(.sm),.icon-btn,.nav-item,.tab,.hamburger,.input,.select{min-height:44px}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{to{background-position:200% 0}}@keyframes drawIn{0%{stroke-dashoffset:var(--len, 1000)}to{stroke-dashoffset:0}}.enter{animation:fadeUp var(--dur-slow) var(--ease-out) both}.enter:nth-child(2){animation-delay:.05s}.enter:nth-child(3){animation-delay:.1s}.enter:nth-child(4){animation-delay:.15s}.enter:nth-child(5){animation-delay:.2s}.enter:nth-child(6){animation-delay:.25s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100dvh;position:relative}.main{display:flex;flex-direction:column;min-width:0;position:relative;z-index:1}.content{width:100%;max-width:none;margin:0;padding:var(--space-3) var(--space-6) var(--space-9)}.content>.grid{position:relative;z-index:1}@media (max-width: 900px){.app{grid-template-columns:1fr}.content{padding:var(--space-5) var(--space-4) var(--space-8)}}.muted{color:var(--muted)}.hairline{height:1px;background:var(--border);border:0;margin:var(--space-4) 0}.section-title{font-size:var(--fs-h3);font-weight:var(--w-bold);color:var(--text);margin:2px 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.section-sub{font-size:var(--fs-sm);color:var(--muted);margin:-6px 0 var(--space-3)}.list-reset{list-style:none;margin:0;padding:0}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1}.flow-hint{font-size:var(--fs-sm);color:var(--muted);display:inline-flex;align-items:center;gap:6px}.kbd{font-family:var(--mono);background:var(--surface-3);color:var(--text-2);padding:2px 7px;border-radius:var(--radius-xs);font-size:var(--fs-xs);border:1px solid var(--border)}.hl{padding:0 1px;background:transparent;color:var(--brand-strong);font-weight:var(--w-bold);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand) 38%,transparent);text-decoration-thickness:.08em;text-underline-offset:.16em;white-space:nowrap}.hl.solid{color:var(--brand-strong)}.grid{display:grid;gap:var(--space-5)}.grid>*{min-width:0}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.split{grid-template-columns:392px 1fr;align-items:start}.grid.split>*{min-width:0}@media (max-width: 1000px){.grid.cols-3,.grid.cols-4,.grid.split{grid-template-columns:1fr}}@media (max-width: 640px){.grid.cols-2{grid-template-columns:1fr}}.sidebar{position:sticky;top:0;height:100dvh;z-index:30;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-3);overflow-y:auto;color:var(--sidebar-text);background:var(--sidebar-3);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-6);color:var(--brand)}.brand-mark{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.brand-mark svg{width:26px;height:26px}.brand-name{font-size:22px;font-weight:var(--w-extra);letter-spacing:-.045em;line-height:1}.brand-name small{display:none}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:42px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--sidebar-muted);font-size:var(--fs-sm);font-weight:var(--w-med);text-align:left;transition:background var(--dur-fast),color var(--dur-fast)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item .ico{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;opacity:.78}.nav-item[aria-current=page]{background:var(--brand-soft-bg);color:var(--brand-strong)}.nav-item[aria-current=page] .ico{opacity:1}.nav-label{padding:var(--space-4) var(--space-3) var(--space-1);color:var(--sidebar-muted);font-size:10px;font-weight:var(--w-semi);letter-spacing:.08em}.nav-spacer{flex:1;min-height:var(--space-6)}.plan-card{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--sidebar-muted);font-size:var(--fs-xs);line-height:1.6}.plan-card b{color:var(--sidebar-text);font-weight:var(--w-bold)}.plan-back{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:var(--space-3);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:var(--fs-xs);font-weight:var(--w-bold);text-decoration:none;transition:background var(--dur-fast) var(--ease-out)}.plan-back:hover{background:var(--surface-3)}.plan-back:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.plan-badge{display:inline-flex;align-items:center;margin-left:auto;padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-2);font-size:10px;font-weight:var(--w-semi)}.conn-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-4);min-height:54px;padding:var(--space-2) var(--space-7);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--bg))}.topbar-title{min-width:0}.topbar h1{margin:0;font-size:20px;font-weight:var(--w-extra);letter-spacing:-.025em;line-height:1.15}.topbar .sub{margin-top:var(--space-1);color:var(--muted);font-size:var(--fs-xs)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.topbar-status{display:inline-flex;align-items:center;gap:6px;margin-right:var(--space-2);color:var(--muted);font-size:var(--fs-xs);font-weight:var(--w-med);white-space:nowrap}.topbar-status .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.icon-btn{width:38px;height:38px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);display:grid;place-items:center;transition:background var(--dur-fast),color var(--dur-fast)}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn svg{width:18px;height:18px}.avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-soft-bg);color:var(--brand-soft-fg);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:var(--w-bold);box-shadow:0 0 0 1px var(--border)}.plan-switch{display:inline-flex}.plan-switch button{min-height:34px;padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--fs-xs);font-weight:var(--w-semi)}.plan-switch button:hover,.plan-switch button.on{background:var(--surface-3);color:var(--text-2)}.hamburger,.scrim{display:none}@media (max-width: 900px){.hamburger{display:grid;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;height:100dvh;transform:translate(-104%);transition:transform var(--dur) var(--ease-out);box-shadow:var(--shadow-lg)}.app.nav-open .sidebar{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#1d181175;opacity:0;pointer-events:none;transition:opacity var(--dur-fast)}.app.nav-open .scrim{opacity:1;pointer-events:auto}.topbar{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width: 640px){.topbar{min-height:56px}.topbar-title{min-width:0;flex:1}.topbar-title .sub,.topbar-status{display:none!important}.topbar-right{gap:var(--space-1);flex-shrink:0}}@media (max-width: 420px){.plan-switch{display:none}}.card{background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background var(--dur-fast),box-shadow var(--dur-fast)}.card.pad{padding:var(--space-5)}.card.lift:hover{background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong)}button.card{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.card.hoverable:hover{background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong)}.card.glow{position:relative}.card-hd{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.card-hd h2{margin:0;font-size:var(--fs-h3);font-weight:var(--w-semi);letter-spacing:-.01em}.card-hd .hint{font-size:var(--fs-xs);color:var(--muted);margin-left:auto;font-weight:var(--w-med)}.card-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:9px;vertical-align:-4px;border-radius:var(--radius-sm);background:var(--brand-soft-bg);color:var(--brand-strong);font-family:var(--mono);font-size:12px;font-weight:var(--w-bold)}.card-body{padding:var(--space-5)}.bare{border:none!important;box-shadow:none!important;background:transparent!important}.btn{display:inline-flex;align-items:center;gap:var(--space-2);justify-content:center;padding:10px var(--space-4);border:0;border-radius:var(--radius-md);background:var(--surface-3);box-shadow:var(--shadow-sm);color:var(--text-2);font-weight:var(--w-semi);font-size:var(--fs-body);transition:transform var(--dur-press),box-shadow var(--dur-fast),background var(--dur-fast),color var(--dur-fast);white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong);color:var(--text)}.btn:active{transform:translateY(1px)}.btn[aria-pressed=true]{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.btn[aria-pressed=true]:hover{background:var(--brand-strong);color:var(--on-brand);box-shadow:var(--shadow-brand)}.btn.primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.btn.primary:hover{background:var(--brand-strong);box-shadow:var(--shadow-brand);color:var(--on-brand)}.btn.ghost{background:transparent;border-color:transparent;color:var(--brand-strong)}.btn.ghost:hover{background:var(--brand-soft-bg);box-shadow:none}.btn.subtle{background:var(--brand-soft-bg);border-color:transparent;color:var(--brand-soft-fg)}.btn.subtle:hover{filter:brightness(.98);box-shadow:none}.btn.sm{padding:7px 12px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn.lg{padding:13px 22px;font-size:15px}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-xs);font-size:11.5px;font-weight:var(--w-semi);line-height:1.5;background:var(--brand-soft-bg);color:var(--brand-soft-fg)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.gray{background:var(--surface-3);color:var(--muted)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge svg{width:13px;height:13px}.tier-pill{font-family:var(--mono);font-size:11px;font-weight:var(--w-bold)}.field{margin-bottom:var(--space-4)}.field>label{display:block;font-size:var(--fs-sm);font-weight:var(--w-semi);margin-bottom:6px;color:var(--text-2)}.field .desc{font-size:var(--fs-xs);color:var(--muted);margin-top:5px;line-height:1.5}.input,.textarea,.select{width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--fs-body);background:var(--surface);color:var(--text);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.7}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.textarea{resize:vertical;min-height:90px;line-height:1.65}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--fs-sm);font-weight:var(--w-semi);color:var(--text-2);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.chip:hover{border-color:var(--muted)}.chip[aria-pressed=true],.chip.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand);box-shadow:none}.channel-card{padding:var(--space-4);text-align:left;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast),background var(--dur-fast)}.channel-card:hover{background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong)}.channel-card[aria-pressed=true]{border-color:var(--brand);box-shadow:var(--ring);background:var(--brand-soft-bg)}.channel-card .ch-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.channel-card .ch-ico{width:30px;height:30px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--surface-3)}.channel-card .ch-ico svg{width:17px;height:17px}.channel-card[aria-pressed=true] .ch-ico:not([data-platform]){background:var(--brand);color:var(--on-brand)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform]{color:var(--muted);background:color-mix(in srgb,currentColor 12%,transparent)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform=instagram]{color:var(--ch-instagram)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform=threads]{color:var(--ch-threads)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform=youtube]{color:var(--ch-youtube)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform=naver_blog]{color:var(--ch-naver)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform=x]{color:var(--ch-x)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform=kakao]{color:var(--ch-kakao)}:is(.home-row-icon,.inbox-ico,.ch-ico)[data-platform=linkedin]{color:var(--ch-linkedin)}.tabs{display:inline-flex;gap:var(--space-5);background:transparent;padding:0;border:0;border-radius:0}.tabs.bar{display:flex;width:100%;border-bottom:1px solid var(--border)}.tab{position:relative;padding:9px 2px;border-radius:0;border:none;background:transparent;font-size:var(--fs-body);font-weight:var(--w-semi);color:var(--muted);display:inline-flex;align-items:center;gap:6px;transition:background var(--dur-fast),color var(--dur-fast)}.tab:hover{color:var(--text)}.tab[aria-selected=true],.tab.on{background:transparent;color:var(--brand-strong);box-shadow:none}.tab[aria-selected=true]:after,.tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--brand)}.tab svg{width:15px;height:15px}.tabs.segmented{gap:4px;padding:4px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-md)}.segmented .tab{padding:9px 16px;border-radius:var(--radius-sm)}.segmented .tab[aria-selected=true],.segmented .tab.on{background:var(--surface);box-shadow:var(--shadow-sm)}.segmented .tab[aria-selected=true]:after,.segmented .tab.on:after{display:none}.kind-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.kind-tabs .tab{min-width:0;justify-content:center;padding:9px 8px}@media (max-width: 480px){.kind-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.stepper{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.stepper .track{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.stepper .track .fill{height:100%;border-radius:inherit;background:var(--brand);transition:width var(--dur-slow) var(--ease-out)}.stepper .pct{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--brand-strong);min-width:34px;text-align:right}.step-dots{display:flex;gap:var(--space-3) var(--space-5);flex-wrap:wrap}.step-dot{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--muted);transition:color var(--dur-fast)}.step-dot .n{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--surface-3);color:var(--muted);border:1px solid var(--border);transition:background var(--dur-fast),color var(--dur-fast)}.step-dot.done{color:var(--text-2)}.step-dot.done .n{background:var(--ok);color:#fff;border-color:transparent}.step-dot.active{color:var(--brand-strong)}.step-dot.active .n{background:var(--brand);color:var(--on-brand);border-color:transparent;box-shadow:var(--shadow-brand)}.mini-steps{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--muted)}.mini-steps .s{display:inline-flex;align-items:center;gap:5px}.mini-steps .n{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-size:10.5px;font-style:normal;font-weight:var(--w-bold)}.mini-steps .s.on{color:var(--brand-strong)}.mini-steps .s.on .n{background:var(--brand);color:var(--on-brand)}.mini-steps .arrow{opacity:.5}.sk{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-3) 25%,color-mix(in srgb,var(--surface-3) 55%,var(--surface)) 37%,var(--surface-3) 63%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.sk.line{height:12px;margin:8px 0}.sk.line.sm{height:10px;width:60%}.sk.title{height:20px;width:45%;margin-bottom:14px}.sk.block{height:100%;width:100%;border-radius:var(--radius-md)}.sk.circle{border-radius:50%}.sk-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.spinner{width:20px;height:20px;border:2.5px solid var(--surface-3);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.center-pad{padding:var(--space-8) 0;display:grid;place-items:center}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text);padding:13px 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--fs-body);font-weight:var(--w-semi);z-index:60;display:flex;align-items:center;gap:9px;animation:rise .28s var(--ease-out);border:1px solid var(--border)}.toast .t-ico{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok)}.toast .t-ico svg{width:14px;height:14px}.empty{text-align:center;color:var(--muted);padding:var(--space-8) var(--space-5);display:grid;place-items:center;gap:var(--space-2)}.empty .em-ico{width:60px;height:60px;border-radius:var(--radius-xl);display:grid;place-items:center;background:var(--brand-soft-bg);color:var(--brand);margin-bottom:2px}.empty .em-ico svg{width:28px;height:28px}.empty .em-title{font-weight:var(--w-bold);color:var(--text);font-size:15px}.empty .em-desc{font-size:var(--fs-sm);max-width:320px;line-height:1.6}.empty .btn{margin-top:var(--space-2)}.empty.error .em-ico{background:var(--danger-bg);color:var(--danger)}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d18116b;z-index:60;animation:fadeIn var(--dur) var(--ease-out) both}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,94vw);max-height:90vh;overflow-y:auto;z-index:61;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);animation:dialog-in var(--dur) var(--ease-out) both}.dialog.wide{width:min(460px,94vw)}.dialog-hd{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.dialog-hd h3{margin:0;font-size:var(--fs-h2);font-weight:var(--w-extra)}.dialog-close{margin-left:auto}.dialog-body{display:grid;gap:var(--space-4)}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion: reduce){.dialog,.dialog-scrim{animation:none}}.preview-empty{display:grid;place-items:center;text-align:center;min-height:400px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2)}.phone{--ig-pad: var(--space-4);width:min(330px,100%);margin:0 auto;border-radius:var(--radius-2xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeUp var(--dur-slow) var(--ease-out) both}.phone-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--ig-pad)}.phone-bar .pb-name{font-weight:var(--w-semi);font-size:13.5px;letter-spacing:-.01em}.phone-bar .pb-more{margin-left:auto;color:var(--muted);letter-spacing:.06em}.phone-av{width:32px;height:32px;flex:none;border-radius:50%;background:var(--brand-grad);color:#fff;display:grid;place-items:center;font-weight:var(--w-bold);font-size:13px}.phone-av.ring{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--brand)}.phone-body{padding:var(--space-1) var(--ig-pad) 0;font-size:var(--fs-body);line-height:1.66;white-space:pre-wrap;color:var(--text)}.phone-body .pb-handle{font-weight:var(--w-semi)}.phone-likes{padding:0 var(--ig-pad);font-size:13.5px;font-weight:var(--w-semi);color:var(--text)}.phone-time{padding:var(--space-2) var(--ig-pad) var(--ig-pad);font-size:11px;color:var(--muted)}.phone-actions{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--ig-pad) var(--space-2);color:var(--text)}.phone-actions svg{width:24px;height:24px;stroke-width:1.6}.phone-actions .pa-end{margin-left:auto;display:inline-flex}.phone.is-threads{padding:var(--ig-pad)}.th-post{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-3)}.th-rail{display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:var(--space-2)}.th-line{width:2px;height:100%;border-radius:var(--radius-pill);background:var(--border)}.th-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.th-name{font-weight:var(--w-semi);font-size:13.5px;letter-spacing:-.01em}.th-time,.th-meta{font-size:11.5px;color:var(--muted)}.th-more{margin-left:auto;color:var(--muted);letter-spacing:.06em}.th-body{font-size:var(--fs-body);line-height:1.66;white-space:pre-wrap;color:var(--text)}.th-actions{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-3) 0 var(--space-2);color:var(--text)}.th-actions svg{width:20px;height:20px;stroke-width:1.6}.mock-media{aspect-ratio:1 / 1;position:relative;overflow:hidden;display:grid;align-content:end;gap:var(--space-1);padding:var(--ig-pad);color:#fff;background:var(--brand-grad-vivid)}.mock-media .orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}.mock-media .orb.a{width:150px;height:150px;top:-50px;right:-30px;background:#ffffff59}.mock-media .orb.b{width:90px;height:90px;bottom:-30px;left:20px;background:#fff3}.mock-media .m-kicker{font-size:11px;font-weight:var(--w-bold);letter-spacing:.1em;text-transform:uppercase;opacity:.85}.mock-media .m-title{font-size:24px;font-weight:var(--w-black);letter-spacing:-.02em;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.2)}.mock-media .m-badge{position:absolute;top:var(--ig-pad);left:var(--ig-pad);font-size:11px;font-weight:var(--w-bold);background:#00000047;padding:4px 10px;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.article{padding:4px 2px;animation:fadeUp var(--dur-slow) var(--ease-out) both}.article h2{font-size:25px;font-weight:var(--w-black);margin:0 0 8px;letter-spacing:-.025em;line-height:1.22}.article .meta{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--space-4);display:flex;gap:8px;align-items:center}.article-body{font-size:var(--fs-body);line-height:1.9;color:var(--text-2);white-space:pre-wrap}.article-body h3{color:var(--text);font-size:17px;font-weight:var(--w-extra);margin:var(--space-5) 0 6px;letter-spacing:-.01em}.article-body .bullet{padding-left:18px;position:relative}.article-body .bullet:before{content:"";position:absolute;left:4px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--brand)}.carousel{display:flex;gap:var(--space-3);overflow-x:auto;padding:4px 2px var(--space-4);scroll-snap-type:x mandatory}.slide{min-width:236px;width:236px;height:236px;border-radius:var(--radius-xl);padding:var(--space-5);color:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow);scroll-snap-align:start;background:var(--brand-grad-vivid);flex-shrink:0;position:relative;overflow:hidden;animation:fadeUp var(--dur-slow) var(--ease-out) both}.slide .s-orb{position:absolute;width:130px;height:130px;border-radius:50%;background:#ffffff24;top:-40px;right:-30px}.slide .idx{font-size:11px;opacity:.85;font-weight:var(--w-bold);letter-spacing:.06em}.slide .st{font-size:22px;font-weight:var(--w-black);margin:auto 0 8px;line-height:1.28;letter-spacing:-.02em}.slide .sb{font-size:var(--fs-sm);line-height:1.55;opacity:.95}.slide.alt{background:linear-gradient(150deg,#8f4426,#38221a)}.slide.cover{background:linear-gradient(150deg,#eda57e,#a9502a)}.slide.cta{background:linear-gradient(150deg,#9d4826,#0f0c26)}.slide .brand-chip{font-size:11px;font-weight:var(--w-bold);opacity:.9}.storyboard{display:flex;flex-direction:column;gap:var(--space-2)}.scene{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur-fast),transform var(--dur-fast)}.scene:hover{border-color:var(--brand);transform:translate(2px)}.scene .t{font-family:var(--mono);font-size:var(--fs-xs);color:#fff;font-weight:var(--w-bold);min-width:46px;background:var(--brand-grad);padding:3px 8px;border-radius:var(--radius-sm);text-align:center}.scene .txt{font-size:var(--fs-sm);line-height:1.5;font-weight:var(--w-semi)}.scene .narr{font-size:var(--fs-xs);color:var(--muted);margin-top:4px;display:flex;gap:5px}.cal-head{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}@media (min-width: 1001px){.gen-preview{position:sticky;top:var(--space-4);max-height:calc(100vh - var(--space-4) * 2);overflow-y:auto;overscroll-behavior:contain}}.cal-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);align-items:start}.cal-layout>*{min-width:0}@media (max-width: 1000px){.cal-layout{grid-template-columns:1fr}}.cal-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cal-seg,.cal-nav{display:inline-flex;gap:var(--space-1)}.cal-nav{margin-left:auto}.cal-channel{width:auto;min-width:118px;padding:7px 28px 7px 10px;font-size:var(--fs-sm)}.cal-title{font-size:var(--fs-h2);font-weight:var(--w-extra);letter-spacing:-.02em;min-width:0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;min-width:0}.cal-dow{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--muted);text-align:center;padding-bottom:4px}.cal-dow.sun{color:var(--danger)}.cal-cell{min-height:98px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);padding:7px;background:var(--surface);display:flex;flex-direction:column;gap:4px;transition:border-color var(--dur-fast)}.cal-cell:hover{border-color:var(--border-strong)}.cal-cell.dim{background:var(--surface-2)}.cal-cell.today{border-color:var(--brand);box-shadow:var(--ring)}.cal-day{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--text-2)}.cal-cell.today .cal-day{color:var(--brand-strong)}.cal-chip{font-size:11px;font-weight:var(--w-bold);min-width:0;padding:4px 7px;border-radius:var(--radius-sm);background:var(--brand-soft-bg);color:var(--brand-soft-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px;border:none;text-align:left;width:100%;transition:transform var(--dur-fast)}.cal-chip:hover{transform:translate(1px);filter:brightness(.97)}.cal-chip svg{width:12px;height:12px;flex-shrink:0}.cal-chip.assist{background:var(--warn-bg);color:var(--warn)}.cal-chip.sent{background:var(--ok-bg);color:var(--ok)}@media (max-width: 640px){.cal-grid{gap:4px}.cal-cell{min-height:62px;padding:4px}.cal-dow{font-size:10px}.cal-chip{padding:3px 5px;font-size:10px}}.legend{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.lib-sort{width:auto;min-width:118px;margin-left:auto;padding:9px 30px 9px 12px;font-size:var(--fs-sm)}@media (max-width: 640px){.lib-sort{margin-left:0;width:100%}}.lib-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.chip.sm{padding:5px 11px;font-size:var(--fs-xs)}.lib-count{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--w-semi);font-variant-numeric:tabular-nums;flex-shrink:0}.lib-groups{display:flex;flex-direction:column;gap:var(--space-6)}.lib-group-hd{display:flex;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--fs-sm);font-weight:var(--w-bold);color:var(--text-2)}.lib-group-hd span{font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--muted);font-variant-numeric:tabular-nums}.lib-card{display:flex;flex-direction:column;height:100%;text-align:left;gap:var(--space-2)}.lib-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.lib-card-title{font-size:var(--fs-sm);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-card-body{font-size:var(--fs-xs);color:var(--muted);line-height:1.6;min-height:3.2em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-card-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-1);font-size:var(--fs-xs);color:var(--muted)}.inbox-item{display:grid;grid-template-columns:minmax(200px,.72fr) minmax(260px,.9fr) minmax(400px,1.38fr);gap:var(--space-3);align-items:start;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);transition:background var(--dur-fast);animation:fadeUp var(--dur) var(--ease-out) both}.inbox-item:last-child{border-bottom:none}.inbox-item:hover{background:var(--surface-2)}.inbox-item-btn{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:0;font:inherit;color:inherit}.inbox-top{display:flex;align-items:center;gap:9px;margin:0;flex-wrap:wrap}.inbox-ico{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--surface-3);display:grid;place-items:center}.inbox-ico svg{width:15px;height:15px}.inbox-author{font-weight:var(--w-bold);font-size:var(--fs-body)}.inbox-msg{font-size:var(--fs-body);color:var(--text-2);background:var(--surface-2);border-radius:var(--radius-md);padding:11px 13px;line-height:1.55;border:1px solid var(--border)}.inbox-item>.inbox-msg{grid-column:2;grid-row:1}.inbox-reply,.inbox-resolution{grid-column:3;grid-row:1;margin:0}.inbox-draft{min-height:54px!important}.inbox-resolution.btn-row{align-items:center}@media (max-width: 1180px){.inbox-item{display:block}.inbox-top{margin-bottom:7px}.inbox-item>.inbox-msg,.inbox-reply,.inbox-resolution{margin-top:var(--space-3)}.inbox-draft{min-height:78px!important}}.reply-label{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--brand-strong);margin-bottom:7px;display:flex;align-items:center;gap:6px}.reply-label svg{width:14px;height:14px}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.stat{position:relative;min-width:0;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:none;color:var(--text);transition:background var(--dur-fast),border-color var(--dur-fast)}.stat:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:none;transform:none}@media (max-width: 820px){.stat-row{grid-template-columns:1fr 1fr}}.stat .k{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--w-semi);display:flex;align-items:center;gap:6px}.stat .k svg{width:14px;height:14px}.stat .v{font-size:28px;font-weight:var(--w-black);margin-top:6px;letter-spacing:-.03em;line-height:1.1}.stat .d{font-size:var(--fs-xs);font-weight:var(--w-bold);margin-top:4px;display:inline-flex;align-items:center;gap:4px}.stat .d.up{color:var(--ok)}.stat .d.down{color:var(--danger)}.chart-wrap{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.chart .axis-label{fill:var(--muted);font-size:11px;font-family:var(--font);font-variant-numeric:tabular-nums}.chart .line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:drawIn var(--dur-slow) var(--ease-out) both}.chart .last-dot{fill:var(--surface);stroke:var(--brand);stroke-width:2.5;filter:drop-shadow(0 2px 6px rgba(189,90,48,.5))}.chart .hover-dot{fill:var(--brand)}.chart .hover-line{stroke:var(--brand);stroke-width:1;stroke-dasharray:3 3;opacity:.6}.chart-tip{position:absolute;transform:translate(-50%,-120%);background:var(--text);color:var(--surface);padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--w-bold);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);z-index:3}.chart-tip .tp-date{font-weight:var(--w-med);opacity:.7;font-size:10px}.impact-card{padding:var(--space-5);border:0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:background var(--dur-fast),box-shadow var(--dur-fast)}.impact-card:hover{background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong)}.impact-card .est{font-size:25px;font-weight:var(--w-extra);letter-spacing:-.02em;color:var(--brand-strong);line-height:1.15}.impact-card .ci{font-size:var(--fs-sm);color:var(--text-2);margin-top:5px;font-weight:var(--w-semi)}.ci-bar{position:relative;height:12px;border-radius:var(--radius-pill);background:var(--surface-3);margin:var(--space-4) 0 6px}.ci-bar .band{position:absolute;top:0;bottom:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--violet-400),var(--indigo-500));opacity:.9}.ci-bar .zero{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--muted);border-radius:2px}.ci-bar .zero:after{content:"0";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:9px;font-weight:var(--w-bold);color:var(--muted)}.ci-bar .pt{position:absolute;top:-3px;width:14px;height:20px;margin-left:-7px}.ci-bar .pt:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--surface);border:2.5px solid var(--indigo-600);box-shadow:0 1px 3px #2c251938}.ci-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:var(--w-semi)}.ci-scale .mid{color:var(--brand-strong);font-weight:var(--w-bold)}.settings-panel{max-width:600px}.settings-divider{height:1px;background:var(--border);margin:var(--space-5) 0;border:0}.disclaimer{display:flex;gap:9px;align-items:flex-start;padding:12px 15px;background:color-mix(in srgb,var(--warn-bg) 70%,var(--surface));color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 24%,transparent);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.55;font-weight:var(--w-semi)}.disclaimer svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.disclaimer b{font-weight:var(--w-bold)}.footnote{margin-top:var(--space-3);font-size:var(--fs-xs)}.footnote summary{color:var(--muted);cursor:pointer;font-weight:var(--w-semi);list-style:none;display:inline-flex;align-items:center;gap:5px}.footnote summary::-webkit-details-marker{display:none}.footnote summary svg{width:13px;height:13px;transition:transform var(--dur-fast)}.footnote[open] summary svg{transform:rotate(90deg)}.footnote p{color:var(--muted);line-height:1.6;margin:8px 0 0}.method-line{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--text-2)}.method-line b{color:var(--text);font-weight:var(--w-bold)}.suggest-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.suggest-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-pill);border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:var(--w-semi);transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.suggest-chip:hover{color:var(--brand-strong);border-color:var(--brand);background:var(--brand-soft-bg)}.suggest-chip svg{width:11px;height:11px}.vid-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vid-mode{text-align:left;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)}.vid-mode:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.vid-mode.on{border-color:var(--brand);box-shadow:var(--ring)}.vid-mode .vm-top{display:flex;align-items:center;gap:6px;font-weight:var(--w-bold);font-size:14px}.vid-mode .vm-top svg{width:16px;height:16px}.vid-mode .vm-cost{font-size:15px;font-weight:var(--w-black);margin:7px 0 3px;letter-spacing:-.02em}.vid-mode .vm-cost.ok{color:var(--ok)}.vid-mode .vm-cost.paid{color:var(--warn)}.vid-mode .vm-sub{font-size:11.5px;color:var(--muted);line-height:1.45}.prompt-out{margin-top:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);overflow:hidden}.prompt-out .po-label{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:var(--w-bold);color:var(--brand-strong);border-bottom:1px solid var(--border);background:var(--surface-3)}.prompt-out .po-label svg{width:13px;height:13px}.prompt-out pre{margin:0;padding:12px;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--text-2);white-space:pre-wrap;word-break:break-word}.cost-panel.blocked{border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.cost-line{display:flex;align-items:baseline;gap:10px;margin:6px 0 4px}.cost-line .cl-big{font-size:30px;font-weight:var(--w-black);letter-spacing:-.03em;color:var(--warn);line-height:1.1}.cost-line .cl-calc{font-size:12.5px;color:var(--muted);font-weight:var(--w-semi)}.cost-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.quota{margin:4px 0 10px}.quota-bar{height:7px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden;margin-bottom:5px}.quota-bar .fill{height:100%;border-radius:inherit;background:var(--brand-grad);transition:width var(--dur-slow) var(--ease-out)}.upsell{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;margin:4px 0 2px;background:var(--warn-bg);color:var(--warn);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--warn) 24%,transparent);font-size:13px;line-height:1.5}.upsell svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}.upsell b{font-weight:var(--w-bold)}.ex-gallery{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity;margin-top:4px}.ex-card{min-width:220px;width:220px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);scroll-snap-align:start;display:flex;flex-direction:column}.ex-thumb{height:108px;position:relative;display:grid;place-items:center;color:#fff}.ex-thumb .ex-play{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ex-thumb .ex-play svg{width:18px;height:18px}.ex-thumb .ex-dur{position:absolute;bottom:8px;right:8px;font-size:10.5px;font-weight:var(--w-bold);background:#00000057;padding:2px 7px;border-radius:var(--radius-pill)}.ex-body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:8px}.ex-title{font-weight:var(--w-bold);font-size:13.5px;letter-spacing:-.01em}.ex-prompt{margin:0;font-family:var(--mono);font-size:10.5px;line-height:1.55;color:var(--muted);white-space:pre-wrap;max-height:92px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px}.grad-a{background:linear-gradient(140deg,#eda57e,#a9502a)}.grad-b{background:linear-gradient(140deg,#8f4426,#38221a)}.grad-c{background:linear-gradient(140deg,#db2777,#bd5a30)}.grad-d{background:linear-gradient(140deg,#9d4826,#0f0c26)}.grad-e{background:linear-gradient(140deg,#0ea5e9,#8f4426)}.grad-f{background:linear-gradient(140deg,#f59e0b,#b45309)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);min-height:150px;display:grid;place-items:center;cursor:pointer;overflow:hidden;padding:10px;transition:border-color var(--dur-fast),background var(--dur-fast)}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:var(--brand-soft-bg)}.dropzone .dz-empty{display:grid;place-items:center;gap:7px;text-align:center;color:var(--text-2);font-size:13.5px}.dropzone .dz-empty b{font-weight:var(--w-bold)}.dropzone .dz-ico{width:46px;height:46px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--brand-soft-bg);color:var(--brand)}.dz-preview{max-width:100%;max-height:210px;border-radius:var(--radius-md);display:block}.dz-err{display:flex;align-items:center;gap:6px;color:var(--danger);font-size:12.5px;font-weight:var(--w-semi);margin-top:8px}.dz-err svg{width:13px;height:13px}.analysis{margin-top:14px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2)}.analysis .an-k{font-size:11px;font-weight:var(--w-bold);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:46px;height:46px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #00000014;position:relative;display:grid;align-items:end;overflow:hidden}.swatch .sw-hex{width:100%;font-size:8.5px;font-weight:var(--w-bold);text-align:center;color:#fff;background:#00000057;padding:1px 0}.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.an-desc{font-size:12.5px;color:var(--text-2);line-height:1.6;margin:12px 0}.onb-hero{background:var(--surface-2);border-radius:var(--radius-xl)}.onb-hero-head{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.onb-hero-ico{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--brand-soft-bg);color:var(--brand)}.onb-hero-ico svg{width:22px;height:22px}.onb-hero-head .section-title{margin:0 0 4px;font-size:var(--fs-h2);letter-spacing:-.01em}.onb-hero-head .section-sub{margin:0;line-height:1.55}.kit-upload{width:100%;min-height:118px;padding:var(--space-3);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);display:grid;place-items:center;overflow:hidden;transition:border-color var(--dur-fast),background var(--dur-fast)}.kit-upload:hover{border-color:var(--brand);background:var(--brand-soft-bg)}.kit-upload img{max-width:100%;max-height:96px;object-fit:contain}.kit-upload .ku-empty{display:grid;justify-items:center;gap:8px;color:var(--text-2);font-size:13px;font-weight:var(--w-semi);text-align:center}.kit-upload .ku-ico{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-soft-bg);color:var(--brand);transition:transform var(--dur-fast)}.kit-upload:hover .ku-ico{transform:translateY(-2px)}.kit-upload .ku-hint{font-size:11px;font-weight:var(--w-med);color:var(--muted)}.color-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.color-item{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 5px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface)}.swatch-input{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;cursor:pointer;overflow:hidden;display:block}.swatch-input input{opacity:0;width:100%;height:100%;cursor:pointer}.color-hex{font-family:var(--mono);font-size:11.5px;color:var(--text-2);font-weight:var(--w-semi)}.color-x{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--muted)}.color-x:hover{background:var(--danger-bg);color:var(--danger)}.color-add{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--radius-pill);border:1px dashed var(--border-strong);background:var(--surface);color:var(--brand-strong);font-size:12.5px;font-weight:var(--w-semi)}.color-add:hover{border-color:var(--brand);background:var(--brand-soft-bg)}.kit-preview{margin-top:14px;height:88px;border-radius:var(--radius-md);position:relative;display:grid;place-items:center;color:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.kit-preview .kp-logo{max-height:44px;max-width:60%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.kit-preview .kp-label{position:absolute;bottom:8px;right:10px;font-size:10.5px;font-weight:var(--w-bold);background:#00000047;padding:3px 9px;border-radius:var(--radius-pill)}.ai-clip{position:relative;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;display:grid;place-items:center;background:var(--brand-grad-vivid);box-shadow:var(--shadow-lg);animation:fadeUp var(--dur-slow) var(--ease-out) both;color:#fff}.ai-clip.ratio-9-16{width:240px;height:420px}.ai-clip.ratio-1-1{width:320px;height:320px}.ai-clip.ratio-16-9{width:100%;max-width:460px;aspect-ratio:16 / 9}.ai-clip .orb{position:absolute;border-radius:50%;filter:blur(3px)}.ai-clip .orb.a{width:150px;height:150px;top:-40px;right:-30px;background:#ffffff47}.ai-clip .orb.b{width:100px;height:100px;bottom:-30px;left:-20px;background:#ffffff2e}.ai-clip .clip-play{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;z-index:1;background:#00000052;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 6px 24px #00000059}.ai-clip .clip-play svg{width:26px;height:26px}.vplayer{display:block;position:relative;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-3);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:fadeUp var(--dur-slow) var(--ease-out) both;--media-primary-color: var(--on-media);--media-secondary-color: transparent;--media-control-background: transparent;--media-control-hover-background: var(--media-hover);--media-range-track-height: 3px;--media-range-thumb-width: 11px;--media-range-thumb-height: 11px;--media-font-size: var(--fs-xs);--media-control-padding: 8px}.vplayer.ratio-9-16{width:240px;height:420px}.vplayer.ratio-1-1{width:320px;height:320px}.vplayer.ratio-16-9{width:100%;max-width:460px;aspect-ratio:16 / 9}.vplayer video{width:100%;height:100%;object-fit:cover;display:block}.vplayer media-control-bar{background:linear-gradient(to top,var(--media-scrim),transparent);padding-top:var(--space-4)}@media (prefers-reduced-motion: reduce){.vplayer{animation:none}}.ai-clip .clip-empty{position:relative;z-index:1;display:grid;place-items:center;gap:var(--space-2);text-align:center;padding:0 var(--space-5);font-size:var(--fs-xs);font-weight:var(--w-semi);line-height:1.6;color:var(--on-media)}.ai-clip .clip-tag,.vplayer .clip-tag{position:absolute;z-index:2;bottom:12px;left:12px;font-size:11px;font-weight:var(--w-bold);color:var(--on-media);background:#00000052;padding:4px 10px;border-radius:var(--radius-pill)}.vplayer .clip-tag{top:12px;bottom:auto}@media (max-width: 640px){.vid-modes,.an-grid{grid-template-columns:1fr}}.home-page{display:grid;gap:var(--space-7)}.home-intro{padding:var(--space-1) 0 var(--space-2)}.home-eyebrow{margin:0 0 var(--space-3);color:var(--brand-strong);font-size:var(--fs-xs);font-weight:var(--w-bold);letter-spacing:.08em}.home-intro-row{display:flex;align-items:flex-end;gap:var(--space-6);justify-content:space-between}.home-intro h2{margin:0;max-width:720px;font-size:clamp(28px,3.4vw,40px);font-weight:var(--w-bold);letter-spacing:-.035em;line-height:1.18}.home-intro p:not(.home-eyebrow){margin:var(--space-3) 0 0;max-width:680px;color:var(--text-2);font-size:15px;line-height:1.7}.home-primary-action{flex:0 0 auto}.home-setup{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-left:2px solid var(--brand);background:var(--surface-2);border-radius:0 var(--radius-md) var(--radius-md) 0}.home-setup-icon,.home-row-icon{display:grid;place-items:center;flex:0 0 auto;color:var(--brand-strong);background:var(--brand-soft-bg)}.home-setup-icon{width:36px;height:36px;border-radius:var(--radius-sm)}.home-setup strong{display:block;font-size:var(--fs-body)}.home-setup p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--fs-sm);line-height:1.55}.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.home-metric{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;min-height:104px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:none;color:var(--text);text-align:left}.home-metric-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--brand-soft-bg);color:var(--brand-strong)}.home-metric-body{display:block;min-width:0}.home-metric:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:none;transform:none}.home-metric-label{display:block;color:var(--muted);font-size:var(--fs-xs);font-weight:var(--w-semi)}.home-metric strong{display:block;margin-top:var(--space-2);font-size:clamp(22px,2.2vw,28px);font-weight:var(--w-bold);letter-spacing:-.035em;line-height:1.15}.home-metric strong em{margin-left:1px;font-size:.6em;font-style:normal;font-weight:var(--w-bold);letter-spacing:-.02em}.home-metric-detail{display:block;margin-top:var(--space-2);color:var(--muted);font-size:11.5px;font-weight:var(--w-med);line-height:1.35}.home-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:var(--space-6);align-items:start}.home-workspace-side{display:grid;gap:var(--space-6)}.home-panel{min-width:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.home-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.home-panel-header>div{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.home-panel-header h3{margin:0;font-size:var(--fs-h3);font-weight:var(--w-bold)}.home-panel-header span{color:var(--muted);font-size:var(--fs-xs)}.home-panel-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2);border:0;background:transparent;color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--w-semi)}.home-panel-link:hover{color:var(--brand-strong)}.home-list{list-style:none;margin:0;padding:0}.home-list li+li{border-top:1px solid var(--border)}.home-list-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:72px;padding:var(--space-3) var(--space-5);border:0;background:transparent;color:var(--text);text-align:left;transition:background var(--dur-fast)}.home-list-row:hover{background:var(--surface-2)}.home-row-icon{width:32px;height:32px;border-radius:var(--radius-sm)}.home-row-copy{display:block;min-width:0;flex:1}.home-row-copy strong,.home-row-copy small{display:block}.home-row-copy strong{overflow:hidden;font-size:var(--fs-sm);font-weight:var(--w-bold);text-overflow:ellipsis;white-space:nowrap}.home-row-copy small{margin-top:var(--space-1);color:var(--muted);font-size:var(--fs-xs);line-height:1.4}.home-row-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-loading .sk-card{box-shadow:var(--shadow-sm)}@media (max-width: 1040px){.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-workspace{grid-template-columns:1fr}}@media (max-width: 640px){.home-page{gap:var(--space-6)}.home-intro{padding-top:var(--space-4)}.home-intro-row{align-items:flex-start;flex-direction:column;gap:var(--space-5)}.home-intro h2{font-size:28px}.home-primary-action{width:100%}.home-setup{grid-template-columns:auto minmax(0,1fr)}.home-setup .btn{grid-column:1 / -1;width:100%}.home-metrics{grid-template-columns:1fr;gap:var(--space-3)}.home-metric{min-height:0;gap:var(--space-3)}.home-metric strong{font-size:24px}.home-panel-header,.home-list-row{padding-left:var(--space-4);padding-right:var(--space-4)}}.onb{display:grid;gap:var(--space-5)}.onb-hero-copy{flex:1;min-width:0}.onb-hero-head .onb-save-state{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--muted);padding:6px var(--space-3);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border)}.onb-save-state[data-saved=on]{color:var(--ok)}.onb-progress{display:flex;align-items:center;gap:var(--space-3)}.onb-progress-track{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.onb-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width var(--dur-slow) var(--ease-out)}.onb-progress-meta{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--brand-strong);min-width:72px;text-align:right}.onb-shell{display:grid;grid-template-columns:264px minmax(0,1fr);gap:var(--space-5);align-items:start}.onb-shell>*{min-width:0}.onb-rail{position:sticky;top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.onb-rail-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.onb-rail-link{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-2);transition:background var(--dur-fast),color var(--dur-fast)}.onb-rail-link:hover{background:var(--surface-2)}.onb-rail-link[aria-current=step]{background:var(--brand-soft-bg);color:var(--brand-soft-fg)}.onb-rail-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:var(--w-bold);background:var(--surface-3);color:var(--muted);border:1px solid var(--border)}.onb-rail-link[data-state=done] .onb-rail-num{background:var(--ok);color:var(--on-brand);border-color:transparent}.onb-rail-link[aria-current=step] .onb-rail-num{background:var(--brand);color:var(--on-brand);border-color:transparent}.onb-rail-txt{flex:1;min-width:0;display:grid;gap:1px}.onb-rail-label{font-size:var(--fs-sm);font-weight:var(--w-semi)}.onb-rail-desc{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onb-rail-link[aria-current=step] .onb-rail-desc{color:inherit}.onb-rail-state{flex-shrink:0}.onb-rail-foot{margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);font-size:11.5px;line-height:1.6;color:var(--muted)}.onb-panel{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);display:grid;gap:var(--space-5)}.onb-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.onb-panel-head{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.onb-panel-ico{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-soft-bg);color:var(--brand)}.onb-panel-title{margin:0;font-size:var(--fs-h2);font-weight:var(--w-extra);letter-spacing:-.01em}.onb-panel-sub{margin:2px 0 0;font-size:var(--fs-sm);color:var(--muted)}.onb-panel-count{margin-left:auto;flex-shrink:0;font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--muted);font-variant-numeric:tabular-nums}.onb-body{display:grid;gap:var(--space-6)}.onb-lead{margin:0 0 var(--space-4);font-size:var(--fs-sm);line-height:1.7;color:var(--text-2)}.onb-block{display:grid;gap:var(--space-4)}.onb-block-head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.onb-block-head h4{margin:0;font-size:var(--fs-h3);font-weight:var(--w-bold);display:inline-flex;align-items:center;gap:6px}.onb-block-head .hint{font-size:var(--fs-xs);color:var(--muted)}.onb-choice{border:0;margin:0;padding:0;min-width:0}.onb-choice legend{padding:0;font-size:var(--fs-sm);font-weight:var(--w-semi);color:var(--text-2)}.onb-choice-desc{margin:2px 0 var(--space-2);font-size:var(--fs-xs);color:var(--muted);line-height:1.6}.onb-choice-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-2)}.onb-choice-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.onb-choice-item{position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.onb-choice-item input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.onb-choice-item:hover{background:var(--surface-2)}.onb-choice-item:has(input:checked){border-color:var(--brand);background:var(--brand-soft-bg)}.onb-choice-item:has(input:focus-visible){box-shadow:var(--ring)}.onb-choice-body{display:grid;gap:1px;min-width:0}.onb-choice-label{font-size:var(--fs-sm);font-weight:var(--w-semi)}.onb-choice-hint{font-size:11.5px;color:var(--muted)}.onb-choice-item:has(input:checked) .onb-choice-hint{color:var(--brand-soft-fg)}.onb-choice-mark{margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--brand);color:var(--on-brand);opacity:0;transition:opacity var(--dur-fast)}.onb-choice-item:has(input:checked) .onb-choice-mark{opacity:1}.onb-tagbox{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface)}.onb-tagbox:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.onb-tag{display:inline-flex;align-items:center;gap:5px;padding:4px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--w-semi);background:var(--ok-bg);color:var(--ok)}.onb-tag[data-tone=danger]{background:var(--danger-bg);color:var(--danger)}.onb-tag-x{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.75}.onb-tag-x:hover{opacity:1;background:color-mix(in srgb,currentColor 16%,transparent)}.onb-tag-input{flex:1;min-width:120px;border:0;outline:none;background:transparent;color:var(--text);font-size:var(--fs-body);padding:4px 2px}.onb-tag-help{margin:6px 0 0;font-size:var(--fs-xs);color:var(--muted)}.onb-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--space-2)}.onb-suggest-label{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--muted)}.onb-suggest-chip{font-size:var(--fs-xs)}.onb-inline-err{margin:6px 0 0;display:flex;align-items:flex-start;gap:6px;font-size:var(--fs-sm);font-weight:var(--w-semi);color:var(--danger);line-height:1.6}.onb-inline-err svg{flex-shrink:0;margin-top:2px}.onb-inline-err-block{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-bg)}.onb-notice{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--info-bg);color:var(--info);font-size:var(--fs-sm);line-height:1.7}.onb-notice[data-tone=warn]{background:var(--warn-bg);color:var(--warn)}.onb-notice[data-tone=ok]{background:var(--ok-bg);color:var(--ok)}.onb-notice svg{flex-shrink:0;margin-top:3px}.onb-preview{margin:0;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);overflow:hidden}.onb-preview-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--muted)}.onb-preview-ico{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-xs);background:var(--brand-soft-bg);color:var(--brand)}.onb-preview-body{margin:0;padding:var(--space-4);font-size:var(--fs-h3);font-weight:var(--w-med);line-height:1.75;color:var(--text)}.onb-kit{display:grid;gap:var(--space-4)}.onb-kit-clear{margin:0}.onb-kit-advice{display:grid;gap:6px}.onb-kit-advice li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);flex-wrap:wrap}.onb-kit-advice code{font-family:var(--mono);font-size:11.5px;color:var(--text-2)}.onb-kit-dot{width:16px;height:16px;border-radius:var(--radius-xs);border:1px solid var(--border-strong)}.onb-ch-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--fs-sm)}.onb-ch-sep{width:1px;height:14px;background:var(--border-strong)}.onb-ch-gico{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-2)}.onb-ch-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}.onb-ch-name{font-size:var(--fs-sm);font-weight:var(--w-bold);min-width:0}.onb-ch-state{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--muted);white-space:nowrap}.onb-ch-state[data-on=on]{color:var(--brand-strong)}.onb-ch-help{display:block;margin-top:var(--space-2);font-size:11.5px;line-height:1.6;color:var(--muted)}.onb-ch-all{justify-self:start}.onb-exemplar{min-height:148px}.onb-gauge{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.onb-gauge-track{flex:1;height:4px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.onb-gauge-fill{display:block;height:100%;border-radius:inherit;background:var(--warn);transition:width var(--dur) var(--ease-out)}.onb-gauge-fill[data-ready=on]{background:var(--ok)}.onb-gauge-text{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}.onb-learn-row{align-items:center;flex-wrap:wrap;gap:var(--space-3)}.onb-review-steps{display:grid;gap:2px}.onb-review-step{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--dur-fast)}.onb-review-step:hover{background:var(--surface-2)}.onb-review-ico{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-2)}.onb-review-name{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:var(--w-semi)}.onb-review-go{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}.onb-review-list{margin:0;display:grid;gap:0;border-top:1px solid var(--border)}.onb-review-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.onb-review-row dt{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--muted)}.onb-review-row dd{margin:0;font-size:var(--fs-sm);line-height:1.65;word-break:break-word}.onb-review-row dd[data-empty=on]{color:var(--muted);font-style:normal}.onb-actions{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) calc(var(--space-6) * -1) calc(var(--space-6) * -1);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--surface)}.onb-actions-hint{flex:1;min-width:0;font-size:var(--fs-xs);color:var(--muted);text-align:center}.onb-actions-err{display:inline-flex;align-items:center;gap:5px;color:var(--danger);font-weight:var(--w-semi)}.onb-foot-note{margin:0;font-size:var(--fs-xs);color:var(--muted);text-align:center}.onb-link{color:var(--brand-strong);font-weight:var(--w-semi);text-decoration:underline;text-underline-offset:.16em}.onb-done-head{display:flex;align-items:center;gap:var(--space-4)}.onb-done-ico{flex-shrink:0;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok)}.onb-done-head h4{margin:0 0 2px;font-size:var(--fs-h2);font-weight:var(--w-extra)}.onb-done-head p{margin:0;font-size:var(--fs-sm);line-height:1.6}.onb-done-gaps{display:grid;gap:var(--space-3)}.onb-done-gaps li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--fs-sm);line-height:1.65;color:var(--text-2);flex-wrap:wrap}.onb-next{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);counter-reset:none}.onb-next-item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:background var(--dur-fast),border-color var(--dur-fast)}.onb-next-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.onb-next-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:var(--w-bold);background:var(--brand);color:var(--on-brand)}.onb-next-ico{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-xs);background:var(--brand-soft-bg);color:var(--brand)}.onb-next-txt{flex:1;min-width:0;display:grid;gap:1px;font-size:var(--fs-sm)}.onb-next-txt .muted{font-size:var(--fs-xs)}.onb-next-go{flex-shrink:0;color:var(--muted)}@media (max-width: 1000px){.onb-shell{grid-template-columns:minmax(0,1fr)}.onb-rail{position:static;padding:var(--space-2)}.onb-rail-list{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.onb-rail-list>li{flex:0 0 auto}.onb-rail-desc,.onb-rail-state,.onb-rail-foot{display:none}.onb-panel{padding:var(--space-5) var(--space-4)}.onb-actions{margin:var(--space-2) calc(var(--space-4) * -1) calc(var(--space-5) * -1);padding:var(--space-4)}}@media (max-width: 640px){.onb-hero-head{flex-wrap:wrap;gap:var(--space-3)}.onb-hero-head .onb-save-state{flex-basis:100%;justify-content:flex-start}.onb-choice-grid,.onb-choice-grid[data-cols="4"]{grid-template-columns:minmax(0,1fr)}.onb-review-row{grid-template-columns:minmax(0,1fr);gap:2px}.onb-actions{flex-wrap:wrap}.onb-actions-hint{order:3;flex-basis:100%;text-align:left}.onb-actions .btn{flex:1;justify-content:center}.onb-progress-meta{min-width:60px}}@media (prefers-reduced-motion: reduce){.onb-progress-fill,.onb-gauge-fill{transition:none}}.auth-page{display:flex;min-height:100dvh;flex-direction:column;background:var(--bg)}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.auth-brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-size:20px;font-weight:var(--w-black);letter-spacing:-.045em;color:var(--brand)}.auth-mark{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-md);background:var(--brand-soft-bg)}.auth-wordmark{display:flex;flex-direction:column;line-height:1.15}.auth-wordmark small{font-size:11px;font-weight:var(--w-semi);letter-spacing:0;color:var(--muted)}.auth-top-note{font-size:var(--fs-xs);font-weight:var(--w-semi);color:var(--muted)}.auth-main{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-9)}.auth-main:focus-visible{outline:none}.auth-card{width:min(100%,440px);padding:var(--space-7);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow)}.auth-title{margin:0;font-size:var(--fs-hero);font-weight:var(--w-extra);letter-spacing:-.03em}.auth-lead{margin:var(--space-2) 0 var(--space-6);font-size:var(--fs-sm);line-height:1.7;color:var(--muted)}.auth-form{display:grid;gap:var(--space-4)}.auth-form .field{padding-bottom:26px}.auth-form .field:has(.auth-err){padding-bottom:0}.auth-secret{position:relative}.auth-form .input{min-height:44px}.auth-secret .input{width:100%;padding-inline-end:46px}.auth-reveal{position:absolute;inset-block:0;inset-inline-end:0;display:grid;width:44px;place-items:center;border:0;border-radius:var(--radius-md);background:none;color:var(--muted);cursor:pointer}.auth-reveal:hover{color:var(--text)}.auth-reveal[aria-pressed=true]{color:var(--brand-strong)}.auth-caps{display:flex;align-items:center;gap:5px;margin:6px 0 0;color:var(--warn, var(--muted));font-size:var(--fs-sm);font-weight:var(--w-semi)}.auth-caps[hidden]{display:none}.auth-submit{width:100%;justify-content:center;margin-top:var(--space-2)}.auth-note{display:flex;align-items:center;gap:6px;margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--info-bg);color:var(--info);font-size:var(--fs-xs)}.auth-alert{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);font-size:var(--fs-sm);font-weight:var(--w-semi);line-height:1.6}.auth-alert svg{flex-shrink:0;margin-top:2px}.auth-err{display:flex;align-items:flex-start;gap:5px;margin:6px 0 0;color:var(--danger);font-size:var(--fs-sm);font-weight:var(--w-semi);line-height:1.55}.auth-err svg{flex-shrink:0;margin-top:2px}.auth-consent{display:grid;gap:var(--space-3);margin:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.auth-consent legend{padding:0 var(--space-2);font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--muted)}.auth-consent label{display:flex;align-items:flex-start;gap:var(--space-2);min-height:44px;font-size:var(--fs-sm);line-height:1.6;cursor:pointer}.auth-consent input{flex-shrink:0;width:18px;height:18px;margin-top:3px;accent-color:var(--brand)}.auth-consent a{color:var(--brand-strong);text-decoration:underline;text-underline-offset:.16em}.auth-consent-note{margin:0;font-size:11.5px;line-height:1.6;color:var(--muted)}.auth-consent-note code{font-family:var(--mono);font-size:11px}.auth-done{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--ok-bg);color:var(--ok);font-size:var(--fs-sm);line-height:1.7}.auth-done-ico{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,currentColor 16%,transparent)}.auth-done p{margin:0}.auth-sub,.auth-foot{margin:var(--space-4) 0 0;font-size:var(--fs-sm);color:var(--muted);text-align:center}.auth-foot{width:min(100%,440px);margin-top:0}.auth-linkbtn{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--space-2);border:0;background:none;color:var(--brand-strong);font:inherit;font-weight:var(--w-semi);text-decoration:underline;text-underline-offset:.16em;cursor:pointer}.auth-linkbtn:disabled{color:var(--muted);text-decoration:none;cursor:default}.auth-wait{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.auth-hint{margin:var(--space-2) 0 0;font-size:var(--fs-xs);line-height:1.6;color:var(--muted);text-align:center}.auth-sub a,.auth-foot a{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--space-2);color:var(--brand-strong);font-weight:var(--w-semi);text-decoration:underline;text-underline-offset:.16em}@media (max-width: 480px){.auth-card{padding:var(--space-5) var(--space-4)}.auth-top-note{display:none}}.code-field{position:relative;margin-top:var(--space-2)}.code-input{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:none;color:transparent;caret-color:transparent;font-size:16px;letter-spacing:0;text-align:center}.code-input:focus{outline:none}.code-cells{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.code-cell{display:grid;min-height:56px;place-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:24px;font-weight:var(--w-bold);font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.code-cell.is-filled{border-color:var(--brand);background:var(--brand-soft-bg)}.code-cell.is-active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft-bg)}.code-cell.is-active:after{content:"";width:2px;height:26px;border-radius:var(--radius-pill);background:var(--brand);animation:code-caret 1.06s steps(2,start) infinite}@keyframes code-caret{to{opacity:0}}.code-field.is-invalid .code-cell{border-color:var(--danger)}@media (prefers-reduced-motion: reduce){.code-cell.is-active:after{animation:none}.code-cell{transition:none}}@media (max-width: 400px){.code-cells{gap:6px}.code-cell{min-height:48px;font-size:20px}}.auth-alt{margin-top:var(--space-5)}.auth-alt-line{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--muted);font-size:var(--fs-xs)}.auth-alt-line:before,.auth-alt-line:after{content:"";flex:1;height:1px;background:var(--border)}.auth-alt .btn{width:100%;justify-content:center;text-decoration:none}.content{view-transition-name:route-content}.ed-root{view-transition-name:editor-route}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(route-content){z-index:1;animation-duration:var(--dur-route);animation-timing-function:var(--ease-out)}::view-transition-group(editor-route){z-index:50;animation-duration:var(--dur-route);animation-timing-function:var(--ease-out)}::view-transition-old(route-content),::view-transition-old(editor-route){animation:route-out var(--dur-fast) var(--ease-in) both;mix-blend-mode:normal}::view-transition-new(route-content),::view-transition-new(editor-route){animation:route-in var(--dur-route) var(--ease-out) both;mix-blend-mode:normal}@keyframes route-out{to{opacity:0;transform:translateY(calc(var(--space-1) * -1)) scale(var(--route-scale))}}@keyframes route-in{0%{opacity:0;transform:translateY(var(--space-2)) scale(var(--route-scale))}}.enter{--enter-index: 0;animation-duration:var(--dur-route);animation-delay:calc(var(--stagger-step) * var(--enter-index))}.enter:nth-child(2){--enter-index: 1}.enter:nth-child(3){--enter-index: 2}.enter:nth-child(4){--enter-index: 3}.enter:nth-child(5){--enter-index: 4}.enter:nth-child(6){--enter-index: 5}:is(.btn,button.card,button.stat,button.chip,button.tab,button.channel-card,.nav-item,.icon-btn,.inbox-item-btn,.onb-rail-link,.onb-review-step,.onb-next-item,.onb-choice-item){transform-origin:center;transition-timing-function:var(--ease-out)}:is(.btn,button.card,button.stat,button.chip,button.tab,button.channel-card,.nav-item,.icon-btn,.inbox-item-btn,.onb-rail-link,.onb-review-step,.onb-next-item,.onb-choice-item):not(:disabled):active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}@media (prefers-reduced-motion: reduce){.app:before,.app:after,.enter,.chart .line{animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}:is(.btn,button.card,button.stat,button.chip,button.tab,button.channel-card,.nav-item,.icon-btn,.inbox-item-btn,.onb-rail-link,.onb-review-step,.onb-next-item,.onb-choice-item):not(:disabled):active{transform:none!important}:is(.btn,button.card,button.stat,button.chip,button.tab,button.channel-card,.nav-item,.icon-btn,.inbox-item-btn,.onb-rail-link,.onb-review-step,.onb-next-item,.onb-choice-item):not(:disabled):hover,.card.lift:hover,.card.hoverable:hover,.stat:hover{transform:none!important}}