@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--bg-0:#0a0a0b;--bg-1:#101013;--bg-2:#16161a;--bg-3:#1e1e23;--bg-elevated:#141417;--bg-overlay:rgba(10,10,11,0.72);--border-1:#232329;--border-2:#2e2e36;--border-3:#3d3d47;--fg-0:#f4f4f5;--fg-1:#c9c9cf;--fg-2:#8e8e99;--fg-3:#5c5c66;--fg-on-accent:#10120a;--accent-300:#d9f99d;--accent-400:#bef264;--accent-500:#a3e635;--accent-600:#84cc16;--accent-700:#65a30d;--accent-muted:rgba(163,230,53,0.14);--accent-line:rgba(163,230,53,0.35);--info-500:#60a5fa;--info-muted:rgba(96,165,250,0.14);--danger-400:#f87171;--danger-500:#ef4444;--danger-muted:rgba(239,68,68,0.14);--warning-400:#fbbf24;--warning-muted:rgba(251,191,36,0.14);--success-400:#4ade80;--success-500:#22c55e;--success-muted:rgba(74,222,128,0.14);--score-hot:#4ade80;--score-good:#a3e635;--score-mid:#fbbf24;--score-low:#fb923c;--score-cold:#f87171;--pf-youtube:#ff4e45;--pf-tiktok:#2ee8d7;--pf-reels:#c084fc;--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-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 4px 12px rgba(0,0,0,0.45);--shadow-3:0 12px 32px rgba(0,0,0,0.55);--shadow-accent:0 0 0 1px var(--accent-line),0 4px 16px rgba(163,230,53,0.1);--font-sans:"Pretendard","Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,Menlo,monospace;--text-display:48px;--text-title-lg:32px;--text-title:24px;--text-heading:18px;--text-body:15px;--text-small:13px;--text-caption:12px;--text-micro:11px;--leading-tight:1.25;--leading-body:1.6;--leading-caption:1.45;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-0.02em;--tracking-caps:0.04em;--dur-fast:150ms;--dur-normal:200ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-standard:cubic-bezier(0.4,0,0.2,1);--sidebar-w:232px;--topbar-h:56px;--page-max:1200px;--content-max:1440px;--bg:var(--bg-0);--panel:var(--bg-1);--panel-2:var(--bg-2);--border:var(--border-1);--line:var(--border-1);--text:var(--fg-0);--fg:var(--fg-0);--muted:var(--fg-2);--accent:var(--accent-500);--accent-ink:var(--fg-on-accent);--ok:var(--success-500);--good:var(--success-500);--bad:var(--danger-500)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit;text-decoration:none}a:hover{color:var(--fg-0)}button{font-family:inherit}h1,h2,h3,h4{letter-spacing:var(--tracking-tight)}::selection{background:var(--accent-muted);color:var(--fg-0)}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.muted{color:var(--fg-2);font-size:var(--text-small)}.hr{border:none;border-top:1px solid var(--border-1);margin:var(--space-6) 0}.od-icon{display:inline-block;inline-size:var(--od-icon-size,1em);block-size:var(--od-icon-size,1em);flex:none}.truncate{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:transparent}code,pre{font-family:var(--font-mono);font-size:var(--text-caption)}pre{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--fg-1)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-3);background:var(--bg-1);border-right:1px solid var(--border-1);overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-5)}.brand-mark{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent-500);color:var(--fg-on-accent);display:inline-flex;align-items:center;justify-content:center;flex:none}.brand-mark .od-icon{--od-icon-size:14px}.brand-name{font-weight:var(--weight-bold);font-size:var(--text-body);letter-spacing:var(--tracking-tight)}.nav-section{padding:var(--space-4) var(--space-2) var(--space-1);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);color:var(--fg-3);text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:7px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--fg-1);text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast)}.nav-item:hover{background:var(--bg-3);color:var(--fg-0)}.nav-item.is-active{background:var(--accent-muted);color:var(--accent-400)}.nav-item .od-icon{--od-icon-size:16px}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-1)}.side-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm)}.side-user .name{font-size:var(--text-small);font-weight:var(--weight-medium)}.side-user .plan{font-size:var(--text-micro);color:var(--fg-3)}.main{min-width:0;display:flex;flex-direction:column}.content{padding:var(--space-6);max-width:var(--content-max);width:100%;flex:1 1}.app-top{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:20;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding-inline:var(--space-4);background:rgba(10,10,11,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-1)}.app-top .links{margin-left:auto;display:flex;gap:var(--space-4);align-items:center;font-size:var(--text-small)}.app-top .links a{color:var(--fg-1)}.app-top .links a:hover{color:var(--fg-0)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;justify-content:space-between;height:64px;padding-inline:var(--space-8);background:rgba(10,10,11,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-1)}.nav,.nav .brand{display:flex;align-items:center}.nav .brand{gap:var(--space-2)}.nav .brand-mark{width:28px;height:28px}.nav .brand-mark .od-icon{--od-icon-size:16px}.nav-brand{font-weight:var(--weight-bold);font-size:var(--text-body);color:var(--fg-0);letter-spacing:var(--tracking-tight)}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav .guide-btn,.nav a,.nav button{white-space:nowrap}.nav>*{flex-shrink:0}@media (max-width:1100px){.nav-links{gap:var(--space-4)}}.nav-links a{font-size:var(--text-small);color:var(--fg-1);transition:color var(--dur-fast)}.nav-links a.is-active,.nav-links a:hover{color:var(--fg-0)}.nav-cta{display:inline-flex;align-items:center;height:34px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--accent-500);color:var(--fg-on-accent)!important;font-size:var(--text-small);font-weight:var(--weight-semibold)}.nav-cta:hover{background:var(--accent-400)}.nav .lang-select{background:transparent;border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--fg-2);height:30px;padding:0 var(--space-2);font-size:var(--text-caption)}.container{max-width:var(--page-max);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.container-narrow{max-width:880px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--fg-0);background:transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast),color var(--dur-fast)}.btn .od-icon{--od-icon-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-500);color:var(--fg-on-accent);font-weight:var(--weight-semibold)}.btn-primary:hover{background:var(--accent-400);color:var(--fg-on-accent)}.btn-primary:active{background:var(--accent-600)}.btn-secondary{background:var(--bg-3);border-color:var(--border-2)}.btn-secondary:hover{border-color:var(--border-3);background:#26262c}.btn-ghost{color:var(--fg-1)}.btn-ghost:hover{background:var(--bg-3);color:var(--fg-0)}.btn-danger{border-color:var(--danger-500);color:var(--danger-400)}.btn-danger:hover{background:var(--danger-muted)}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--text-caption);border-radius:var(--radius-xs)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--text-body);border-radius:var(--radius-md)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--fg-2);cursor:pointer;text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast)}.btn-icon:hover{background:var(--bg-3);color:var(--fg-0)}.btn-icon .od-icon{--od-icon-size:16px}.btn-row{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-2);flex-wrap:wrap}.linklike{background:none;border:none;color:var(--fg-1);font:inherit;cursor:pointer;padding:0;font-size:inherit}.linklike:hover{color:var(--fg-0)}.linklike.muted{color:var(--fg-2);font-size:var(--text-caption)}.card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.card>h2:first-child{margin-top:0}.card h2{font-size:var(--text-heading);margin:0 0 var(--space-3)}.card h2,.card h3{font-weight:var(--weight-semibold)}.card h3{font-size:var(--text-body)}.card[data-hot]{border-color:var(--accent-line);box-shadow:var(--shadow-accent)}details.card summary{cursor:pointer;font-weight:var(--weight-medium)}details.card summary::marker{color:var(--accent-500)}details.card summary:hover{color:var(--fg-0)}.field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-4)}.field>label,.field>span{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--fg-1)}.input,input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{height:36px;width:100%;padding:0 var(--space-3);border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--fg-0);font-size:var(--text-small);font-family:inherit;transition:border-color var(--dur-fast),background var(--dur-fast)}input::placeholder,textarea::placeholder{color:var(--fg-3)}input:hover,select:hover,textarea:hover{border-color:var(--border-3)}input:focus,select:focus,textarea:focus{border-color:var(--accent-500);outline:none}input[type=checkbox],input[type=color],input[type=file],input[type=radio],input[type=range]{width:auto;height:auto}input[type=checkbox],input[type=radio]{accent-color:var(--accent-500)}input[type=file]{font-size:var(--text-caption);color:var(--fg-2)}textarea{min-height:80px;resize:vertical;padding:var(--space-2) var(--space-3);height:auto}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e99' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}fieldset{border:1px solid var(--border-1);border-radius:var(--radius-sm)}legend{color:var(--fg-2);font-size:var(--text-caption)}.toggle{position:relative;width:34px;height:20px;flex:none;border-radius:var(--radius-full);border:none;background:var(--bg-3);cursor:pointer;transition:background var(--dur-fast)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--fg-1);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast)}.toggle.on,.toggle[aria-checked=true]{background:var(--accent-500)}.toggle.on:after,.toggle[aria-checked=true]:after{transform:translateX(14px);background:var(--fg-on-accent)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 var(--space-3);border-radius:var(--radius-xs);font-size:var(--text-caption);font-weight:var(--weight-medium);font-family:inherit;color:var(--fg-1);background:var(--bg-2);border:1px solid var(--border-1);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.chip:hover{border-color:var(--border-3);color:var(--fg-0)}.chip.is-on,.chip.on{background:var(--accent-muted);border-color:var(--accent-line);color:var(--accent-400)}.chip .od-icon{--od-icon-size:12px}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-sm)}.seg .chip,.seg button{height:26px;padding:0 var(--space-3);border:none;border-radius:var(--radius-xs);background:transparent;color:var(--fg-2);font-size:var(--text-caption);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;transition:background var(--dur-fast),color var(--dur-fast)}.seg.seg-wrap{flex-wrap:wrap}.seg .chip:hover,.seg button:hover{color:var(--fg-0);border-color:transparent}.seg .chip.is-on,.seg .chip.on,.seg button.is-on,.seg button.on{background:var(--bg-3);color:var(--fg-0);box-shadow:var(--shadow-1)}.status-chip{border-radius:var(--radius-full);height:22px;padding:0 var(--space-2)}.status-chip.is-ready{color:var(--success-400);background:var(--success-muted);border-color:transparent}.status-chip.is-export{color:var(--info-500);background:var(--info-muted);border-color:transparent}.status-chip.is-sched{color:var(--pf-reels);background:rgba(192,132,252,.14);border-color:transparent}.status-chip.is-draft{color:var(--fg-2)}.status-chip.is-render{color:var(--warning-400);background:var(--warning-muted);border-color:transparent}.status-chip.is-attention{color:var(--danger-400);background:var(--danger-muted);border-color:transparent}.score-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:1;padding:4px 7px;border-radius:var(--radius-xs);font-feature-settings:"tnum"}.score-hot{color:var(--score-hot);background:rgba(74,222,128,.12)}.score-good{color:var(--score-good);background:rgba(163,230,53,.12)}.score-mid{color:var(--score-mid);background:rgba(251,191,36,.12)}.score-low{color:var(--score-low);background:rgba(251,146,60,.12)}.score-cold{color:var(--score-cold);background:rgba(248,113,113,.12)}.score{font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--accent-400);min-width:40px;text-align:right;font-feature-settings:"tnum"}.score-pop{position:relative;display:inline-flex;outline:none}.score-pop:focus-visible .score-badge{box-shadow:0 0 0 2px var(--accent-500)}.score-pop-card{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:50;flex-direction:column;gap:var(--space-2);width:260px;max-width:calc(100vw - 32px);padding:var(--space-3);background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);color:var(--fg-1);font-family:var(--font-sans);font-weight:var(--weight-regular,400);text-align:left}.score-pop-card.is-end{left:auto;right:0}.score-pop:focus-within .score-pop-card,.score-pop:hover .score-pop-card{display:flex}.score-pop-title{font-size:var(--text-small);font-weight:var(--weight-semibold)}.score-pop-row{display:grid;grid-template-columns:64px 1fr auto 28px;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-caption)}.score-pop-why{grid-column:1/-1;color:var(--fg-2);line-height:1.35;white-space:normal}.score-pop-label{color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-pop-bar{height:6px;background:var(--bg-3);overflow:hidden}.score-pop-bar,.score-pop-fill{border-radius:var(--radius-full)}.score-pop-fill{display:block;height:100%}.score-fill-hot{background:var(--score-hot)}.score-fill-good{background:var(--score-good)}.score-fill-mid{background:var(--score-mid)}.score-fill-low{background:var(--score-low)}.score-fill-cold{background:var(--score-cold)}.score-pop-val{font-family:var(--font-mono);font-feature-settings:"tnum";color:var(--fg-1)}.score-pop-grade{font-family:var(--font-mono);font-weight:var(--weight-semibold);color:var(--fg-2);text-align:right}.score-pop-reason{padding-top:var(--space-2);border-top:1px solid var(--border-1);font-size:var(--text-caption);color:var(--fg-2);line-height:1.4}.score-reason-card{padding:var(--space-2) var(--space-3);background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-md)}.score-reason-head{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--fg-1)}.score-reason-body{margin:2px 0 0;font-size:var(--text-caption);color:var(--fg-2);line-height:1.4}.pf-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);white-space:nowrap}.pf-badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.pf-youtube{color:var(--pf-youtube)}.pf-tiktok{color:var(--pf-tiktok)}.pf-reels{color:var(--pf-reels)}.badge[data-platform=youtube]{color:var(--pf-youtube)}.badge[data-platform=tiktok]{color:var(--pf-tiktok)}.badge[data-platform=instagram],.badge[data-platform=reels]{color:var(--pf-reels)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);padding:3px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-2);color:var(--fg-2);white-space:nowrap}.badge.demo{border-color:var(--accent-line);color:var(--accent-400);background:var(--accent-muted)}.badge.ok{color:var(--success-400);background:var(--success-muted)}.badge.bad,.badge.ok{border-color:transparent}.badge.bad{color:var(--danger-400);background:var(--danger-muted)}.badge.warn{color:var(--warning-400);background:var(--warning-muted)}.badge.info,.badge.warn{border-color:transparent}.badge.info{color:var(--info-500);background:var(--info-muted)}.error{background:var(--danger-muted);border:1px solid rgba(239,68,68,.35);color:var(--danger-400);border-radius:var(--radius-sm)}.error,.notice{padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;font-size:var(--text-small)}.notice{background:var(--accent-muted);border:1px solid var(--accent-line);color:var(--fg-1);border-radius:var(--radius-sm)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-head h1{margin:0;font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.page-head .sub{margin-top:var(--space-1);font-size:var(--text-small);color:var(--fg-2)}.section-title{margin:0;font-size:var(--text-heading);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4);flex-wrap:wrap}.filter-bar .spacer,.spacer{flex:1 1}.search-box{position:relative;width:240px}.search-box .od-icon{--od-icon-size:14px;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fg-3);pointer-events:none}.search-box input{padding-left:30px}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-4)}.stat{display:grid;grid-gap:2px;gap:2px;padding:var(--space-4) var(--space-5);background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-lg)}.stat .stat-num{font-family:var(--font-mono);font-size:var(--text-title);font-weight:var(--weight-semibold);font-feature-settings:"tnum";line-height:1.2}.stat .stat-label{font-size:var(--text-caption);color:var(--fg-2)}.stat .stat-delta{font-family:var(--font-mono);font-size:var(--text-caption)}.stat .stat-delta.up{color:var(--success-400)}.stat .stat-delta.down{color:var(--danger-400)}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.clip-card{display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:var(--fg-0);transition:border-color var(--dur-normal) var(--ease-standard),transform var(--dur-normal) var(--ease-out)}@media (hover:hover){.clip-card:hover{border-color:var(--border-3);transform:translateY(-2px)}}.clip-thumb{position:relative;aspect-ratio:9/16;background:var(--bg-2);display:grid;place-items:center;color:var(--fg-3)}.clip-thumb.wide{aspect-ratio:16/9}.clip-thumb img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.clip-thumb .thumb-grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0,transparent 38%)}.clip-thumb .thumb-top{top:var(--space-2);align-items:flex-start}.clip-thumb .thumb-bottom,.clip-thumb .thumb-top{position:absolute;left:var(--space-2);right:var(--space-2);display:flex;justify-content:space-between}.clip-thumb .thumb-bottom{bottom:var(--space-2);align-items:flex-end}.clip-dur{padding:2px 6px}.clip-dur,.rank-chip{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--fg-0);background:rgba(0,0,0,.65);border-radius:var(--radius-xs)}.rank-chip{font-weight:var(--weight-semibold);padding:3px 7px}.clip-body{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3)}.clip-title{font-size:var(--text-small);font-weight:var(--weight-medium)}.clip-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-caption);color:var(--fg-2)}.clip-views,.src-line{font-family:var(--font-mono);font-feature-settings:"tnum";font-size:var(--text-micro);color:var(--fg-3)}.proj-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.proj-thumb{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border-1);display:grid;place-items:center;color:var(--pf-youtube);flex:none}.proj-thumb .od-icon{--od-icon-size:24px}.proj-meta{min-width:0}.proj-meta h1{margin:0;font-size:var(--text-heading);font-weight:var(--weight-semibold)}.proj-meta .sub{display:flex;align-items:center;gap:var(--space-3);margin-top:2px;font-size:var(--text-caption);color:var(--fg-2);flex-wrap:wrap}.proj-actions{margin-left:auto;display:flex;gap:var(--space-2);flex-wrap:wrap}.project-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-1)}.project-row:last-child{border-bottom:none}.project-row a{font-weight:var(--weight-medium);font-size:var(--text-small)}.project-thumb{flex:none;width:96px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-2);display:block}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-row>div:first-of-type{flex:1 1;min-width:0}.clip-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-1)}.clip-row:last-child{border-bottom:none}table{width:100%;border-collapse:collapse;font-size:var(--text-small)}th{text-align:left;font-weight:var(--weight-medium);color:var(--fg-2);font-size:var(--text-caption);border-bottom:1px solid var(--border-2);white-space:nowrap}td,th{padding:var(--space-2) var(--space-3) var(--space-2) 0}td{border-bottom:1px solid var(--border-1);vertical-align:middle}tr:last-child td{border-bottom:none}.avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-muted);color:var(--accent-400);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-caption);font-weight:var(--weight-semibold);flex:none}.stages{list-style:none;margin:0;padding:0}.stages li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-1);font-size:var(--text-small)}.stages li:last-child{border-bottom:none}.dot{width:12px;height:12px;border-radius:50%;background:var(--border-2);flex:none}.dot.done{background:var(--success-500)}.dot.running{background:var(--accent-500);animation:pulse 1.2s ease-in-out infinite}.dot.failed{background:var(--danger-500)}@keyframes pulse{50%{opacity:.35}}.grid2{grid-template-columns:1fr 1fr;grid-gap:var(--space-4)}.grid2,.grid3{display:grid;gap:var(--space-4)}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4)}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.range-row{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-2)}.range-row>span:last-child{font-family:var(--font-mono);font-size:var(--text-caption)}input[type=range]{width:100%;accent-color:var(--accent-500)}.quote-lines{margin:var(--space-2) 0;padding:0;list-style:none;font-size:var(--text-small);color:var(--fg-2)}.quote-lines li{display:flex;justify-content:space-between;padding:var(--space-1) 0}.quote-lines li span:last-child{font-family:var(--font-mono);font-feature-settings:"tnum"}.quote-total{display:flex;justify-content:space-between;font-size:var(--text-heading);font-weight:var(--weight-bold);border-top:1px solid var(--border-1);padding-top:var(--space-3);margin-top:var(--space-3)}.survey{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.skeleton{display:inline-block;height:1em;width:100%;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:skel-shine 1.2s ease-in-out infinite}@keyframes skel-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-host{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-2);color:var(--fg-0);font-size:var(--text-small);box-shadow:var(--shadow-2)}.toast.toast-err{border-color:var(--danger-500)}.social-connect{margin:var(--space-3) 0}.title-input{background:transparent;border:none;border-bottom:1px dashed var(--border-3);color:var(--fg-0);font-family:inherit}.title-input:focus{outline:none;border-bottom-color:var(--accent-500)}.hero{display:grid;grid-gap:var(--space-10);gap:var(--space-10);max-width:var(--page-max);margin:0 auto;padding:var(--space-20) var(--space-8) var(--space-16);text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 auto;padding:5px var(--space-3);border:1px solid var(--accent-line);border-radius:var(--radius-full);font-size:var(--text-caption);color:var(--accent-400);background:var(--accent-muted)}.hero-eyebrow .od-icon{--od-icon-size:12px}.hero h1{margin:0;font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:-.035em;line-height:1.15}.hero h1 em{font-style:normal;color:var(--accent-400)}.hero .hero-sub{margin:0 auto;max-width:560px;font-size:var(--text-heading);color:var(--fg-1);line-height:1.55}.hero-form{display:flex;gap:var(--space-2);max-width:620px;margin:0 auto;width:100%;padding:6px;background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--radius-lg)}.hero-form:focus-within{border-color:var(--accent-500)}.hero-form .link-ic{display:flex;align-items:center;padding-left:var(--space-3);color:var(--fg-3)}.hero-form .link-ic .od-icon{--od-icon-size:16px}.hero-form input{flex:1 1;min-width:0;border:none;background:transparent;color:var(--fg-0);font-size:var(--text-body);font-family:inherit;height:44px}.hero-form input:focus{outline:none}.hero-form input::placeholder{color:var(--fg-3)}.hero-note{font-size:var(--text-caption);color:var(--fg-3)}.hero-drop-wrap{display:grid;grid-gap:var(--space-3);gap:var(--space-3);max-width:620px;width:100%;margin:0 auto}.hero-or{font-size:var(--text-micro);letter-spacing:var(--tracking-caps);color:var(--fg-3)}.dropzone{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-1);border:1px dashed var(--border-3);border-radius:var(--radius-lg);color:var(--fg-1);font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.dropzone.is-over,.dropzone:hover{border-color:var(--accent-500);background:var(--accent-muted)}.dropzone:disabled{opacity:.7;cursor:progress}.dropzone-ic{display:flex;color:var(--fg-2)}.dropzone-ic .od-icon{--od-icon-size:20px}.dropzone-text{display:grid;grid-gap:2px;gap:2px;font-size:var(--text-caption);color:var(--fg-3)}.dropzone-text strong{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--fg-0)}.hero-tools{display:grid;grid-gap:var(--space-4);gap:var(--space-4);justify-items:center;margin-top:var(--space-4)}.hero-tools-title{font-size:var(--text-micro);letter-spacing:var(--tracking-caps);color:var(--fg-3);font-weight:var(--weight-semibold)}.tool-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4);width:100%;max-width:720px}.tool-tile{display:grid;justify-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--fg-1);text-decoration:none}.tool-tile:hover{color:var(--fg-0)}.tool-tile-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--bg-2);border:1px solid var(--border-1);color:var(--accent-400);transition:border-color var(--dur-fast),background var(--dur-fast)}.tool-tile:hover .tool-tile-ic{border-color:var(--accent-line);background:var(--accent-muted)}.tool-tile-ic .od-icon{--od-icon-size:22px}.guide-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;font:inherit;font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--info-500);cursor:pointer}.guide-btn:hover{color:var(--fg-0)}.guide-btn .od-icon{--od-icon-size:14px}.tour-root{position:fixed;inset:0;z-index:900}.tour-dim{position:absolute;inset:0;background:rgba(0,0,0,.6)}.tour-spot{position:absolute;border-radius:var(--radius-md);border:2px solid var(--accent-500);box-shadow:0 0 0 9999px rgba(0,0,0,.6);pointer-events:none}.tour-pop{position:absolute;padding:var(--space-4) var(--space-5) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);text-align:left}.tour-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.tour-badge{font-size:var(--text-micro);letter-spacing:var(--tracking-caps);color:var(--accent-400);background:var(--accent-muted);padding:2px var(--space-2);border-radius:var(--radius-xs)}.tour-badge,.tour-pop h3{font-weight:var(--weight-semibold)}.tour-pop h3{margin:0 0 var(--space-2);font-size:var(--text-heading)}.tour-pop p{margin:0 0 var(--space-4);font-size:var(--text-small);color:var(--fg-1);line-height:1.5}.tour-actions{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:inline-flex;gap:var(--space-2)}.export-more{position:relative}.export-more>summary{list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.export-more>summary::-webkit-details-marker{display:none}.export-more[open]>summary{border-color:var(--accent-500);color:var(--accent-500)}.export-more-body{position:absolute;top:calc(100% + 6px);left:0;z-index:40;flex-wrap:wrap;align-items:center;min-width:340px;max-width:520px;padding:var(--space-3);background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.export-more-body,.paste-row{display:flex;gap:var(--space-2)}.paste-row{max-width:560px;margin:0 auto}.paste-row input{flex:1 1}.mock-wrap{max-width:960px;margin:0 auto;width:100%;border:1px solid var(--border-1);border-radius:var(--radius-xl);background:var(--bg-1);overflow:hidden;text-align:left;box-shadow:var(--shadow-3)}.mock-bar{display:flex;align-items:center;gap:var(--space-2);height:36px;padding-inline:var(--space-3);border-bottom:1px solid var(--border-1);background:var(--bg-2)}.mock-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--border-3)}.mock-title{margin-inline:auto;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--fg-3)}.mock-body{display:grid;grid-template-columns:180px 1fr 200px;min-height:300px}.mock-col{padding:var(--space-3);display:grid;grid-gap:var(--space-2);gap:var(--space-2);align-content:start}.mock-col+.mock-col{border-left:1px solid var(--border-1)}.mock-line{height:10px;border-radius:var(--radius-full);background:var(--bg-3)}.mock-line.hl{background:var(--accent-muted)}.mock-center{display:grid;place-items:center}.mock-phone{width:128px;aspect-ratio:9/16;border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--border-2);display:grid;place-items:center;position:relative}.mock-phone .play{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent-500);color:var(--fg-on-accent);display:grid;place-items:center}.mock-phone .play .od-icon{--od-icon-size:16px}.mock-cap{position:absolute;bottom:18px;left:12px;right:12px;font-size:9px;font-weight:var(--weight-bold);text-align:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.mock-track{height:44px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border-1);position:relative;overflow:hidden}.mock-track .seg-a{position:absolute;left:20%;width:32%;top:8px;bottom:8px;border-radius:var(--radius-xs);background:var(--accent-muted);border:1px solid var(--accent-line)}.mock-track .seg-b{position:absolute;left:62%;width:20%;top:8px;bottom:8px;border-radius:var(--radius-xs);background:var(--bg-3)}.mock-swatch{height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--bg-2)}.section{max-width:var(--page-max);margin:0 auto;padding:var(--space-16) var(--space-8)}.section-head{max-width:640px;margin-bottom:var(--space-10)}.kicker{font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);color:var(--accent-400);text-transform:uppercase;margin-bottom:var(--space-3)}.section-head h2{margin:0 0 var(--space-3);font-size:var(--text-title-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.section-head p{margin:0;color:var(--fg-1);font-size:var(--text-body)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.step{padding:var(--space-6)}.step-num{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--accent-400);margin-bottom:var(--space-4)}.step h3,.step-num{font-weight:var(--weight-semibold)}.step h3{margin:0 0 var(--space-2);font-size:var(--text-heading)}.step p{margin:0;font-size:var(--text-small);color:var(--fg-2)}.step .step-ic{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent-400);display:grid;place-items:center;margin-bottom:var(--space-4)}.step .step-ic .od-icon{--od-icon-size:18px}.score-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-10);gap:var(--space-10);align-items:center}.score-table{border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden;padding:0}.score-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);font-size:var(--text-small)}.score-row:last-child{border-bottom:none}.score-row .bar{height:6px;border-radius:var(--radius-full);background:var(--bg-3);position:relative}.score-row .bar i{position:absolute;inset:0 auto 0 0;border-radius:inherit}.score-factors{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.factor{display:flex;gap:var(--space-3);align-items:flex-start}.factor .od-icon{--od-icon-size:16px;color:var(--accent-400);margin-top:3px}.factor b{display:block;font-size:var(--text-small);font-weight:var(--weight-semibold)}.factor span{font-size:var(--text-caption);color:var(--fg-2)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.feature{padding:var(--space-5)}.feature .f-ic{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-3);color:var(--fg-1);display:grid;place-items:center;margin-bottom:var(--space-4)}.feature .f-ic .od-icon{--od-icon-size:16px}.feature h3{margin:0 0 var(--space-1);font-size:var(--text-body);font-weight:var(--weight-semibold)}.feature p{margin:0;font-size:var(--text-small);color:var(--fg-2)}.cta-band{max-width:var(--page-max);margin:0 auto var(--space-16);padding:var(--space-16) var(--space-8);text-align:center;border:1px solid var(--border-1);border-radius:var(--radius-xl);background:var(--bg-1)}.cta-band h2{margin:0 0 var(--space-3);font-size:var(--text-title-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.cta-band p{margin:0 0 var(--space-6);color:var(--fg-1)}.cta-band .btn-row{justify-content:center}.site-foot{border-top:1px solid var(--border-1);padding:var(--space-8);max-width:var(--page-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:var(--text-caption);color:var(--fg-3)}.site-foot nav{display:flex;gap:var(--space-5)}.site-foot a{color:var(--fg-2)}.site-foot a:hover{color:var(--fg-0)}.editor-grid{flex:1 1;min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr) 300px;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.pane{min-height:0;display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);flex:none;border-bottom:1px solid var(--border-1)}.pane-head h2{margin:0;font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);color:var(--fg-2);text-transform:uppercase}.pane-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-3)}.pane-foot{flex:none;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-1);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.tr-line{display:grid;grid-template-columns:52px 1fr;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast)}.tr-line:hover{background:var(--bg-2)}.tr-line.is-sel{background:var(--accent-muted)}.tr-line .tc{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--fg-3);padding-top:2px;font-feature-settings:"tnum"}.tr-line.is-sel .tc{color:var(--accent-400)}.tr-line p{margin:0;font-size:var(--text-small);color:var(--fg-1);line-height:1.55}.tr-line.is-sel p{color:var(--fg-0)}.tr-line.is-cut p{color:var(--fg-3);text-decoration:line-through;-webkit-text-decoration-color:var(--danger-400);text-decoration-color:var(--danger-400)}.tr-sep{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0;padding-inline:var(--space-2);font-size:var(--text-micro);color:var(--fg-3)}.tr-sep:after,.tr-sep:before{content:"";flex:1 1;border-top:1px dashed var(--border-2)}.stage{display:flex;flex-direction:column;min-height:0}.stage-view{flex:1 1;min-height:0;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(circle at 50% 0,rgba(163,230,53,.04),transparent 55%),var(--bg-0);border-radius:var(--radius-lg)}.transport{flex:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-1)}.transport .tc-label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-2);font-feature-settings:"tnum"}.transport .tc-label b{color:var(--fg-0);font-weight:var(--weight-medium)}.timeline{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--bg-1);padding:var(--space-3) var(--space-4) var(--space-4);margin-bottom:var(--space-4)}.tl-ruler{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--fg-3);margin-bottom:6px;font-feature-settings:"tnum"}.tl-track{position:relative;height:64px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border-1);overflow:hidden}.tl-clip{position:absolute;top:6px;bottom:6px;border-radius:var(--radius-xs);background:var(--accent-muted);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center}.tl-clip span{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--accent-400);font-weight:var(--weight-semibold)}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--fg-0)}.tl-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--fg-0)}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.tpl{aspect-ratio:9/10;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--bg-2);display:grid;place-items:center;cursor:pointer;padding:var(--space-2);transition:border-color var(--dur-fast)}.tpl:hover{border-color:var(--border-3)}.tpl.is-on{border-color:var(--accent-500);background:var(--accent-muted)}.panel-section{padding:var(--space-4);border-bottom:1px solid var(--border-1);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.panel-section h3{margin:0;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--fg-1)}.export-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-small);color:var(--fg-1)}.export-row .val{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-2)}.sched-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.week-card{overflow:hidden;padding:0}.week-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-1);flex-wrap:wrap}.week-title{font-size:var(--text-body);font-weight:var(--weight-semibold)}.week-title .mono{color:var(--fg-2);font-weight:var(--weight-medium);margin-left:var(--space-2)}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-day{border-right:1px solid var(--border-1);min-height:320px;display:flex;flex-direction:column}.cal-day:last-child{border-right:none}.cal-day-head{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--border-1);display:grid;grid-gap:0;gap:0}.cal-day-head .dow{font-size:var(--text-micro);color:var(--fg-3);letter-spacing:var(--tracking-caps);font-weight:var(--weight-medium)}.cal-day-head .dom{font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--fg-1)}.cal-day.is-today .dom{color:var(--accent-400)}.cal-day.is-today .dow:after{content:"·";margin-left:4px;color:var(--accent-400)}.cal-day.is-off{background:rgba(255,255,255,.012)}.cal-slots{grid-gap:var(--space-2);gap:var(--space-2);align-content:start;flex:1 1}.cal-clip,.cal-slots{display:grid;padding:var(--space-2)}.cal-clip{grid-gap:4px;gap:4px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border-1);border-left:2px solid var(--accent-500);text-decoration:none;color:var(--fg-0);transition:border-color var(--dur-fast),background var(--dur-fast)}.cal-clip:hover{border-color:var(--border-3);border-left-color:var(--accent-400);background:var(--bg-3)}.cal-clip .t{font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cal-clip .meta{display:flex;align-items:center;justify-content:space-between}.cal-clip .time{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--fg-3)}.cal-clip.pf-yt{border-left-color:var(--pf-youtube)}.cal-clip.pf-tt{border-left-color:var(--pf-tiktok)}.cal-clip.pf-rl{border-left-color:var(--pf-reels)}.cal-clip.is-posted{opacity:.55}.cal-hint{margin:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-2);border-radius:var(--radius-sm);font-size:var(--text-micro);color:var(--fg-3);display:flex;align-items:center;gap:6px}.cal-hint .od-icon{--od-icon-size:11px;color:var(--accent-600)}.rail-stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.rail-card{padding:var(--space-4);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.rail-card h3{margin:0;font-size:var(--text-small);font-weight:var(--weight-semibold)}.queue-item{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2);border-radius:var(--radius-sm)}.queue-item:hover{background:var(--bg-2)}.queue-thumb{width:38px;aspect-ratio:9/16;border-radius:var(--radius-xs);object-fit:cover;flex:none;background:var(--bg-3)}.queue-meta{min-width:0;flex:1 1}.queue-meta .qt{font-size:var(--text-caption);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-meta .qm{font-size:var(--text-micro);color:var(--fg-3);gap:var(--space-2)}.best-time,.queue-meta .qm{display:flex;align-items:center}.best-time{justify-content:space-between;font-size:var(--text-small)}.best-time .slot{font-family:var(--font-mono);color:var(--accent-400)}.best-time .slot,.legend{font-size:var(--text-caption)}.legend{display:flex;gap:var(--space-4);align-items:center;color:var(--fg-2)}.progress-track{height:6px;border-radius:var(--radius-full);background:var(--bg-2);overflow:hidden}.progress-fill{height:100%;background:var(--accent-500);border-radius:inherit}@media (max-width:1024px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.app-top{display:flex}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:minmax(0,1fr)}.sched-layout{grid-template-columns:1fr}.mock-body{grid-template-columns:160px 1fr}.mock-col:last-child{display:none}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.score-split{grid-template-columns:1fr}}@media (max-width:768px){.grid2,.grid3,.grid4,.steps{grid-template-columns:minmax(0,1fr)}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{flex-direction:column;align-items:flex-start}.nav-links{display:none}.hero{padding:var(--space-16) var(--space-5) var(--space-12)}.hero h1{font-size:34px}.section{padding:var(--space-12) var(--space-5)}.tool-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-form{flex-direction:column}.hero-form input{height:40px}.site-foot{flex-direction:column;gap:var(--space-4)}.cal-grid{grid-template-columns:repeat(7,minmax(120px,1fr))}.week-card{overflow-x:auto}.editor-grid,div[style*="grid-template-columns: minmax(0, 1fr) 280px"]{grid-template-columns:minmax(0,1fr)!important}.schedule-month,.schedule-week{overflow-x:auto}}