:root { --ink:#18221f; --muted:#68756f; --line:#d9e2dc; --paper:#f5f8f4; --accent:#d8ef65; --accent-dark:#284032; --white:#fff; }
.password-field { position:relative; display:block; } .password-field input { padding-right:64px; } .password-toggle { position:absolute; top:50%; right:8px; transform:translateY(-50%); border:0; background:transparent; color:var(--accent-dark); font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; }
.console-body { background:#f6f7f8; } .console { display:grid; grid-template-columns:244px minmax(0,1fr); min-height:100vh; } .console-sidebar { position:fixed; display:flex; flex-direction:column; width:244px; height:100vh; padding:24px 14px 16px; border-right:1px solid #e2e6e9; background:#fff; } .console-brand { display:flex; align-items:center; gap:10px; padding:0 9px; color:#151a21; font-size:.9rem; font-weight:700; line-height:1.08; text-decoration:none; } .console-brand .brand-mark { width:34px; height:34px; border-radius:8px; background:#17202a; color:#b8ef56; } .console-brand b { color:#7a858e; font-weight:600; } .console-nav { display:grid; gap:4px; margin-top:48px; } .console-nav p { margin:20px 9px 6px; color:#9aa4ad; font-size:.64rem; font-weight:800; letter-spacing:.12em; } .console-nav a { display:flex; align-items:center; gap:12px; min-height:40px; padding:0 10px; border-radius:6px; color:#69747e; font-size:.86rem; font-weight:700; text-decoration:none; } .console-nav a:hover,.console-nav a:first-of-type { background:#f1f5e7; color:#263526; } .console-nav a span { display:grid; width:19px; place-items:center; color:#9aaf61; font-size:1rem; } .account-chip { display:flex; align-items:center; gap:9px; margin-top:auto; padding:10px; border-top:1px solid #edf0f2; } .account-avatar { display:grid; width:31px; height:31px; place-items:center; border-radius:50%; background:#e3efb9; color:#385121; font-size:.8rem; font-weight:800; } .account-chip div { display:grid; flex:1; line-height:1.18; } .account-chip b { font-size:.77rem; } .account-chip small { color:#8a949c; font-size:.67rem; } .account-chip form { display:block; } .account-chip button { border:0; background:transparent; color:#8a949c; cursor:pointer; font-size:1rem; } .console-main { grid-column:2; width:min(1320px,100%); padding:48px clamp(30px,5vw,82px) 72px; } .console-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:34px; } .console-head h1 { margin:7px 0 6px; font-size:2.12rem; letter-spacing:-.035em; } .console-head p { margin:0; color:#7b8790; font-size:.93rem; } .console-kicker { color:#8ea353!important; font-size:.67rem!important; font-weight:800; letter-spacing:.13em; } .console-status,.model-pill { display:flex; align-items:center; gap:8px; margin-top:7px; padding:7px 10px; border:1px solid #dfe6d1; border-radius:99px; background:#fbfcf8; color:#647248; font-size:.75rem; font-weight:700; white-space:nowrap; } .console-status span,.model-pill span { width:7px; height:7px; border-radius:50%; background:#99c655; box-shadow:0 0 0 3px #e8f2d6; } .console-hero { position:relative; display:flex; align-items:flex-end; justify-content:space-between; min-height:284px; overflow:hidden; padding:35px 40px; border-radius:8px; background:#17202a; color:#fff; } .console-hero:after { position:absolute; inset:0; background:repeating-linear-gradient(115deg,transparent 0,transparent 42px,rgba(184,239,86,.055) 43px,transparent 45px); content:""; pointer-events:none; } .console-hero>div { position:relative; z-index:1; } .console-hero p,.generation-panel>p { margin:0 0 20px; color:#b8ef56; font-size:.65rem; font-weight:800; letter-spacing:.14em; } .console-hero h2 { margin:0 0 13px; font-size:2.35rem; line-height:1.1; letter-spacing:-.035em; } .console-hero span { color:#aeb8c2; font-size:.83rem; } .hero-signal { display:flex; align-items:flex-end; gap:7px; height:120px; padding:15px 12px 30px; } .hero-signal i { width:7px; border-radius:7px; background:#b8ef56; opacity:.82; } .hero-signal i:nth-child(1){height:26px}.hero-signal i:nth-child(2){height:52px}.hero-signal i:nth-child(3){height:36px}.hero-signal i:nth-child(4){height:88px}.hero-signal i:nth-child(5){height:67px}.hero-signal i:nth-child(6){height:109px}.hero-signal i:nth-child(7){height:58px}.hero-signal i:nth-child(8){height:79px}.hero-signal b { position:absolute; right:15px; bottom:2px; color:#b8ef56; font-size:.64rem; letter-spacing:.12em; } .metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:14px 0 52px; } .metrics article { display:grid; gap:5px; min-height:120px; padding:21px 24px; border:1px solid #e5e9ec; border-radius:7px; background:#fff; } .metrics span { color:#99a3ab; font-size:.64rem; font-weight:800; letter-spacing:.1em; } .metrics b { font-size:1.45rem; letter-spacing:-.02em; } .metrics small { color:#7e8991; font-size:.77rem; } .console-section-title { display:flex; align-items:end; justify-content:space-between; margin-bottom:16px; } .console-section-title p { margin:0 0 6px; color:#90a558; font-size:.65rem; font-weight:800; letter-spacing:.13em; } .console-section-title h2 { margin:0; font-size:1.45rem; letter-spacing:-.025em; } .console-section-title>span { color:#8c969e; font-size:.8rem; } .console-tools { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .console-tool { display:grid; grid-template-columns:46px 1fr auto; gap:16px; align-items:start; min-height:176px; padding:24px; border:1px solid #e3e8eb; border-radius:7px; background:#fff; text-decoration:none; transition:transform .16s ease,border-color .16s ease; } .console-tool:hover { transform:translateY(-2px); border-color:#bad37f; } .tool-icon { display:grid; width:44px; height:44px; place-items:center; border-radius:8px; background:#eef5dc; color:#67872d; font-size:1.25rem; } .image-tool .tool-icon { background:#e8f0f3; color:#4f7680; } .ozon-tool .tool-icon { background:#f5ead7; color:#a36f32; } .console-tool p { margin:3px 0 19px; color:#99a3ab; font-size:.64rem; font-weight:800; letter-spacing:.11em; } .console-tool h3 { margin:0 0 5px; font-size:1.12rem; } .console-tool small { color:#7d8890; font-size:.82rem; } .console-tool strong { color:#9aaa69; font-size:1.2rem; } .console-head.compact { margin-bottom:26px; } .chat-surface { display:grid; grid-template-columns:220px 1fr; min-height:575px; border:1px solid #e3e8eb; border-radius:8px; overflow:hidden; background:#fff; } .chat-history { padding:14px; border-right:1px solid #e7ebed; background:#fbfcfc; } .new-chat { width:100%; min-height:39px; border:1px solid #cbdba6; border-radius:5px; background:#eff6df; color:#506a20; font:inherit; font-size:.8rem; font-weight:800; cursor:pointer; } .chat-history p { margin:31px 8px 9px; color:#9aa4ad; font-size:.62rem; font-weight:800; letter-spacing:.11em; } .empty-history { padding:11px 8px; color:#9aa3aa; font-size:.76rem; } .chat-stage { display:flex; flex-direction:column; min-width:0; } .chat-empty { display:grid; place-content:center; flex:1; text-align:center; } .chat-empty>span { color:#9db766; font-size:2rem; } .chat-empty h2 { margin:14px 0 3px; font-size:1.2rem; } .chat-empty p { color:#909aa2; font-size:.85rem; } .prompt-box { display:flex; gap:10px; margin:16px; padding:10px; border:1px solid #e0e6e9; border-radius:7px; background:#fbfcfc; } .prompt-box textarea,.generation-panel textarea { min-height:70px; flex:1; resize:none; border:0; outline:0; background:transparent; color:#78838b; font:inherit; } .prompt-box button { display:grid; width:36px; height:36px; align-self:end; place-items:center; border:0; border-radius:6px; background:#e4ebd7; color:#91a068; font-size:1.1rem; } .image-studio { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:14px; } .image-canvas { position:relative; display:grid; min-height:580px; place-items:center; overflow:hidden; border:1px solid #e2e8eb; border-radius:8px; background:#fff; } .image-grid { position:absolute; inset:0; opacity:.46; background-image:linear-gradient(#eff2f3 1px,transparent 1px),linear-gradient(90deg,#eff2f3 1px,transparent 1px); background-size:32px 32px; } .image-placeholder { position:relative; z-index:1; text-align:center; } .image-placeholder span { color:#9ab265; font-size:2.25rem; } .image-placeholder h2 { margin:12px 0 4px; font-size:1.22rem; } .image-placeholder p { color:#909aa2; font-size:.85rem; } .generation-panel { padding:22px; border:1px solid #e2e8eb; border-radius:8px; background:#fff; } .generation-panel label { gap:8px; color:#5b6871; font-size:.78rem; } .generation-panel textarea { min-height:150px; padding:12px; border:1px solid #e0e6e8; border-radius:6px; } .generation-panel select { min-height:39px; padding:0 10px; border:1px solid #e0e6e8; border-radius:5px; background:#fbfcfc; color:#9aa3aa; font:inherit; } .generate-button { display:flex; justify-content:space-between; width:100%; min-height:43px; margin-top:10px; padding:0 13px; border:0; border-radius:5px; background:#dfeabd; color:#526b25; font:inherit; font-size:.82rem; font-weight:800; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.6; } a { color:inherit; } .shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; } .nav { display:flex; align-items:center; justify-content:space-between; padding-top:28px; } .brand { display:flex; align-items:center; gap:10px; font-weight:800; text-decoration:none; } .brand-mark { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:var(--ink); color:var(--accent); } .nav-links { display:flex; align-items:center; gap:26px; color:var(--muted); font-size:.82rem; font-weight:700; } .nav-links a { text-decoration:none; } .nav-cta { color:var(--accent-dark); text-decoration:underline!important; text-underline-offset:4px; } .hero { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:72px; align-items:end; min-height:640px; padding-top:120px; padding-bottom:100px; border-bottom:1px solid var(--line); } .eyebrow,.section-heading>span,.focus>article>span,.tool-label { color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.14em; } .eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 27px; } .status-dot { width:8px; height:8px; border-radius:50%; background:#83b33e; box-shadow:0 0 0 4px #e5f1c9; } h1,h2,p { margin-top:0; } h1 { max-width:750px; margin-bottom:25px; font-size:5.2rem; line-height:1.03; letter-spacing:-.045em; } h1 em { color:var(--accent-dark); font-style:normal; } .lead { max-width:530px; margin-bottom:34px; color:var(--muted); font-size:1.12rem; } .actions { display:flex; flex-wrap:wrap; gap:12px; } .button { display:inline-flex; align-items:center; gap:18px; min-height:48px; padding:0 18px; border:1px solid var(--accent-dark); border-radius:5px; color:var(--accent-dark); font:inherit; font-size:.9rem; font-weight:800; text-decoration:none; cursor:pointer; } .button-primary { background:var(--accent); } .button-quiet { border-color:var(--line); background:transparent; color:var(--muted); } .button:hover { transform:translateY(-2px); } .hero-note { display:flex; flex-direction:column; gap:16px; padding-left:22px; border-left:2px solid var(--accent); } .hero-note span { color:var(--muted); font-size:.72rem; font-weight:800; letter-spacing:.14em; } .hero-note strong { font-size:1.35rem; line-height:1.25; } .hero-note small,.muted { color:var(--muted); } .content { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-top:120px; padding-bottom:120px; } .section-heading h2 { margin-top:22px; font-size:2.5rem; line-height:1.12; letter-spacing:-.035em; } .about-copy { max-width:440px; padding-top:44px; color:var(--muted); font-size:1.05rem; } .about-copy p+p { margin-top:22px; } .focus { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .focus>article { min-height:250px; padding:30px 28px 28px 0; border-right:1px solid var(--line); } .focus>article+article { padding-left:28px; } .focus>article:last-child { border-right:0; } .focus h2 { margin:54px 0 8px; font-size:1.4rem; } .focus p { max-width:220px; color:var(--muted); } footer { display:flex; justify-content:space-between; padding-top:28px; padding-bottom:32px; color:var(--muted); font-size:.8rem; } footer span { color:var(--ink); } .auth { min-height:700px; display:grid; place-items:center; } .auth-box { width:min(100%,450px); padding:44px 0; } .auth-box h1,.workspace h1 { font-size:3.5rem; } form { display:grid; gap:18px; } label { display:grid; gap:7px; color:var(--muted); font-size:.85rem; font-weight:700; } input { width:100%; min-height:48px; padding:0 14px; border:1px solid var(--line); border-radius:5px; background:var(--white); color:var(--ink); font:inherit; } form .button { justify-content:space-between; margin-top:8px; } .form-note,.error { color:#9c5146; font-size:.85rem; } .workspace { min-height:700px; padding-top:110px; } .workspace-head { display:flex; align-items:end; justify-content:space-between; padding-bottom:55px; border-bottom:1px solid var(--line); } .workspace-head h1 { margin-bottom:12px; } .tool-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding-top:24px; } .tool-panel { min-height:260px; padding:28px; border:1px solid var(--line); border-radius:6px; background:var(--white); } .tool-panel h2 { margin-top:55px; margin-bottom:8px; } .tool-panel p { max-width:300px; color:var(--muted); } .tool-panel .button { margin-top:12px; }
.conversation-list { display:grid; gap:4px; }
.conversation-item { width:100%; overflow:hidden; padding:10px 8px; border:0; border-radius:5px; background:transparent; color:#68747d; font:inherit; font-size:.76rem; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.conversation-item:hover,.conversation-item.active { background:#eef4e1; color:#415a22; }
.message-list { display:flex; flex:1; flex-direction:column; gap:18px; min-height:0; overflow:auto; padding:28px 32px; }
.message { max-width:min(780px,90%); padding:13px 16px; border:1px solid #e4e9eb; border-radius:7px; background:#fbfcfc; }
.message-user { align-self:flex-end; border-color:#d8e5bb; background:#f0f6df; }
.message-role { display:block; margin-bottom:6px; color:#9aa4ab; font-size:.6rem; font-weight:800; letter-spacing:.12em; }
.message-content { white-space:pre-wrap; color:#344149; font-size:.9rem; line-height:1.65; }
.message-pending .message-content { color:#89959c; }
.message-error { border-color:#e2b7ad; background:#fff7f4; }
.chat-note { min-height:20px; margin:0 18px 12px; color:#8c969e; font-size:.72rem; }
.chat-note:after { content:attr(data-status); margin-left:12px; color:#98a67d; }
.chat-note select { border:0; background:transparent; color:#687b3e; font:inherit; font-weight:700; outline:0; cursor:pointer; }
.remember-option { display:flex; grid-template-columns:none; align-items:center; gap:8px; color:var(--muted); font-size:.8rem; font-weight:600; }
.remember-option input { width:16px; min-height:16px; margin:0; accent-color:#8eaa4b; }
@media (max-width:760px) { .shell { width:calc(100% - 32px); } .nav-links { gap:14px; } .nav-links>a:nth-child(2) { display:none; } .hero { display:block; min-height:0; padding-top:96px; padding-bottom:72px; } h1 { font-size:3.35rem; } .hero-note { margin-top:64px; } .content { display:block; padding-top:80px; padding-bottom:80px; } .about-copy { padding-top:12px; } .focus,.tool-grid { display:block; } .focus>article,.focus>article+article { min-height:0; padding:26px 0; border-right:0; border-bottom:1px solid var(--line); } .focus>article:last-child { border-bottom:0; } .focus h2 { margin-top:28px; } footer { display:block; } footer span { display:block; margin-top:8px; } .auth-box h1,.workspace h1 { font-size:2.8rem; } .workspace { padding-top:80px; } .workspace-head { display:block; } .workspace-head form { margin-top:28px; } }

.aihot { padding-top:120px; padding-bottom:120px; border-top:1px solid var(--line); }
.aihot .section-heading { margin-bottom:34px; }
.aihot .section-heading h2 { margin-top:22px; font-size:2.5rem; line-height:1.12; letter-spacing:-.035em; }
.aihot .section-heading .lead { margin-top:14px; margin-bottom:0; }
.aihot-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.aihot-list li { display:grid; grid-template-columns:44px minmax(0,1fr) 70px 130px; align-items:center; gap:16px; padding:13px 18px; border:1px solid var(--line); border-radius:6px; background:var(--white); }
.aihot-list li b { font-size:1.1rem; color:var(--accent-dark); }
.aihot-list li:nth-child(1) b, .aihot-list li:nth-child(2) b, .aihot-list li:nth-child(3) b { color:#b3402a; }
.aihot-list li div { min-width:0; }
.aihot-list li strong { display:block; font-size:.95rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aihot-list li small { color:var(--muted); font-size:.76rem; }
.aihot-list li span { text-align:right; font-weight:800; font-variant-numeric:tabular-nums; }
.aihot-list li em { font-style:normal; text-align:right; color:var(--muted); font-size:.8rem; font-variant-numeric:tabular-nums; }
.aihot-source { margin-top:26px; color:var(--muted); font-size:.8rem; }
.aihot-source a { color:var(--accent-dark); font-weight:700; }

/* Board tabs (AIHOT / Board-01) — editorial underline tabs */
.board-tabs { display:flex; gap:32px; margin-top:26px; border-bottom:1px solid var(--line); }
.board-tab { position:relative; border:0; background:transparent; padding:0 0 13px; color:var(--muted); font:inherit; font-size:.88rem; font-weight:800; letter-spacing:.02em; cursor:pointer; transition:color .15s ease; }
.board-tab i { font-style:normal; font-size:.7rem; letter-spacing:.12em; margin-right:8px; color:var(--muted); }
.board-tab::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--accent-dark); transform:scaleX(0); transition:transform .18s ease; }
.board-tab:hover { color:var(--accent-dark); }
.board-tab.is-active { color:var(--ink); }
.board-tab.is-active i { color:var(--accent-dark); }
.board-tab.is-active::after { transform:scaleX(1); }
.board-meta[hidden] { display:none; }

/* Panels: [hidden] must always win over .aihot-list display:grid */
.board-panel[hidden] { display:none !important; }



/* ---------- Theme system (light default, dark toggle like aihot.news) ---------- */
:root {
  --bg-0:#f5f8f4; --bg-1:#ffffff; --surface-card:#ffffff; --surface-zebra:#fbfcfa;
  --text-0:#18221f; --text-1:#68756f; --text-2:#8d988f;
  --border:#d9e2dc; --border-strong:#c3d0c8;
  --accent:#d8ef65; --accent-dark:#284032;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
:root[data-theme="dark"] {
  --bg-0:#10151c; --bg-1:#171d26; --surface-card:#171d26; --surface-zebra:rgba(255,255,255,.03);
  --text-0:#e8ebf2; --text-1:#98a2b3; --text-2:#7b869a;
  --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.14);
  --accent:#d8ef65; --accent-dark:#b8ef56;
  --shadow:0 4px 14px rgba(0,0,0,.4);
}
body, .board-table, .board-wrap { transition: background .2s ease, color .2s ease; }

/* theme toggle button (bottom-left, like aihot.news) */
/* Jump dock: back-to-top / to-bottom floating buttons */
.jump-dock { position: fixed; right: 26px; bottom: 30px; display: flex; flex-direction: column; gap: 10px; z-index: 60; }
.jump-dock button { width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 50%; background: var(--surface-card); color: var(--accent-dark); font-size: 1.05rem; font-weight: 800; cursor: pointer; box-shadow: 0 4px 14px rgba(24,34,31,.12); transition: transform .15s ease, opacity .2s ease; }
.jump-dock button:hover { transform: translateY(-2px); background: var(--accent); border-color: var(--accent-dark); }
.jump-dock #jump-top { opacity: 0; pointer-events: none; }

.theme-toggle { position: fixed; left: 22px; bottom: 26px; z-index: 60; width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 50%; background: var(--surface-card); color: var(--text-1); font-size: 1rem; cursor: pointer; box-shadow: 0 2px 10px rgba(24,34,31,.10); transition: transform .15s ease; }
.theme-toggle:hover { transform: translateY(-2px); color: var(--accent-dark); }
:root[data-theme="dark"] .theme-toggle { box-shadow: 0 2px 10px rgba(0,0,0,.5); }
html.theme-init, html.theme-init body { background: var(--bg-0); }

/* dark surfaces for the rest of the page */
:root[data-theme="dark"] body { background: var(--bg-0); color: var(--text-0); }
:root[data-theme="dark"] .nav, :root[data-theme="dark"] .hero, :root[data-theme="dark"] .focus, :root[data-theme="dark"] footer, :root[data-theme="dark"] .aihot { border-color: var(--border); }
:root[data-theme="dark"] .brand-mark { background: var(--accent-dark); color: #10151c; }
:root[data-theme="dark"] .hero-note, :root[data-theme="dark"] .lead, :root[data-theme="dark"] .eyebrow, :root[data-theme="dark"] .section-heading>span, :root[data-theme="dark"] .focus>article>span, :root[data-theme="dark"] footer, :root[data-theme="dark"] .muted, :root[data-theme="dark"] .aihot-source { color: var(--text-1); }
:root[data-theme="dark"] h1 em, :root[data-theme="dark"] .nav-cta, :root[data-theme="dark"] .button { color: var(--accent-dark); border-color: var(--accent-dark); }
:root[data-theme="dark"] .button-primary { background: var(--accent); color: #10151c; }
:root[data-theme="dark"] .status-dot { background: var(--accent-dark); box-shadow: 0 0 0 4px rgba(184,239,86,.15); }
:root[data-theme="dark"] input { background: #10151c; border-color: var(--border); color: var(--text-0); }
:root[data-theme="dark"] .jump-dock button { background: var(--surface-card); border-color: var(--border); color: var(--accent-dark); box-shadow: 0 4px 14px rgba(0,0,0,.4); }
:root[data-theme="dark"] .jump-dock button:hover { background: var(--accent-dark); color: #10151c; }


/* ---------- Dark mode: re-map legacy tokens + remaining hardcoded surfaces ---------- */
:root[data-theme="dark"] {
  --ink:#e8ebf2; --muted:#98a2b3; --line:rgba(255,255,255,.08); --paper:#10151c; --white:#171d26;
  color-scheme: dark;
}
:root[data-theme="dark"] body { background:var(--paper); color:var(--ink); }
:root[data-theme="dark"] .brand-mark { background:#b8ef56; color:#10151c; }
:root[data-theme="dark"] .console-brand .brand-mark { background:#b8ef56; color:#10151c; }
:root[data-theme="dark"] .console-body { background:#10151c; }
:root[data-theme="dark"] .console-sidebar { background:#171d26; border-right-color:rgba(255,255,255,.08); }
:root[data-theme="dark"] .console-brand { color:#e8ebf2; }
:root[data-theme="dark"] .console-brand b { color:#7b869a; }
:root[data-theme="dark"] .console-nav p { color:#7b869a; }
:root[data-theme="dark"] .console-nav a { color:#98a2b3; }
:root[data-theme="dark"] .console-nav a:hover, :root[data-theme="dark"] .console-nav a:first-of-type { background:rgba(184,239,86,.08); color:#e8ebf2; }
:root[data-theme="dark"] .console-nav a span { color:#b8ef56; }
:root[data-theme="dark"] .account-chip { border-top-color:rgba(255,255,255,.08); }
:root[data-theme="dark"] .account-chip small, :root[data-theme="dark"] .account-chip button { color:#7b869a; }
:root[data-theme="dark"] .account-avatar { background:rgba(184,239,86,.15); color:#b8ef56; }
:root[data-theme="dark"] .console-head p, :root[data-theme="dark"] .console-section-title>span { color:#98a2b3; }
:root[data-theme="dark"] .console-status, :root[data-theme="dark"] .model-pill { background:rgba(184,239,86,.07); border-color:rgba(184,239,86,.25); color:#b8ef56; }
:root[data-theme="dark"] .metrics article, :root[data-theme="dark"] .console-tool, :root[data-theme="dark"] .tool-panel { background:#171d26; border-color:rgba(255,255,255,.08); }
:root[data-theme="dark"] .metrics b, :root[data-theme="dark"] .console-tool h3 { color:#e8ebf2; }
:root[data-theme="dark"] .metrics span, :root[data-theme="dark"] .console-tool p, :root[data-theme="dark"] .console-tool small, :root[data-theme="dark"] .metrics small { color:#98a2b3; }
:root[data-theme="dark"] .console-tool:hover { border-color:rgba(184,239,86,.4); }
:root[data-theme="dark"] .tool-icon { background:rgba(184,239,86,.12); color:#b8ef56; }
:root[data-theme="dark"] .image-tool .tool-icon { background:rgba(122,162,247,.12); color:#7aa2f7; }
:root[data-theme="dark"] .ozon-tool .tool-icon { background:rgba(230,126,34,.12); color:#e67e22; }
:root[data-theme="dark"] .chat-surface, :root[data-theme="dark"] .generation-panel, :root[data-theme="dark"] .image-canvas { background:#171d26; border-color:rgba(255,255,255,.08); }
:root[data-theme="dark"] .chat-history { background:#10151c; border-right-color:rgba(255,255,255,.08); }
:root[data-theme="dark"] .prompt-box { background:#10151c; border-color:rgba(255,255,255,.12); }
:root[data-theme="dark"] .prompt-box textarea, :root[data-theme="dark"] .generation-panel textarea { color:#e8ebf2; }
:root[data-theme="dark"] .prompt-box button { background:rgba(184,239,86,.12); color:#b8ef56; }
:root[data-theme="dark"] .new-chat { background:rgba(184,239,86,.12); border-color:rgba(184,239,86,.3); color:#b8ef56; }
:root[data-theme="dark"] .image-grid { background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); }
:root[data-theme="dark"] .console-tool strong { color:#b8ef56; }
:root[data-theme="dark"] .status-dot { background:#b8ef56; box-shadow:0 0 0 4px rgba(184,239,86,.15); }
:root[data-theme="dark"] .generate-button { background:#b8ef56; color:#10151c; }

/* ---------- Board tables (aihot.news style): fixed layout, left, mono numbers ---------- */
.board-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-card); }
.board-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }
.board-table th, .board-table td { padding: 12px 14px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: middle; }
.board-table thead th { font-size: .68rem; font-weight: 800; letter-spacing: .1em; color: var(--text-2); white-space: nowrap; background: var(--bg-0); }
.board-table thead th span { display: block; margin-top: 2px; font-size: .62rem; font-weight: 600; letter-spacing: .02em; color: var(--text-2); }
.board-table tbody tr:last-child td { border-bottom: 0; }
.board-table tbody tr:nth-child(even) td { background: var(--surface-zebra); }
.cell-rank { font: 600 .82rem/1 var(--mono); color: var(--text-2); }
.cell-model { overflow: hidden; }
.cell-model strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .92rem; font-weight: 700; color: var(--text-0); }
.cell-model small { display: block; margin-top: 2px; color: var(--text-1); font-size: .74rem; }
.cell-mono { font: 500 .84rem/1.4 var(--mono); font-variant-numeric: tabular-nums; color: var(--text-0); white-space: nowrap; }
.cell-evidence b { display: block; font-weight: 600; font-size: .82rem; color: var(--text-0); }
.cell-evidence small { display: block; margin-top: 2px; color: var(--text-1); font-size: .72rem; }
.cell-score { font: 700 .92rem/1.2 var(--mono); color: var(--accent-dark); }
/* column proportions (aihot.news: rank 68px, model 30%, score 110px, rest equal) */
.col-rank { width: 56px; }
.aihot-cols .col-model { width: 26%; }
.aihot-cols .col-score { width: 96px; }
.board01-cols .col-model { width: 24%; }
.board01-cols .col-score { width: 84px; }
@media (max-width: 900px) {
  .board-table th, .board-table td { padding: 10px 10px; }
  .cell-evidence b { font-size: .76rem; }
  .aihot-cols .col-model { width: 32%; }
}

/* Account security page */
.account-box { max-width: 460px; margin: 0 auto; }
.account-box form { display: flex; flex-direction: column; gap: 14px; }
.account-box label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--muted, #666); }
.account-box input[type="text"][disabled] { opacity: .6; }
.password-field { display: flex; gap: 8px; align-items: center; }
.password-field input { flex: 1; }
.password-toggle { border: 1px solid var(--border, #ddd); background: transparent; border-radius: 6px; padding: 4px 10px; cursor: pointer; font-size: 12px; }
.form-note { min-height: 18px; font-size: 13px; }