:root{--bg: #0a0a0b;--bg-2: #101012;--surface: #161618;--surface-2: #1d1d1f;--ink: #f5f5f7;--text: #b3b3b8;--muted: #85858b;--faint: #98989d;--hairline: #29292c;--hairline-strong: #3a3a3d;--accent: #1fd05e;--accent-ink: #45e07e;--accent-soft: #10301c;--accent-glow: rgba(31, 208, 94, .3);--danger: #ef5350;--warn: #e2c04a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .4);--r-panel: 28px;--r-card: 18px;--r-tile: 14px;--r-chip: 11px;--r-input: 10px;--maxw: 1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.webapp h1,.webapp h2,.webapp h3,.webapp h4{color:var(--ink);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin:0}.webapp a{color:inherit;text-decoration:none}.webapp :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-ink)}.small{font-size:13px;color:var(--muted)}.tnum{font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;overflow:auto;background:var(--bg-2);border-right:1px solid var(--hairline);padding:20px 14px 16px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:9px;font-size:16.5px;font-weight:700;color:var(--ink);padding:4px 10px 18px}.side-brand .logo{width:20px;height:20px;border-radius:6px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center}.side-brand .logo svg{width:14px;height:14px}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--text);padding:9px 12px;border-radius:10px;transition:background .15s,color .15s}.side-nav a:hover{background:var(--surface);color:var(--ink)}.side-nav a.active{background:var(--surface-2);color:var(--ink);font-weight:700}.side-nav a.active:before{content:"";width:4px;height:16px;margin-left:-8px;border-radius:4px;background:var(--accent)}.side-foot{margin-top:auto;padding:14px 10px 4px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--hairline)}.side-foot .plan-bar{height:7px;border-radius:99px;background:var(--surface);border:1px solid var(--hairline);overflow:hidden;margin:8px 0}.side-foot .plan-bar>span{display:block;height:100%;background:var(--accent);border-radius:99px}.topbar{position:sticky;top:0;z-index:40;height:60px;display:flex;align-items:center;gap:14px;padding:0 24px;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid var(--hairline)}.topbar .page-title{font-size:15.5px;font-weight:700;color:var(--ink)}.topbar .spacer{flex:1}.main{min-width:0;display:flex;flex-direction:column}.view{padding:26px 28px 48px;max-width:var(--maxw);width:100%}.view-head{margin-bottom:22px}.view-head h1{font-size:26px;font-weight:700;letter-spacing:-.025em}.view-head p{margin:7px 0 0;color:var(--muted);font-size:14px;max-width:640px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:-.01em;padding:12px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#0b0b0c;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 26px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--hairline-strong)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--muted)}.btn-sm{padding:8px 16px;font-size:13.5px}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.badge.push,.badge.ok{background:var(--accent-soft);color:var(--accent-ink)}.badge.hold,.badge.neutral{background:var(--surface-2);color:var(--muted);border:1px solid var(--hairline)}.badge.warn{background:var(--surface-2);color:var(--warn);border:1px solid var(--hairline)}.badge.err{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-chip);background:var(--surface-2);border:1px solid var(--hairline);font-size:13px;font-weight:500;color:var(--text)}.chip .dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow)}.panel{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-tile);padding:18px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-sm)}.card.primary{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-tile);padding:16px}.kpi .k{font-size:12.5px;color:var(--muted);font-weight:500}.kpi .v{font-size:27px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin-top:8px;line-height:1}.kpi .d{font-size:12px;font-weight:700;margin-top:7px;color:var(--muted)}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.005em;margin-bottom:7px}.input,.select,textarea.input{width:100%;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-input);padding:11px 13px;transition:border-color .15s,background .15s}.input::placeholder{color:var(--muted);font-weight:400}.input:hover,.select:hover{border-color:var(--muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.alert{display:flex;gap:11px;padding:12px 14px;border-radius:11px;background:var(--surface);border:1px solid var(--hairline);font-size:13.5px;margin-bottom:16px}.alert .a-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none;background:var(--muted)}.alert.good .a-dot{background:var(--accent)}.alert.warn .a-dot{background:var(--warn)}.alert.bad{border-color:color-mix(in srgb,var(--danger) 32%,var(--hairline))}.alert.bad .a-dot{background:var(--danger)}.alert b{color:var(--ink)}.tbl-wrap{overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--r-tile);background:var(--surface-2)}table.tbl{border-collapse:collapse;width:100%;min-width:720px;font-size:13.5px}.tbl thead th{text-align:left;font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:13px 16px;border-bottom:1px solid var(--hairline);white-space:nowrap}.tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--hairline);color:var(--text);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface)}.tbl .pname{font-weight:700;color:var(--ink)}.tbl .psub{font-size:12px;color:var(--faint);font-weight:500}.thumb{width:42px;height:42px;border-radius:9px;object-fit:cover;background:var(--surface);border:1px solid var(--hairline)}.meter{width:96px;height:7px;border-radius:99px;background:var(--surface);overflow:hidden;border:1px solid var(--hairline);display:inline-block;vertical-align:middle}.meter>span{display:block;height:100%;background:var(--accent);border-radius:99px}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.clip-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-tile);overflow:hidden;display:flex;flex-direction:column}.clip-card video{width:100%;aspect-ratio:9 / 16;object-fit:cover;background:#000;display:block}.clip-card .clip-meta{padding:12px 14px;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.clip-card .clip-title{font-weight:700;color:var(--ink);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pick{font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-tile);padding:16px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:border-color .18s,box-shadow .18s}.pick:hover{border-color:var(--hairline-strong)}.pick[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.pick:disabled{cursor:not-allowed;opacity:.55}.pick .pick-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.pick .pick-name{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.pick .pick-desc{display:block;font-size:13px;line-height:1.45;color:var(--muted)}.pick .pick-lock{font-size:12px;font-weight:700;color:var(--muted)}.disclose{font-family:inherit;font-size:13.5px;font-weight:700;color:var(--muted);background:none;border:0;padding:4px 0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .15s}.disclose:hover{color:var(--ink)}.disclose .chev{transition:transform .15s}.disclose[aria-expanded=true] .chev{transform:rotate(180deg)}.gen-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.gen-bar .field{flex:1 1 240px;margin-bottom:0}.tlink{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline-strong);transition:color .15s,text-decoration-color .15s}.tlink:hover{color:var(--accent-ink);text-decoration-color:var(--accent-ink)}.clip-hook{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-price{font-size:34px;font-weight:700;color:var(--ink);letter-spacing:-.03em}.plan-price .per{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}.plan-list{list-style:none;margin:14px 0 18px;padding:0;font-size:13.5px;display:flex;flex-direction:column;gap:7px}.plan-list li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:2px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.hr{border:none;border-top:1px solid var(--hairline);margin:18px 0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr)}.pane-form{display:flex;flex-direction:column;min-width:0;padding:26px clamp(20px,4.5vw,60px) 22px}.pane-form .auth-top{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);font-size:16.5px}.pane-form .auth-top .logo{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--accent);display:inline-block}.pane-form .auth-mid{flex:1;display:flex;align-items:center;justify-content:center}.authcard{width:100%;max-width:400px}.auth-h{font-size:27px;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1.15}.auth-sub{font-size:14.5px;color:var(--muted);margin:9px 0 26px;line-height:1.5}.pane-brand{position:relative;overflow:hidden;border-left:1px solid var(--hairline);background:var(--bg-2);display:flex;align-items:center;justify-content:center;padding:64px clamp(28px,5vw,76px)}.pane-brand .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85}.pane-brand .orb.a{width:420px;height:420px;background:#0f4426;top:-80px;right:-60px}.pane-brand .orb.b{width:360px;height:360px;background:#143a22;bottom:-100px;left:-80px}.pane-brand .brand-copy{position:relative;max-width:460px}.pane-brand .brand-copy h2{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.025em}.pane-brand .brand-copy p{color:var(--muted);font-size:15px;margin-top:14px}.code-input{font-size:28px;letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums;padding:14px 10px 14px 18px}.auth-foot{font-size:12.5px;color:var(--faint);display:flex;gap:14px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.pane-brand{display:none}.grid-3,.grid-4,.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--hairline);padding:10px 14px}.side-brand{padding:0 8px 0 0}.side-nav{flex-direction:row}.side-nav a.active:before{display:none}.side-foot{display:none}}@media(max-width:640px){.grid-2,.grid-3,.grid-4,.pick-grid{grid-template-columns:1fr}.view{padding:18px 16px 40px}}.pane-form .auth-top .logo svg{width:14px;height:14px}.disclosure{border:1px solid var(--hairline);border-radius:var(--r-card);background:var(--surface)}.disclosure>summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:14.5px;color:var(--ink);list-style:none;border-radius:var(--r-card);transition:background .18s}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:hover{background:var(--surface-2)}.disclosure>summary:after{content:"+";float:right;color:var(--muted);font-weight:700}.disclosure[open]>summary:after{content:"-"}.disclosure .disclosure-body{padding:4px 20px 20px}.onboard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 18px}.onboard-step{border:1px solid var(--hairline);border-radius:var(--r-tile);background:var(--surface-2);padding:14px;display:flex;flex-direction:column;gap:8px}.onboard-step .head{display:flex;align-items:center;gap:8px;color:var(--accent-ink)}.onboard-step .n{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}.onboard-step .t{color:var(--ink);font-weight:700;font-size:14px;letter-spacing:-.01em}.onboard-step .d{font-size:13px;color:var(--text);line-height:1.45}@media(max-width:900px){.onboard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.onboard-steps{grid-template-columns:1fr}}.auth-or{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--hairline)}.auth-alt{border:1px solid var(--hairline);border-radius:var(--r-card);padding:16px 18px;background:var(--surface)}.auth-alt h3{margin:0 0 10px;font-size:14px;color:var(--ink);letter-spacing:-.01em}.auth-alt p{margin:10px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}.auth-alt .soon{display:block;padding:10px 12px;border-radius:var(--r-input);border:1px dashed var(--hairline-strong);color:var(--faint);font-size:12.5px;line-height:1.5}