:root{--nav-offset:73px;--bg:#121211;--bg-elevated:#171717;--ink:#f2efe9;--muted:#ada6a0;--muted-2:#7a746f;--line:#2f2a26;--line-strong:#403934;--panel:#1a1a1a;--panel-2:#20201f;--panel-3:#272625;--accent:#f3eee7;--green:#8fd7a7;--cyan:#7dd3fc;--yellow:#e4c56f;--red:#ff8a7a;--shadow:0 20px 60px #0000003d}*{box-sizing:border-box}html,body{background-color:var(--bg);min-height:100%}nextjs-portal{display:none}body{background:radial-gradient(circle at top, #ffffff0a, transparent 28rem), linear-gradient(180deg, #191817 0%, var(--bg) 34%, #111110 100%);color:var(--ink);margin:0;font-family:Avenir Next,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:68px;line-height:1.02}h2{letter-spacing:0}.dark-home{height:calc(100dvh - var(--nav-offset));min-height:calc(100dvh - var(--nav-offset));background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),radial-gradient(circle at top,#ffffff0d,#0000 26rem),linear-gradient(#1b1a19 0%,#131313 40%,#111 100%);background-position:50% 0;background-repeat:repeat,repeat,repeat,repeat;background-size:280px 160px,280px 160px,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;overflow:hidden}.page{width:min(1240px,100% - 32px);margin:0 auto;padding:30px 0 56px}.narrow-page{width:min(920px,100% - 32px)}.site-nav-shell{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141413b8;border-bottom:1px solid #403934b8;position:fixed;inset:0 0 auto}.site-nav-spacer{height:var(--nav-offset)}.site-banner{z-index:39;inset:var(--nav-offset) 0 auto 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1a1918eb;position:fixed}.site-banner-spacer{height:40px}.site-banner.warning{background:#402913eb}.site-banner.maintenance{background:#20232df0}.site-banner-inner{width:min(1240px,100% - 32px);min-height:40px;color:var(--accent);align-items:center;gap:8px;margin:0 auto;font-size:13px;font-weight:800;display:flex}.site-nav{justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 32px);margin:0 auto;padding:18px 0;display:flex}.brand-link{color:var(--accent);align-items:center;gap:10px;font-size:18px;font-weight:900;display:inline-flex}.nav-links,.hero-actions,.auth-actions,.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-links{color:var(--muted);font-size:14px;font-weight:800}.nav-links a{border-radius:8px;align-items:center;min-height:36px;padding:0 10px;transition:background-color .16s,color .16s;display:inline-flex}.nav-links a:hover,.nav-links a.active{color:var(--accent);background:#ffffff0d}.nav-action{border:1px solid var(--line-strong);background:var(--accent);color:#171614}.landing-hero{text-align:center;grid-template-columns:minmax(0,1fr);place-items:center;gap:26px;width:min(1240px,100% - 32px);height:100%;min-height:100%;margin:0 auto;padding:66px 0 88px;display:grid}body.home-landing{overflow:hidden}.landing-copy{justify-items:center;display:grid}.landing-copy p{max-width:680px;color:var(--muted);margin-top:1rem;font-size:20px;line-height:1.75}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.button{border:1px solid var(--accent);background:var(--accent);color:#181614;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:900;display:inline-flex}.button.secondary{border-color:var(--line-strong);color:var(--accent);background:#ffffff08}.button.ghost{color:var(--muted);background:0 0;border-color:#0000}.hero-actions{justify-content:center}.icon-button{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--accent);background:#ffffff0a;border-radius:8px;flex:none;place-items:center;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-grid}.install-console{border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);background:#1a1a19eb;border-radius:8px;padding:10px;display:grid}.command-card{border:1px solid var(--line-strong);text-align:center;background:#1b1a19;border-radius:8px;grid-template-columns:1fr;place-items:center;gap:16px;min-width:0;padding:20px;display:grid}.command-card.featured{background:linear-gradient(#23211f,#181716);border-color:#383838}.command-card div{justify-items:center;min-width:0;display:grid}.command-card span,.console-foot{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.command-card h2{margin:5px 0 0;font-size:20px}.command-card code,.command-banner code{color:#efeae3;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;display:block;overflow-x:auto}.command-card code::-webkit-scrollbar{display:none}.command-banner code::-webkit-scrollbar{display:none}.copy-command code::-webkit-scrollbar{display:none}.command-banner div::-webkit-scrollbar{display:none}.copy-command{border:1px solid var(--line);background:#0000002e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.copy-command code{text-align:left;padding:0 8px}.copy-command-button{border:1px solid var(--accent);background:var(--accent);color:#171513;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:900;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex}.copy-command-button.is-copied,.copy-feedback.is-copied{color:#d9ffe4;background:#8fd7a729;border-color:#8fd7a7e6;animation:.52s copyPulse;box-shadow:0 0 0 4px #8fd7a71f}.copy-command-button.is-copied{color:#effff3;background:linear-gradient(#8fd7a738,#8fd7a71f)}.copy-feedback.is-copied{transform:translateY(-1px)scale(1.04)}@keyframes copyPulse{0%{transform:scale(.96);box-shadow:0 0 #8fd7a747}60%{transform:scale(1.04);box-shadow:0 0 0 8px #8fd7a71f}to{transform:scale(1);box-shadow:0 0 0 4px #8fd7a71f}}.feature-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1240px,100% - 32px);margin:0 auto 64px;display:grid}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.product-panel,.metric,.panel,.chart-panel,.table-panel,.feature-card,.auth-panel,.settings-row{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.feature-card{padding:20px}.feature-card svg{color:var(--accent)}.feature-card h2{margin:16px 0 8px;font-size:20px}.feature-card p{color:var(--muted);overflow-wrap:anywhere;margin-bottom:0;line-height:1.65}.auth-shell{place-items:center;min-height:calc(100vh - 80px);display:grid}.auth-panel{width:min(480px,100%);padding:26px}.auth-panel h1{margin-bottom:10px;font-size:40px;font-weight:900}.auth-panel p,.section-heading p{color:var(--muted);margin-top:1rem;font-size:20px;line-height:1.65}.auth-form{gap:12px;margin-top:22px;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.input{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--accent);background:#00000029;border-radius:8px;padding:0 12px}.error,.notice{border-radius:8px;padding:11px 12px;font-size:13px;font-weight:800}.error{color:var(--red);background:#ff8a7a1a}.notice{color:var(--accent);background:#ffffff0a}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand h1{font-size:46px}.mark{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--accent);background:#ffffff08;border-radius:8px;place-items:center;display:grid}.userbar{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.userbar a{align-items:center;gap:6px;font-weight:800;display:inline-flex}.dashboard-topbar{border-bottom:1px solid var(--line);padding-bottom:18px}.dashboard-hero{border:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), #1a1918;background-size:120px 72px;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-bottom:14px;padding:24px;display:grid}.dashboard-hero h2{margin-bottom:8px;font-size:34px}.dashboard-hero p{color:var(--muted);margin-bottom:0}.hero-signal{border:1px solid var(--line-strong);min-height:38px;color:var(--accent);white-space:nowrap;background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.command-banner{border:1px solid var(--line);color:#fff;background:#1a1918;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:grid}.command-banner div{scrollbar-width:none;-ms-overflow-style:none;min-width:0;overflow-x:auto}.command-stack{gap:12px;display:grid}.command-group{gap:6px;display:grid}.command-actions{gap:8px;display:grid}.command-banner .eyebrow{color:var(--muted);margin-bottom:4px}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metric{min-height:118px;padding:18px}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.metric strong{overflow-wrap:anywhere;margin-top:16px;font-size:32px;line-height:1;display:block}.metric-value{font-size:32px}.metric-value-compact{font-size:28px}.metric-value-dense{font-size:24px}.metric small{color:var(--muted-2);margin-top:8px;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:14px;margin-bottom:14px;display:grid}.table-grid{display:grid}.panel,.chart-panel{padding:20px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-header h2{align-items:center;gap:8px;margin:0;font-size:20px;display:inline-flex}.table-title{border-bottom:1px solid var(--line);margin:0;padding:16px 18px}.live{color:var(--green);align-items:center;gap:6px;font-size:13px;font-weight:900;display:inline-flex}.token-chart{gap:14px;min-height:330px;display:grid}.chart-row{grid-template-columns:minmax(130px,.32fr) minmax(160px,1fr) minmax(92px,auto);align-items:center;gap:12px;display:grid}.chart-label{min-width:0}.chart-label strong,.rank-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:900;display:block;overflow:hidden}.chart-label span,.rank-meta{color:var(--muted-2);margin-top:4px;font-size:12px;display:block}.chart-track{border:1px solid var(--line);background:#0000002e;border-radius:8px;height:34px;position:relative;overflow:hidden}.chart-track:before{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 58px,#ffffff0f 59px,#0000 60px);position:absolute;inset:0}.chart-fill{background:linear-gradient(90deg, #f5f5f5, var(--cyan));border-radius:7px;height:100%;transition:width .38s;position:relative}.chart-value{color:var(--accent);text-align:right;gap:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:900;display:grid}.chart-value span{color:var(--cyan);font-size:12px}.rank-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rank-item{border:1px solid var(--line);background:#0000002e;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.rank-value{color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:900}.table-panel{overflow:hidden}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 14px}th{color:var(--muted);text-transform:uppercase;background:#ffffff06;font-size:12px;font-weight:900}td{color:#ded7cf;font-size:14px}.mono{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.agent-pill{border:1px solid var(--line-strong);min-height:24px;color:var(--muted);text-transform:uppercase;background:#00000029;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.agent-pill.codex{color:var(--cyan);border-color:#7dd3fc73}.agent-pill.claude{color:var(--yellow);border-color:#e4c56f8c}.empty{color:var(--muted);text-align:center;padding:28px}.section-heading{margin:34px 0 22px}.section-heading h1{font-size:52px}.settings-list{gap:12px;display:grid}.settings-forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.settings-panel h2{margin-bottom:12px;font-size:24px}.settings-row{grid-template-columns:26px 1fr;align-items:flex-start;gap:14px;padding:18px;display:grid}.settings-row svg{color:var(--accent)}.settings-row h2{margin-bottom:4px;font-size:18px}.settings-row p{color:var(--muted);margin-bottom:0}.page-actions{margin-top:18px}@media (max-width:980px){h1{font-size:52px}.landing-hero,.dashboard-grid,.dashboard-hero{grid-template-columns:1fr}.landing-hero{min-height:auto}.feature-grid,.contact-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}.userbar{flex-wrap:wrap;justify-content:space-between;width:100%}}@media (max-width:680px){:root{--nav-offset:118px}h1{font-size:42px}.brand h1,.section-heading h1{font-size:36px}.site-nav{flex-direction:column;align-items:flex-start;padding:14px 0}.landing-hero,.feature-grid,.contact-grid,.page,.site-nav{width:min(100% - 20px,1240px)}.feature-grid,.contact-grid,.summary-grid,.settings-forms,.chart-row,.copy-command{grid-template-columns:1fr}.copy-command-button{width:100%}.chart-value{text-align:left}th:nth-child(4),td:nth-child(4){display:none}}