@font-face { font-family: Inter-fb; src: local("Arial"); size-adjust: 107.64%; ascent-override: 90.2%; descent-override: 22.48%; line-gap-override: 0%; }:root { --bg: #111621; --surface: #19222f; --card: #212c40; --border: #2b3a52; --amber: #F0B429; --amber-dim: #8A6510; --text: #eaeff6; --muted: #70819a; --dim: #445771; --green: #22C55E; --red: #EF4444; --blue: #3B82F6; --font-head: 'Syne', sans-serif; --font-body: 'DM Sans', sans-serif; --font-mono: 'IBM Plex Mono', monospace; }* { box-sizing: border-box; margin: 0px; padding: 0px; }body { background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 14px; min-height: 100vh; overflow-x: hidden; }#login-screen { position: fixed; inset: 0px; background-color: rgb(22, 28, 41); background-image: repeating-linear-gradient(0deg, rgba(61, 90, 128, 0.12) 0px, rgba(61, 90, 128, 0.12) 1px, transparent 1px, transparent 42px), repeating-linear-gradient(90deg, rgba(61, 90, 128, 0.12) 0px, rgba(61, 90, 128, 0.12) 1px, transparent 1px, transparent 42px); display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; z-index: 100; }#login-screen > .login-box { margin: auto; }.login-box { background: rgb(26, 34, 49); border: 1px solid rgb(54, 68, 97); border-radius: 2px; padding: 0px; width: 390px; text-align: center; position: relative; }#auth-info { display: none; text-align: left; flex-direction: column; gap: 13px; padding: 26px 30px; border-left: 1px solid rgb(42, 51, 71); background: rgba(16, 21, 32, 0.55); }#auth-info .ai-kick { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.2em; color: rgb(240, 180, 41); }#auth-info .ai-head { font-size: 17.5px; font-weight: 650; line-height: 1.45; color: rgb(243, 245, 248); }#auth-info .ai-line { display: flex; gap: 10px; align-items: baseline; font-size: 12.5px; color: rgb(198, 204, 216); line-height: 1.55; }#auth-info .ai-line b { color: rgb(125, 171, 110); flex: 0 0 12px; font-weight: 700; }#auth-info .ai-stats { margin-top: auto; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; color: rgb(137, 146, 162); line-height: 1.8; border-top: 1px dashed rgb(42, 51, 71); padding-top: 12px; }
@media (min-width: 940px){.login-box { width: 900px; display: grid; grid-template-columns: 410px 1fr; align-items: stretch; }.login-box > .tblock { grid-column: 1 / -1; }.login-box > .login-foot, .login-box > #login-stamp { grid-column: 1 / -1; }#auth-info { display: flex; }}
.login-box .tk { position: absolute; width: 14px; height: 14px; pointer-events: none; z-index: 2; }.login-box .tk.tl { top: -1px; left: -1px; border-top: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); }.login-box .tk.tr { top: -1px; right: -1px; border-top: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); }.login-box .tk.bl { bottom: -1px; left: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); }.login-box .tk.br { bottom: -1px; right: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); }.login-body { padding: 26px 30px 22px; }.login-foot { border-top: 1px dashed rgb(54, 68, 97); padding: 10px 16px; font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.1em; color: rgb(123, 137, 164); }#login-screen input, #login-screen select { background: rgb(22, 28, 41); border-color: rgb(50, 58, 75); color: rgb(229, 233, 241); }#login-screen input:focus, #login-screen select:focus { border-color: rgb(240, 180, 41); }#login-screen .login-sub { color: rgb(123, 137, 164); font-size: 9.5px; letter-spacing: 0.16em; font-family: var(--font-mono); text-transform: uppercase; margin-bottom: 24px; }#login-stamp { position: absolute; top: 42%; left: 50%; margin-left: -86px; transform: rotate(-11deg) scale(3); opacity: 0; border: 2.5px solid rgb(125, 171, 110); color: rgb(125, 171, 110); font-family: var(--font-mono); font-size: 17px; letter-spacing: 0.2em; padding: 7px 24px; border-radius: 4px; font-weight: 600; pointer-events: none; z-index: 3; background: rgba(16, 21, 31, 0.6); }@keyframes bpApproved { 
  0% { opacity: 0; transform: rotate(-11deg) scale(3); }
  60% { opacity: 1; transform: rotate(-11deg) scale(0.94); }
  80% { transform: rotate(-11deg) scale(1.06); }
  100% { opacity: 1; transform: rotate(-11deg) scale(1); }
}.auth-tabs { display: flex; gap: 0px; justify-content: center; margin: 0px auto 18px; width: fit-content; border: 1.5px solid rgb(74, 84, 104); border-radius: 10px; overflow: hidden; background: rgb(22, 28, 41); }.auth-tab { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.14em; font-weight: 700; color: rgb(200, 206, 219); background: transparent; border: 0px; border-radius: 0px; padding: 12px 30px; cursor: pointer; transition: background 0.15s, color 0.15s; }.auth-tab:hover { color: rgb(243, 245, 248); }.auth-tab.active { color: rgb(20, 26, 38); background: rgb(240, 180, 41); }.login-closed { text-align: center; padding: 6px 4px 2px; }.login-closed p { font-size: 12px; color: rgb(153, 161, 176); line-height: 1.65; margin: 0px; }.login-closed a { color: rgb(240, 180, 41); }#login-screen .login-close { background: rgb(39, 48, 67); color: rgb(153, 161, 176); }.bp-mark { cursor: pointer; transition: border-color .15s var(--ease),transform .15s var(--ease); }.bp-mark:hover { border-color: rgb(107, 90, 35); transform: translateY(-2px); }.bp-mark.rec:hover { border-color: rgb(240, 180, 41); }#landing .filter-btn.secondary { background: none; border: 1px solid rgb(68, 77, 97); color: rgb(211, 217, 228); }#landing .filter-btn.secondary:hover { border-color: rgb(240, 180, 41); color: rgb(240, 180, 41); }.bp-plate { position: relative; background: rgb(240, 180, 41); color: rgb(22, 28, 41); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; font-family: var(--font-mono); font-weight: 600; font-size: 12.5px; letter-spacing: 0.16em; padding: 14px 36px; cursor: pointer; transition: background 0.15s; }.bp-plate::after { content: ""; position: absolute; inset: -6px; border: 1px solid rgb(107, 90, 35); border-radius: 8px; pointer-events: none; transition: border-color 0.15s; }.bp-plate:hover { background: rgb(255, 201, 77); }.bp-plate:hover::after { border-color: rgb(240, 180, 41); }.logo-word { font-weight: inherit; }.login-sub { color: var(--muted); font-size: 12px; margin-bottom: 32px; font-family: var(--font-mono); }.login-box input, .login-box select { width: 100%; background: var(--card); border: 1px solid var(--border); border-radius: 8px; padding: 12px 14px; color: var(--text); font-size: 14px; font-family: var(--font-body); outline: none; transition: border-color 0.2s; margin-bottom: 12px; }.login-box input:focus, .login-box select:focus { border-color: var(--amber); }#login-screen .login-btn { width: 100%; background: rgb(240, 180, 41); border: 1px solid rgb(240, 180, 41); border-radius: 4px; padding: 12px; color: rgb(22, 28, 41); font-family: var(--font-mono); font-weight: 600; font-size: 12px; cursor: pointer; letter-spacing: 0.14em; transition: background 0.15s; }#login-screen .login-btn:hover { background: rgb(255, 201, 77); opacity: 1; }.login-err { color: var(--red); font-size: 12px; margin-top: 10px; font-family: var(--font-mono); }#app { height: 100vh; display: grid; grid-template-columns: 220px 1fr; grid-template-rows: auto 1fr; }.topbar { grid-column: 1 / -1; background: var(--surface); border-bottom: 1px solid var(--border); padding: 0px 20px; display: flex; align-items: center; gap: 16px; height: 52px; }.logo { font-family: var(--font-head); font-size: 17px; font-weight: 800; letter-spacing: -0.5px; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; }.logo .logo-mark { width: 21px; height: 21px; flex: 0 0 auto; }nav.ld-nav .logo .logo-mark { width: 23px; height: 23px; }.logo span { color: var(--amber); }.topbar-stats { display: flex; gap: 20px; margin-left: auto; }nav { background: var(--surface); border-right: 1px solid var(--border); padding: 16px 0px; display: flex; flex-direction: column; gap: 2px; overflow-y: auto; }.nav-section { font-family: var(--font-mono); font-size: 10px; color: var(--dim); padding: 12px 18px 4px; letter-spacing: 1px; text-transform: uppercase; }.nav-item { padding: 9px 18px; cursor: pointer; border-radius: 0px; font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 10px; transition: 0.15s; border-left: 2px solid transparent; font-family: var(--font-body); }.nav-item:hover { color: var(--text); background: rgba(240, 180, 41, 0.06); }.nav-item.active { color: var(--amber); background: rgba(240, 180, 41, 0.08); border-left-color: var(--amber); }.nav-icon { width: 15px; text-align: center; font-size: 13px; }nav hr { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border); margin: 10px 0px; }.dl-btn { margin: 8px 12px; background: rgba(240, 180, 41, 0.1); border: 1px solid var(--amber-dim); border-radius: 8px; padding: 9px 12px; cursor: pointer; font-family: var(--font-mono); font-size: 11px; color: var(--amber); text-align: center; transition: 0.2s; display: block; text-decoration: none; }.dl-btn:hover { background: rgba(240, 180, 41, 0.18); }main { overflow-y: auto; padding: 24px; background-image: repeating-linear-gradient(0deg, rgba(61, 90, 128, 0.16) 0px, rgba(61, 90, 128, 0.16) 1px, transparent 1px, transparent 42px), repeating-linear-gradient(90deg, rgba(61, 90, 128, 0.16) 0px, rgba(61, 90, 128, 0.16) 1px, transparent 1px, transparent 42px); }.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 24px; }.stat-card { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; }.adm-zone { border: 1px solid var(--border); border-radius: 14px; background: var(--surface); margin-bottom: 28px; box-shadow: var(--shadow-card); overflow: hidden; }.adm-zone-head { display: flex; align-items: center; gap: 12px; padding: 11px 20px; border-bottom: 1px solid var(--border); background: var(--wash); }.adm-zone-tick { width: 26px; height: 3px; border-radius: 2px; background: var(--zc,var(--amber)); flex: 0 0 auto; }.adm-zone-tag { font-family: var(--font-mono); font-size: 9.5px; font-weight: 700; letter-spacing: 0.22em; color: var(--zc,var(--amber)); }.adm-zone-sub { font-size: 11px; color: var(--muted); }.adm-zone-body { padding: 18px 20px 6px; }.adm-zone-head { cursor: pointer; user-select: none; }.adm-zone-chev { margin-left: auto; color: var(--dim); font-size: 10px; flex: 0 0 auto; transition: transform 0.22s; }.adm-jumpbar { position: sticky; top: 0px; z-index: 60; display: flex; gap: 7px; flex-wrap: wrap; align-items: center; padding: 10px 4px; margin: 0px 0px 12px; background: var(--bg); }.adm-jump { font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.14em; font-weight: 700; color: var(--muted); border: 1px solid var(--border); border-radius: 999px; padding: 6px 11px; cursor: pointer; background: var(--surface); transition: color 0.15s, border-color 0.15s; }.adm-jump:hover { color: var(--amber); border-color: var(--amber-dim); }.adm-jump .zc { display: inline-block; width: 7px; height: 7px; border-radius: 99px; margin-right: 6px; }#page-financials .stat-val, #page-llm .stat-val { font-family: Georgia, "Times New Roman", serif; font-weight: 700; }.sheet-chip { display: inline-block; border: 1.5px solid var(--amber-dim); border-radius: 6px; padding: 4px 11px; font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.16em; color: var(--amber); white-space: nowrap; }.est-stamp { display: inline-block; transform: rotate(-3deg); border: 2px solid var(--amber-dim); color: var(--amber); font-family: var(--font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.14em; border-radius: 6px; padding: 3px 10px; white-space: nowrap; }#page-financials .section-head, #page-llm .section-head { flex-wrap: wrap; row-gap: 8px; }
@media (max-width: 820px){.sheet-chip, .est-stamp { display: none; }}
.pc-grid { display: grid; grid-template-columns: 170px 264px 1fr; gap: 0px 22px; align-items: stretch; }.pc-grid > * { padding: 13px 0px; border-bottom: 1px solid color-mix(in srgb, var(--border) 60%, transparent); display: flex; align-items: center; }.pc-lab { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; color: var(--text); font-weight: 700; }.pc-note { font-size: 11.5px; color: var(--muted); line-height: 1.6; }.pc-grid .filter-btn { width: 264px; justify-content: center; height: 34px; border-radius: 8px; }.pc-grid .mod-input { height: 34px; box-sizing: border-box; }.pc-grid .btn-act.mini { height: 34px; display: inline-flex; align-items: center; }
@media (max-width: 960px){.pc-grid { grid-template-columns: 1fr; column-gap: 0px; }.pc-grid > * { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 4px 0px; }.pc-grid .pc-note { margin-bottom: 14px; border-bottom: 1px solid color-mix(in srgb, var(--border) 60%, transparent); padding-bottom: 14px; }}
#llm-cutoffs button, #llm-caps button { transition: transform 0.09s, filter 0.09s; }#llm-cutoffs button:active, #llm-caps button:active { transform: translateY(2px) scale(0.97); }.chip-btn { font-family: var(--font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--amber); background: rgba(240, 180, 41, 0.07); border: 1.5px solid var(--amber-dim); border-radius: 8px; padding: 9px 16px; cursor: pointer; transition: transform 0.09s, filter 0.09s, box-shadow 0.12s; }.chip-btn:hover { filter: brightness(1.15); box-shadow: rgba(240, 180, 41, 0.18) 0px 0px 12px; }.chip-btn:active { transform: translateY(1px) scale(0.98); }#llm-fleet .mini-select { color: var(--text); font-weight: 600; }#llm-fleet .fleet-prov { color: var(--text); }#llm-fleet .fleet-prov.active { color: var(--amber); border-color: var(--amber-dim); }#fleet-q::placeholder { color: var(--muted); opacity: 0.9; }#fin-exp-range, #llm-exp-range { border: 1.5px solid var(--amber-dim); color: var(--amber); background: rgba(240, 180, 41, 0.05); border-radius: 8px; padding: 8px 10px; font-weight: 700; }.stat-label { font-family: var(--font-mono); font-size: 10px; color: var(--muted); letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 6px; }.stat-val { font-family: var(--font-mono); font-size: 26px; font-weight: 500; color: var(--text); line-height: 1; }.section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }.section-title { font-family: var(--font-head); font-size: 14px; font-weight: 700; letter-spacing: 0.2px; }.section-title::before { content: "▸ "; color: var(--amber); }.badge { font-family: var(--font-mono); font-size: 10px; padding: 3px 8px; border-radius: 4px; background: var(--card); border: 1px solid var(--border); color: var(--muted); }.table-wrap { background: var(--card); border: 1px solid var(--border); border-radius: 10px; overflow: auto hidden; margin-bottom: 24px; }table { width: 100%; border-collapse: collapse; }th { background: var(--surface); font-family: var(--font-mono); font-size: 10px; color: var(--muted); letter-spacing: 0.8px; text-transform: uppercase; padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--border); white-space: nowrap; }td { padding: 10px 14px; border-bottom: 1px solid rgba(36, 48, 68, 0.6); font-size: 13px; vertical-align: top; }tr:last-child td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }tr:hover td { background: var(--wash); }.filter-bar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; align-items: flex-end; }.filter-group { display: flex; flex-direction: column; gap: 4px; }.filter-label { font-family: var(--font-mono); font-size: 10px; color: var(--dim); letter-spacing: 0.5px; text-transform: uppercase; }select, input[type="text"], input[type="number"] { background: var(--card); border: 1px solid var(--border); border-radius: 7px; padding: 8px 11px; color: var(--text); font-size: 13px; font-family: var(--font-body); outline: none; transition: border-color 0.2s; min-width: 120px; }select:focus, input:focus { border-color: var(--amber); }select option { background: var(--card); }.filter-btn { background: var(--amber); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; padding: 8px 18px; color: rgb(0, 0, 0); font-family: var(--font-head); font-weight: 700; font-size: 13px; cursor: pointer; transition: opacity 0.2s; white-space: nowrap; }.filter-btn:hover { opacity: 0.85; }.filter-btn.secondary { background: transparent; border: 1px solid var(--border); color: var(--muted); }.filter-btn.secondary:hover { border-color: var(--amber); color: var(--amber); background: transparent; }.model-chip { font-family: var(--font-mono); font-size: 11px; padding: 6px 12px; border-radius: 6px; cursor: pointer; border: 1px solid var(--border); color: var(--muted); background: var(--card); transition: 0.2s; }.chat-messages { flex: 1 1 0%; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; padding-bottom: 12px; min-height: 300px; max-height: 55vh; }.sql-block { background: var(--surface); border: 1px solid var(--border); border-radius: 6px; padding: 10px 12px; font-family: var(--font-mono); font-size: 11px; color: var(--code); overflow-x: auto; margin-top: 6px; cursor: pointer; }.sql-block:hover::after { content: " (click to expand)"; color: var(--dim); }.chat-input-area { background: var(--card); border: 1.5px solid var(--amber-dim); border-radius: 10px; padding: 14px 16px; display: flex; gap: 10px; align-items: flex-end; margin: 4px 0px 16px; box-shadow: rgba(240, 180, 41, 0.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0.35) 0px 6px 24px; }.chat-input-area:focus-within { border-color: var(--amber); box-shadow: rgba(240, 180, 41, 0.12) 0px 0px 0px 3px; }.chat-input-area .chat-input { font-size: 15px; }.chat-input { flex: 1 1 0%; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; color: var(--text); font-family: var(--font-body); font-size: 14px; resize: none; line-height: 1.5; max-height: 100px; }.send-btn { background: var(--amber); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; width: 36px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: opacity 0.2s; }.send-btn:hover { opacity: 0.8; }.send-btn svg { width: 16px; height: 16px; fill: rgb(0, 0, 0); }.qs-corpus { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; color: var(--dim); margin: -6px 0px 12px; line-height: 1.9; }@keyframes bounce { 
  0%, 60%, 100% { transform: translateY(0px); }
  30% { transform: translateY(-6px); }
}.theme-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 24px; }.empty { text-align: center; padding: 40px; color: var(--dim); font-family: var(--font-mono); font-size: 12px; }.loading { text-align: center; padding: 20px; color: var(--dim); font-family: var(--font-mono); font-size: 12px; }.page { display: none; }.page.active { display: block; }.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
@media (max-width: 900px){.two-col { grid-template-columns: minmax(0px, 1fr); }.theme-grid { grid-template-columns: minmax(0px, 1fr); }}
@keyframes blink { 
  50% { opacity: 0; }
}::-webkit-scrollbar { width: 5px; height: 5px; }::-webkit-scrollbar-track { background: transparent; }::-webkit-scrollbar-thumb { background: var(--dim); border-radius: 3px; }::-webkit-scrollbar-thumb:hover { background: var(--muted); }#drawer-overlay { position: fixed; inset: 0px; background: rgba(8, 11, 17, 0.55); backdrop-filter: blur(2px); z-index: 50; display: none; }#drawer { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -46%) scale(0.97); width: 620px; max-width: 94vw; max-height: 88vh; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: 14px; z-index: 51; box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 80px; overflow-y: auto; padding: 24px; opacity: 0; pointer-events: none; transition: opacity 320ms var(--spring),transform 320ms var(--spring); }.trend-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
@media (max-width: 900px){.trend-wrap { grid-template-columns: 1fr; }}
.trend-card { background: var(--card); border: 1px solid var(--border); border-radius: 8px; padding: 14px; }.trend-title { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); font-weight: 700; margin-bottom: 8px; }.trend-legend { display: flex; flex-wrap: wrap; gap: 8px; font-size: 10px; color: var(--muted); margin-top: 6px; }.topbar-user { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--muted); font-family: var(--font-mono); }.kanban { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; align-items: start; }
@media (max-width: 1100px) and (min-width: 769px){.kanban { grid-template-columns: repeat(2, 1fr); }}
.admin-form { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; margin-bottom: 16px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 12px; }.admin-form input, .admin-form select { font-size: 12px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--card); color: var(--text); }.mini-select { font-size: 11px; padding: 3px; border: 1px solid var(--border); border-radius: 4px; background: var(--card); color: var(--text); }.plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; margin: 14px auto 0px; max-width: 1400px; }.acct-card h3 { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dim); font-weight: 600; border-bottom: 1px solid var(--border); padding-bottom: 7px; margin-bottom: 12px; }.acct-card input[type="text"], .acct-card input[type="password"], .acct-card textarea { display: block; width: 100%; box-sizing: border-box; background: var(--wash); border: 1px solid var(--border); border-radius: 8px; padding: 10px 13px; color: var(--text); font-size: 13px; margin-bottom: 10px; outline: none; transition: border-color 0.15s; }.acct-card input:focus, .acct-card textarea:focus { border-color: var(--amber); box-shadow: rgba(240, 180, 41, 0.12) 0px 0px 0px 3px; }.fld-lab { font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.12em; color: var(--dim); margin: 0px 0px 4px 2px; }
@media (max-width: 900px){.plan-grid { grid-template-columns: 1fr; }}
.acct-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 900px){.acct-grid { grid-template-columns: 1fr; }}
.acct-card { background: var(--card); border: 1px solid var(--border); border-radius: 8px; padding: 16px; color: var(--text); }.acct-card h3 { margin: 0px 0px 10px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted); }.acct-card input { width: 100%; font-size: 13px; padding: 8px; border: 1px solid var(--border); border-radius: 6px; margin-bottom: 8px; box-sizing: border-box; background: var(--surface); color: var(--text); }.guide { max-width: 760px; font-size: 14px; line-height: 1.65; color: var(--text); }
@media (max-width: 768px){#app { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }nav { position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 40; display: flex; flex-direction: row; overflow-x: auto; background: var(--surface); border-top: 1px solid var(--border); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; padding: 4px 6px calc(4px + env(safe-area-inset-bottom)); gap: 2px; height: auto; width: auto; }nav .nav-section, nav hr, nav .dl-btn, #last-run-item { display: none; }nav .nav-item { flex: 1 0 auto; flex-direction: column; align-items: center; justify-content: center; font-size: 9px; padding: 6px 8px; gap: 2px; min-width: 56px; text-align: center; border-radius: 8px; }nav .nav-icon { font-size: 16px; margin: 0px; }main { padding: 14px 12px calc(76px + env(safe-area-inset-bottom)); overflow-x: hidden; }.topbar { padding: 0px 12px; gap: 8px; }.topbar-stats { display: none; }.topbar-user { margin-left: auto; flex-shrink: 1; min-width: 0px; gap: 6px; }.table-wrap { overflow-x: auto !important; }.table-wrap table { min-width: 680px; }.filter-bar { gap: 8px; }.filter-group { flex: 1 1 44%; }.filter-group input, .filter-group select { width: 100%; box-sizing: border-box; min-height: 38px; }.filter-btn { min-height: 40px; flex: 1 1 44%; }.kanban { grid-template-columns: minmax(0px, 1fr); }.section-head { flex-wrap: wrap; row-gap: 8px; }.section-head span { flex-wrap: wrap; }#pgd-assets > div { flex-wrap: wrap; }.kb-move, .lead-select, .mini-select { min-height: 32px; }#drawer { width: 100vw; max-width: 96vw; max-height: 92vh; padding-top: 16px; padding-right: 16px; padding-left: 16px; padding-bottom: calc(24px + env(safe-area-inset-bottom)); }.admin-form { flex-direction: column; align-items: stretch; }.admin-form input, .admin-form select { width: 100%; box-sizing: border-box; }.stat-grid { grid-template-columns: repeat(2, 1fr); }.stat-val { font-size: 20px; }.guide { font-size: 13px; }.login-box { width: 92vw; max-width: 360px; }}
@media (pointer: coarse){.nav-item, .filter-btn, .logout-btn, .toggle-btn, .drawer-save { min-height: 40px; }}
.ss-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; align-items: center; }.bulk-bar { display: none; align-items: center; gap: 10px; background: var(--card); border: 1px solid var(--amber-dim); border-radius: 8px; padding: 8px 12px; margin-bottom: 10px; font-size: 12px; }.bulk-bar select { background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 5px; font-size: 12px; }.pill-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0px; }.pill-sm { font-size: 10px; background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 2px 8px; color: var(--muted); }:root { --bg: #0A0A0D; --surface: #141419; --card: #1B1B22; --border: var(--wash2); --text: #F5F5F7; --muted: #98989F; --dim: #5A5A63; --amber: #FFA928; --amber-dim: #8a6510; --green: #30D158; --blue: #0A84FF; --font-ui: 'Inter','Inter-fb',-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif; --r-card: 16px; --r-ctl: 10px; --shadow-card: 0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); --ease: cubic-bezier(.25,.1,.25,1); --wash: rgba(255,255,255,.035); --wash2: rgba(255,255,255,.06); --hairline: rgba(255,255,255,.035); --glass: rgba(13,13,17,.72); --glass-panel: rgba(22,22,28,.86); --code: #6EB5FF; --tag-blue: #409CFF; }html { color-scheme: dark; }* { transition: background-color .18s var(--ease),border-color .18s var(--ease),
  color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease); }body { font-family: var(--font-ui); -webkit-font-smoothing: antialiased; background: var(--bg); }::selection { background: rgba(255, 169, 40, 0.3); }::-webkit-scrollbar { width: 9px; height: 9px; }::-webkit-scrollbar-thumb { background: var(--wash2); border-radius: 5px; border: 2px solid var(--bg); }.topbar { background: var(--glass); backdrop-filter: blur(20px) saturate(180%); border-bottom: 1px solid var(--border); position: sticky; top: 0px; z-index: 30; height: 56px; }.logo { font-family: var(--font-ui); font-weight: 800; letter-spacing: -0.4px; font-size: 17px; display: inline-flex; align-items: center; gap: 8px; }.topbar-user { font-family: var(--font-ui); }nav { background: transparent; border-right: 1px solid var(--border); padding: 14px 10px; }.nav-section { font-size: 10px; font-weight: 600; letter-spacing: 0.06em; color: var(--dim); padding: 14px 12px 6px; font-family: var(--font-ui); }.nav-item { border-radius: 10px; padding: 8px 12px; font-size: 13px; font-weight: 500; color: var(--muted); margin: 1px 0px; }.nav-item:hover { background: var(--wash); color: var(--text); }.nav-item.active { background: rgba(255, 169, 40, 0.13); color: var(--amber); }nav hr { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--border); margin: 10px 12px; }.dl-btn { border-radius: 10px; background: var(--wash); border: 1px solid var(--border); color: var(--muted); font-family: var(--font-ui); font-size: 12px; font-weight: 500; padding: 8px 12px; }.dl-btn:hover { background: rgba(255, 169, 40, 0.12); color: var(--amber); border-color: transparent; }.stat-card, .table-wrap, .trend-card, .theme-card, .acct-card, .plan-card, .co-stat, .kb-col, .admin-form, .chat-box, .query-box { border-radius: var(--r-card); border: 1px solid var(--border); background: var(--card); box-shadow: var(--shadow-card); }.stat-card { padding: 18px 20px; }.stat-card:hover { transform: translateY(-2px); }.stat-label { font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--muted); text-transform: none; }.stat-val { font-family: var(--font-ui); font-weight: 700; font-variant-numeric: tabular-nums; font-size: 28px; letter-spacing: -0.5px; }.section-title { font-family: var(--font-ui); font-size: 16px; font-weight: 700; letter-spacing: -0.2px; }.section-title::before { content: ""; margin: 0px; }.badge { font-family: var(--font-ui); border-radius: 980px; padding: 4px 12px; font-size: 11px; font-weight: 500; }.table-wrap { overflow: auto hidden; }table th { font-family: var(--font-ui); font-size: 11px; font-weight: 600; letter-spacing: 0.03em; color: var(--muted); text-transform: none; background: transparent; padding: 12px 14px; border-bottom: 1px solid var(--border); }table td { padding: 12px 14px; border-bottom: 1px solid var(--wash); font-size: 13px; }tbody tr:last-child td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }.filter-btn { border-radius: 980px; font-family: var(--font-ui); font-weight: 600; font-size: 13px; padding: 9px 18px; background: var(--amber); color: rgb(10, 10, 13); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; }.filter-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }.filter-btn:active { transform: scale(0.98); }.filter-btn.secondary { background: var(--wash2); color: var(--text); }.filter-btn.secondary:hover { background: var(--wash2); }.login-btn { border-radius: 980px; font-weight: 700; }input, select, textarea { font-family: var(--font-ui) !important; }.filter-group input, .filter-group select, .admin-form input, .admin-form select, .acct-card input, #drawer textarea, #chat-input, .login-box input { background: var(--card); border: 1px solid var(--border); border-radius: var(--r-ctl); color: var(--text); outline: none; }.filter-group input:focus, .filter-group select:focus, .acct-card input:focus, #drawer textarea:focus, #chat-input:focus, .login-box input:focus { border-color: var(--amber); box-shadow: rgba(255, 169, 40, 0.22) 0px 0px 0px 3px; }.filter-label { font-family: var(--font-mono); font-size: 8.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text); opacity: 0.55; }#page-browse .filter-bar { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 18px 20px 16px; position: relative; }#page-browse .filter-bar::before { content: "SEARCH SET · B-201"; position: absolute; top: -7px; left: 16px; font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.16em; color: var(--amber); background: var(--bg); padding: 0px 8px; }#page-browse .filter-bar .tk { position: absolute; width: 14px; height: 14px; pointer-events: none; }#page-browse .filter-bar .tk.tl { top: -1px; left: -1px; border-top: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); border-radius: 10px 0px 0px; }#page-browse .filter-bar .tk.tr { top: -1px; right: -1px; border-top: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); border-radius: 0px 10px 0px 0px; }#page-browse .filter-bar .tk.bl { bottom: -1px; left: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); border-radius: 0px 0px 0px 10px; }#page-browse .filter-bar .tk.br { bottom: -1px; right: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); border-radius: 0px 0px 10px; }#page-browse .results-strip { display: flex; align-items: center; gap: 12px; margin: 16px 0px 10px; border: 1px solid var(--border); border-radius: 10px; padding: 8px 14px; background: var(--wash); }#page-browse .results-strip .rs-lab { font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.16em; color: var(--dim); border-right: 1px solid var(--border); padding-right: 12px; }#page-browse .results-strip .doc-chip { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 980px; padding: 7px 18px; border: 1px solid var(--border,#444d61); background: var(--wash,rgba(128,140,160,.07)); color: var(--muted,#8a93a6); cursor: pointer; }#page-browse .filter-bar input, #page-browse .filter-bar select { min-height: 36px; background: var(--wash,rgba(128,140,160,.08)) !important; border: 1px solid var(--border,#444d61) !important; border-radius: 8px !important; padding: 8px 11px !important; }#page-browse .filter-bar input:focus, #page-browse .filter-bar select:focus { outline: none; border-color: var(--amber,#F0B429) !important; }.llm-note { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 6px 12px; background: var(--wash); }.sec-toggle { margin-left: auto; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; color: var(--muted); background: var(--wash,rgba(128,140,160,.07)); border: 1px solid var(--border,#444d61); border-radius: 6px; padding: 5px 12px; cursor: pointer; white-space: nowrap; transition: color 0.15s, border-color 0.15s; }.sec-toggle:hover { color: var(--amber); border-color: var(--amber-dim); }.bp-transmittal { position: relative; margin: 26px auto 0px; max-width: 560px; text-align: left; background: rgb(26, 34, 49); border: 1px solid rgb(50, 58, 75); border-radius: 4px; padding: 20px 22px 14px; }.bp-transmittal .ttk { position: absolute; width: 13px; height: 13px; pointer-events: none; }.bp-transmittal .ttk.tl { top: -1px; left: -1px; border-top: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); }.bp-transmittal .ttk.tr { top: -1px; right: -1px; border-top: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); }.bp-transmittal .ttk.bl { bottom: -1px; left: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); }.bp-transmittal .ttk.br { bottom: -1px; right: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); }.bp-tx-tab { position: absolute; top: -9px; left: 16px; font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.16em; color: rgb(240, 180, 41); background: rgb(22, 28, 41); padding: 0px 8px; }.bp-tx-row { display: flex; gap: 12px; padding: 7px 0px; border-bottom: 1px dashed rgb(35, 43, 61); font-size: 12.5px; color: rgb(199, 205, 217); }.bp-tx-row:last-of-type { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }.bp-tx-lab { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; color: rgb(123, 137, 164); flex: 0 0 44px; padding-top: 2px; }.bp-tx-row input { flex: 1 1 0%; min-width: 0px; background: rgba(128, 140, 160, 0.08); border: 1px solid rgb(54, 68, 97); border-radius: 7px; padding: 8px 11px; color: rgb(231, 235, 242); font-size: 13px; }.bp-tx-row input:focus { border-color: rgb(240, 180, 41); outline: none; }.bp-tx-btn { border: 1.5px solid rgb(240, 180, 41); border-radius: 7px; padding: 8px 15px; background: rgba(240, 180, 41, 0.08); color: rgb(240, 180, 41); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background 0.15s; }.bp-tx-btn:hover { background: rgba(240, 180, 41, 0.16); }.bp-tx-note { font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.14em; color: rgb(123, 137, 164); margin-top: 12px; text-align: center; }.su-plan { position: relative; background: rgb(26, 34, 49); border: 1.5px solid rgb(50, 58, 75); border-radius: 8px; padding: 9px 10px 8px; cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 1px; transition: border-color 0.15s, background 0.15s; }.su-plan:hover { border-color: rgb(107, 90, 35); }.su-plan.sel { border-color: rgb(240, 180, 41); background: rgba(240, 180, 41, 0.09); }.su-plan .sp-name { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: rgb(153, 161, 176); }.su-plan.sel .sp-name { color: rgb(240, 180, 41); }.su-plan .sp-price { font-size: 17px; font-weight: 700; color: rgb(231, 235, 242); }.su-plan .sp-sub { font-size: 10px; color: rgb(137, 146, 162); }.su-plan .sp-rec { position: absolute; top: -8px; right: 8px; font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.12em; color: rgb(240, 180, 41); border: 1px solid rgba(240, 180, 41, 0.5); border-radius: 3px; padding: 1px 5px; background: rgb(22, 28, 41); transform: rotate(4deg); }.login-btn:disabled { opacity: 0.35; cursor: not-allowed; filter: grayscale(0.4); }@keyframes bsGlow { 
  0%, 100% { box-shadow: rgba(240, 180, 41, 0.28) 0px 0px 14px, rgba(0, 0, 0, 0.4) 0px 2px 8px; }
  50% { box-shadow: rgba(240, 180, 41, 0.5) 0px 0px 26px, rgba(0, 0, 0, 0.4) 0px 2px 8px; }
}.bd-grid { display: grid; grid-template-columns: minmax(0px, 1fr) 300px; gap: 18px; }
@media (max-width: 900px){.bd-grid { grid-template-columns: 1fr; }}
.ut-in { background: var(--surface); border: 1px solid var(--border); border-radius: 7px; color: var(--text); padding: 6px 10px; font-size: 13px; width: 100%; min-width: 0px; }.ut-in:focus { border-color: var(--amber-dim); outline: none; }#ut-table { overflow-x: auto; }.ds-sheet { position: relative; border: 1px solid var(--border); border-radius: 10px; background: linear-gradient(165deg,rgba(240,180,41,.03),transparent 40%),var(--card); padding: 20px 22px; margin-bottom: 22px; }.ds-sheet .tk { position: absolute; width: 12px; height: 12px; pointer-events: none; border-color: var(--amber); border-style: solid; opacity: 0.75; }.ds-sheet .tk.tl { top: -1px; left: -1px; border-width: 2px 0px 0px 2px; }.ds-sheet .tk.tr { top: -1px; right: -1px; border-width: 2px 2px 0px 0px; }.ds-sheet .tk.bl { bottom: -1px; left: -1px; border-width: 0px 0px 2px 2px; }.ds-sheet .tk.br { bottom: -1px; right: -1px; border-width: 0px 2px 2px 0px; }.ds-sheet .tk.tl { border-radius: 10px 0px 0px; }.ds-sheet .tk.tr { border-radius: 0px 10px 0px 0px; }.ds-sheet .tk.bl { border-radius: 0px 0px 0px 10px; }.ds-sheet .tk.br { border-radius: 0px 0px 10px; }.ds-kick { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.2em; color: var(--amber); margin-bottom: 14px; display: flex; align-items: center; gap: 10px; font-weight: 700; }.ds-kick::after { content: ""; flex: 1 1 0%; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, currentcolor 40%, transparent), transparent); }.ds-dims { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; }.ds-sheet { background: linear-gradient(165deg,rgba(240,180,41,.05),transparent 40%),var(--card) !important; }@keyframes dsRun { 
  0%, 100% { box-shadow: rgba(240, 180, 41, 0) 0px 0px 0px 0px; filter: brightness(1); }
  50% { box-shadow: rgba(240, 180, 41, 0.45) 0px 0px 18px 2px; filter: brightness(1.25); }
}@keyframes saleInk { 
  0%, 100% { opacity: 0.95; }
  50% { opacity: 0.62; }
}.sd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }.bp-trail { display: flex; gap: 7px; align-items: center; padding: 6px 2px; flex-wrap: nowrap; }
@media (max-width: 680px){.bp-trail { flex-wrap: wrap; }}
.ld-mock-tabs.mock12 { display: grid; grid-template-columns: repeat(6, minmax(0px, auto)); justify-content: center; gap: 8px; }#mtab-more { display: none; }
@media (max-width: 760px){.ld-mock-tabs.mock12 { display: flex; flex-wrap: wrap; justify-content: center; }.ld-mock-tabs.mock12 .mtab-extra { display: none; }.ld-mock-tabs.mock12 #mtab-more { display: inline-flex; }}
.bp-quotes-wrap { max-width: 1080px; margin: 0px auto; padding: 34px 24px 6px; }#bp-countdown { display: none; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.16em; color: rgb(240, 180, 41); border: 1.5px dashed rgba(240, 180, 41, 0.5); border-radius: 6px; padding: 6px 12px; margin-top: 14px; }.btn-act { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; font-weight: 600; padding: 9px 18px; border-radius: 8px; cursor: pointer; text-transform: uppercase; border: 1px solid transparent; transition: filter 0.15s, background 0.15s, border-color 0.15s; white-space: nowrap; background: transparent; }.btn-act.pri { background: var(--amber); border-color: var(--amber); color: rgb(26, 18, 4); }.btn-act.pri:hover { filter: brightness(1.08); }.btn-act.sec { border-color: rgb(67, 100, 142); color: rgb(211, 217, 228); }.btn-act.sec:hover { border-color: var(--amber); color: var(--amber); }.btn-act.warn { border-color: rgba(229, 96, 90, 0.6); color: rgb(240, 138, 133); }.btn-act.warn:hover { background: rgba(229, 96, 90, 0.12); }.btn-act:disabled { opacity: 0.4; cursor: default; filter: none; }.btn-act.mini { padding: 5px 12px; font-size: 9.5px; border-radius: 6px; margin-left: 4px; }.btn-act.amb { border-color: var(--amber-dim); color: var(--amber); background: rgba(240, 180, 41, 0.07); }.btn-act.amb:hover { border-color: var(--amber); background: rgba(240, 180, 41, 0.14); }.ed-body { width: 100%; min-height: 230px; font-family: var(--font-mono); font-size: 12.5px; line-height: 1.65; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 12px; color: var(--text); resize: vertical; }.ed-chip { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.08em; padding: 6px 13px; border: 1px solid var(--border); border-radius: 20px; background: transparent; color: var(--muted); cursor: pointer; text-transform: uppercase; }.ut-flab { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; color: var(--amber); font-weight: 700; }
@media (max-width: 900px){#pd-grid { grid-template-columns: 1fr !important; }}
.bp-stamp-cta { display: inline-block; font-family: var(--font-mono); font-size: 19px; font-weight: 800; letter-spacing: 0.2em; color: rgb(240, 180, 41); background: rgba(240, 180, 41, 0.07); border: 2.5px solid rgb(240, 180, 41); border-radius: 6px; padding: 20px 44px 16px; cursor: pointer; transform: rotate(-1.5deg); transition: 0.18s; text-align: center; box-shadow: rgba(240, 180, 41, 0.12) 0px 8px 30px; }.bp-stamp-cta small { display: block; font-size: 9px; letter-spacing: 0.16em; color: rgb(153, 161, 176); font-weight: 600; margin-top: 7px; }.bp-stamp-cta:hover { background: rgb(240, 180, 41); color: rgb(26, 18, 4); transform: rotate(-1.5deg) scale(1.03); }.bp-stamp-cta:hover small { color: rgb(74, 58, 16); }.bd-btn { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; font-weight: 700; padding: 11px 20px; border-radius: 8px; cursor: pointer; transition: 0.15s; white-space: nowrap; }.bd-btn.save { background: var(--amber); border: 1.5px solid var(--amber); color: rgb(25, 18, 4); }.bd-btn.save:hover { opacity: 0.88; }.bd-btn.submit { background: rgba(240, 180, 41, 0.08); border: 1.5px solid var(--amber-dim); color: var(--amber); }.bd-btn.submit:hover { border-color: var(--amber); background: rgba(240, 180, 41, 0.14); }.bd-btn.approve { background: rgb(125, 171, 110); border: 1.5px solid rgb(125, 171, 110); color: rgb(13, 26, 10); }.bd-btn.approve:hover { opacity: 0.88; }.bd-btn.cancel { background: none; border: 1.5px solid var(--border); color: var(--muted); }.bd-btn.cancel:hover { border-color: var(--muted); color: var(--text); }.mod-input { background: rgba(13, 17, 26, 0.75); border: 1.5px solid rgba(240, 180, 41, 0.28); border-radius: 8px; color: var(--text); padding: 10px 13px; font-size: 13px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px inset; }.mod-input::placeholder { color: rgb(125, 135, 151); }.mod-input:focus { outline: none; border-color: var(--amber); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px inset, rgba(240, 180, 41, 0.12) 0px 0px 0px 3px; }.mod-lab { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--amber); margin-bottom: 9px; opacity: 0.85; }#bp-trade-stamp { position: absolute; top: 16px; left: 18px; z-index: 2; font-family: var(--font-mono); font-size: clamp(13px, 1.6vw, 19px); font-weight: 700; letter-spacing: 0.22em; padding: 7px 16px 6px; border: 2px solid; border-radius: 7px; transform: rotate(-2deg); opacity: 0.92; pointer-events: none; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 12px; background: rgba(13, 17, 26, 0.55); box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 18px; }@keyframes bpTradeStampIn { 
  0% { transform: rotate(-8deg) translate(7px, -12px) scale(1.7); opacity: 0; }
  60% { transform: rotate(-2deg) translate(0px, 0px) scale(0.96); opacity: 0.97; }
  100% { transform: rotate(-2deg) translate(0px, 0px) scale(1); opacity: 0.92; }
}.gd-tabs { display: flex; margin-left: 16px; border: 1.5px solid var(--amber-dim); border-radius: 10px; overflow: hidden; background: var(--card); box-shadow: var(--shadow-card); }.gd-tabs button { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.16em; font-weight: 700; padding: 11px 28px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; color: var(--muted); cursor: pointer; transition: 0.15s; }.gd-tabs button:hover { color: var(--amber); }
@media (max-width: 640px){.gd-tabs button { padding: 10px 18px; font-size: 10.5px; }}
.faq-cols { column-count: 2; column-gap: 20px; max-width: 1100px; }
@media (max-width: 900px){.faq-cols { column-count: 1; }}
#drawer { background: var(--glass-panel); backdrop-filter: blur(28px) saturate(180%); border-radius: 20px 0px 0px 20px; border-left: 1px solid var(--border); box-shadow: rgba(0, 0, 0, 0.5) -12px 0px 48px; }#drawer-overlay { background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(2px); }#login-screen { background: radial-gradient(1100px 600px at 70% -10%,rgba(255,169,40,.10),transparent 60%),
  radial-gradient(800px 500px at 10% 110%,rgba(10,132,255,.07),transparent 55%),var(--bg); }.login-box { background: var(--glass-panel); backdrop-filter: blur(24px); border: 1px solid var(--border); border-radius: 22px; box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 80px; padding: 36px 32px; }.login-sub { font-family: var(--font-ui); text-transform: none; letter-spacing: 0px; }.login-box input, .login-box select { padding: 11px 14px; font-size: 14px; margin-bottom: 10px; }.legal-wrap { max-width: 760px; margin: 0px auto; padding: 56px 24px 80px; }.ld-mock-tabs { display: flex; gap: 8px; justify-content: center; margin-bottom: 16px; flex-wrap: wrap; }.ld-mtab { background: var(--card); border: 1.5px solid var(--border); border-radius: 8px; padding: 9px 18px; letter-spacing: 0.1em; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); cursor: pointer; font-family: var(--font-body); transition: 0.15s; }.ld-mtab:hover { border-color: var(--amber); color: var(--text); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 14px; }.ld-mtab .mt-dot { width: 8px; height: 8px; border-radius: 2px; flex-shrink: 0; opacity: 0.55; transition: opacity 0.15s; }.ld-mtab:hover .mt-dot, .ld-mtab.active .mt-dot { opacity: 1; }.mock-lead { animation: 0.45s ease-out 0s 1 normal none running mockInk; }@keyframes mockInk { 
  0% { opacity: 0.25; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}.ld-mtab.active { background: rgba(240, 180, 41, 0.1); border-color: var(--ink,var(--amber)); color: var(--text); font-weight: 700; }.kb-move, .lead-select, .mini-select, .bulk-bar select { border-radius: 8px; font-family: var(--font-ui); }.bulk-bar { border-radius: 14px; background: rgba(255, 169, 40, 0.08); border: 1px solid rgba(255, 169, 40, 0.3); }.guide { font-family: var(--font-ui); }
@media (max-width: 768px){nav { background: var(--glass); backdrop-filter: blur(22px) saturate(180%); border-top: 1px solid var(--border); }.nav-item.active { background: transparent; color: var(--amber); }.topbar { position: fixed; left: 0px; right: 0px; }body:has(.topbar) main { padding-top: 70px; }}
:root { --font-head: var(--font-ui); --font-body: var(--font-ui); }@keyframes pageIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}.page.active { animation: pageIn .35s var(--ease) both; }@keyframes shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}.loading { user-select: none; border-radius: 12px; min-height: 72px; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 200% 100%; animation: 1.3s linear 0s infinite normal none running shimmer; color: transparent !important; }.empty { font-family: var(--font-ui); font-size: 13px; padding: 48px 20px; letter-spacing: 0px; }svg.nav-icon { width: 16px; height: 16px; flex: 0 0 16px; }.nav-item { gap: 11px; }.stat-card { position: relative; }.stat-card::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg,var(--wash2),rgba(255,255,255,0) 45%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); pointer-events: none; }.stat-val { font-size: 30px; letter-spacing: -0.03em; }.stat-label { margin-bottom: 8px; }.section-title { font-size: 17px; letter-spacing: -0.02em; }.filter-btn { background: linear-gradient(rgb(255, 184, 70), rgb(255, 157, 20)); box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 2px, rgba(255, 169, 40, 0.22) 0px 4px 16px; }.filter-btn.secondary { background: var(--wash2); box-shadow: none; }.login-btn, .drawer-save { background: linear-gradient(rgb(255, 184, 70), rgb(255, 157, 20)); box-shadow: rgba(255, 169, 40, 0.3) 0px 2px 10px; }.send-btn { border-radius: 50%; background: linear-gradient(rgb(255, 184, 70), rgb(255, 157, 20)); box-shadow: rgba(255, 169, 40, 0.3) 0px 2px 8px; }.pill-sm { border-radius: 980px; }.model-chip { border-radius: 980px; font-family: var(--font-ui); font-weight: 500; }.chat-input-area { border-radius: 18px; box-shadow: var(--shadow-card); }.chat-input-area:focus-within { border-color: var(--amber); box-shadow: 0 0 0 3px rgba(255,169,40,.18),var(--shadow-card); }.sql-block { border-radius: 10px; }@keyframes hmSpin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}@keyframes hmEcho { 
  0% { transform: scale(1); opacity: 0.75; }
  100% { transform: scale(1.9); opacity: 0; }
}.page .section-head { margin-top: 32px; }.page .section-head:first-child, .page .filter-bar + .section-head { margin-top: 0px; }.stat-grid + .section-head, .two-col .section-head { margin-top: 0px; }.login-sub { font-size: 13px; color: var(--muted); margin-bottom: 28px; }.login-btn { font-size: 15px; padding: 13px; }.btn-advance { background: var(--amber); color: rgb(18, 22, 31); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; padding: 7px 13px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; font-weight: 600; cursor: pointer; }.btn-advance:hover { filter: brightness(1.08); }@keyframes lcStampIn { 
  0% { transform: translateX(-50%) rotate(-8deg) scale(1.9); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: translateX(-50%) rotate(-8deg) scale(1); }
}.pf-stamp-sm { display: inline-block; position: relative; transform: rotate(-3deg); color: rgb(229, 96, 90); border: 2px solid rgb(229, 96, 90); border-radius: 6px; padding: 8px 16px 7px; font-family: var(--font-mono); font-weight: 700; letter-spacing: 0.2em; font-size: 12.5px; text-align: center; line-height: 1.2; vertical-align: middle; mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2' seed='7'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -1.05 1.42'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E"); mask-size: 220px; }.pf-stamp-sm::after { content: ""; position: absolute; inset: 3px; border: 1px solid rgb(229, 96, 90); border-radius: 4px; pointer-events: none; }.pf-stamp-sm small { display: block; font-size: 7.5px; letter-spacing: 0.16em; font-weight: 600; margin-top: 3px; opacity: 0.9; }#landing { min-height: 100vh; background: rgb(22, 28, 41); color: rgb(229, 233, 241); position: relative; overflow-x: hidden; }#landing .bp-grid { position: fixed; inset: 0px; pointer-events: none; z-index: 0; opacity: 0.08; background-image: repeating-linear-gradient(0deg, rgb(67, 100, 142) 0px, rgb(67, 100, 142) 1px, transparent 1px, transparent 42px), repeating-linear-gradient(90deg, rgb(67, 100, 142) 0px, rgb(67, 100, 142) 1px, transparent 1px, transparent 42px); }#landing nav.ld-nav { background: rgba(16, 21, 31, 0.88); border-bottom: 1px solid rgb(35, 42, 56); }#landing .ld-nav-links a { color: rgb(153, 161, 176); }#landing .ld-nav-links a:hover { color: rgb(243, 245, 248); }#landing .logo-word { color: rgb(243, 245, 248); }.bp-wrap { position: relative; z-index: 1; max-width: 1080px; margin: 0px auto; padding: 0px 24px; }.sheet { position: relative; border: 1px solid rgb(54, 68, 97); border-radius: 2px; background: rgba(17, 22, 31, 0.92); margin: 0px auto 64px; scroll-margin-top: 80px; }.bp-fold-teaser { display: none; }.sheet .tk { position: absolute; width: 14px; height: 14px; pointer-events: none; }.sheet .tk.tl { top: -1px; left: -1px; border-top: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); }.sheet .tk.tr { top: -1px; right: -1px; border-top: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); }.sheet .tk.bl { bottom: -1px; left: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-left: 2px solid rgb(67, 100, 142); }.sheet .tk.br { bottom: -1px; right: -1px; border-bottom: 2px solid rgb(67, 100, 142); border-right: 2px solid rgb(67, 100, 142); }.tblock { display: flex; border-bottom: 1px solid rgb(54, 68, 97); font-family: var(--font-mono); background: rgb(26, 34, 49); }.tb-logo { padding: 9px 14px; border-right: 1px solid rgb(54, 68, 97); display: flex; align-items: center; font-size: 12px; white-space: nowrap; }.tb-logo b { color: rgb(243, 245, 248); font-weight: 500; }.tb-logo span { color: rgb(240, 180, 41); }.tb-cell { padding: 7px 14px; border-right: 1px solid rgb(54, 68, 97); }.tb-cell:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }.tb-cell.grow { flex: 1 1 0%; min-width: 0px; }.tb-lab { font-size: 7.5px; color: rgb(123, 137, 164); letter-spacing: 0.14em; }.tb-val { font-size: 12px; color: rgb(229, 233, 241); letter-spacing: 0.04em; white-space: nowrap; font-weight: 400; margin: 0px; }.tb-val.num { color: rgb(240, 180, 41); }.tb-val.ctx { font-size: 10px; color: rgb(153, 161, 176); padding-top: 2px; }.sheet-body { padding: 20px 22px; }.bp-hero { position: relative; z-index: 1; max-width: 1080px; margin: 0px auto; padding: 64px 24px 60px; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 44px; align-items: start; }.bp-badge { display: inline-block; font-size: 10.5px; letter-spacing: 0.14em; color: rgb(240, 180, 41); border: 1px solid rgb(107, 90, 35); padding: 5px 12px; border-radius: 14px; margin-bottom: 20px; font-family: var(--font-mono); }.bp-hero h1 { font-size: 46px; line-height: 1.12; color: rgb(243, 245, 248); font-weight: 650; letter-spacing: -0.02em; margin: 0px; }.bp-hero h1 em { color: rgb(240, 180, 41); font-style: italic; display: block; }.bp-sub { font-size: 14.5px; color: rgb(169, 177, 191); line-height: 1.7; margin: 18px 0px 10px; max-width: 470px; }.bp-trades { font-size: 12.5px; color: rgb(137, 146, 162); line-height: 1.85; margin: 0px 0px 24px; max-width: 470px; }.bp-trades a { color: rgb(211, 217, 228); text-decoration: none; border-bottom: 1px dotted rgb(68, 77, 97); }.bp-trades a:hover { color: rgb(240, 180, 41); border-bottom-color: rgb(107, 90, 35); }.bp-ctas { display: flex; gap: 12px; margin-bottom: 34px; flex-wrap: wrap; }.bp-cta { font-size: 13.5px; padding: 10px 22px; border-radius: 20px; cursor: pointer; text-decoration: none; display: inline-block; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-family: inherit; }.bp-cta.pri { background: rgb(240, 180, 41); color: rgb(22, 28, 41); font-weight: 600; }.bp-cta.pri:hover { background: rgb(255, 201, 77); }.bp-cta.sec { background: none; color: rgb(211, 217, 228); border: 1px solid rgb(68, 77, 97); }.bp-cta.sec:hover { border-color: rgb(240, 180, 41); color: rgb(240, 180, 41); }.bp-dims { position: relative; padding-top: 14px; max-width: 470px; }.bp-dims::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; background: rgb(67, 100, 142); }.bp-dims .dt { position: absolute; top: -4px; width: 1px; height: 9px; background: rgb(67, 100, 142); }.bp-dim-row { display: flex; gap: 26px; flex-wrap: wrap; }.bp-dim .v { font-size: 17px; color: rgb(243, 245, 248); font-weight: 500; font-family: var(--font-mono); }.bp-dim .l { font-size: 10px; color: rgb(137, 146, 162); }.bp-dims .cap { font-size: 9px; color: rgb(123, 137, 164); font-family: var(--font-mono); margin-top: 8px; letter-spacing: 0.08em; }.bp-dims .dt.mid { height: 6px; background: rgb(54, 68, 97); }.bp-vt { position: absolute; right: 30px; bottom: 16px; text-align: left; display: flex; gap: 9px; align-items: flex-start; }.bp-vt-n { width: 22px; height: 22px; border: 1px solid rgb(97, 112, 141); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; color: rgb(153, 161, 176); font-family: var(--font-mono); flex-shrink: 0; margin-top: 1px; }.bp-vt-name { font-size: 11.5px; color: rgb(211, 217, 228); padding-bottom: 3px; border-bottom: 1px solid rgb(97, 112, 141); min-width: 170px; }.bp-vt-scale { font-size: 9px; color: rgb(123, 137, 164); font-family: var(--font-mono); letter-spacing: 0.08em; padding-top: 3px; }
@media (max-width: 680px){.bp-dims .dt.mid { display: none; }.bp-vt { position: static; margin: 28px auto 0px; justify-content: center; }}
.bp-feed-label { font-size: 10px; letter-spacing: 0.12em; color: rgb(137, 146, 162); font-family: var(--font-mono); margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }.bp-live-dot { width: 6px; height: 6px; border-radius: 50%; background: rgb(87, 165, 90); }.bp-feed { height: 430px; overflow: hidden; position: relative; border-left: 1px solid rgb(50, 58, 75); padding-left: 14px; }.bp-feed::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 70px; z-index: 1; background: linear-gradient(transparent, rgb(22, 28, 41)); }.bp-feed::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 24px; z-index: 1; background: linear-gradient(rgb(22, 28, 41), transparent); }#bp-feedcol { display: flex; flex-direction: column; gap: 8px; }#bp-stamp { position: absolute; top: 110px; right: 4px; transform: rotate(-11deg) scale(3); opacity: 0; border: 2.5px solid rgb(240, 180, 41); color: rgb(240, 180, 41); font-family: var(--font-mono); font-size: 13px; letter-spacing: 0.18em; padding: 5px 12px; border-radius: 4px; font-weight: 600; z-index: 2; background: rgba(16, 21, 31, 0.55); }.bp-sheetno { text-align: right; font-size: 9px; color: rgb(136, 148, 174); font-family: var(--font-mono); letter-spacing: 0.1em; margin-top: 8px; }@keyframes bpFeedScroll { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-50%); }
}@keyframes bpStampIn { 
  0% { opacity: 0; transform: rotate(-11deg) scale(3); }
  60% { opacity: 1; transform: rotate(-11deg) scale(0.94); }
  80% { transform: rotate(-11deg) scale(1.06); }
  100% { opacity: 1; transform: rotate(-11deg) scale(1); }
}.bp-stations { display: flex; align-items: center; padding: 6px 4px 2px; }.bp-sta { flex: 1 1 0%; text-align: center; padding: 8px; }.bp-sta .n { font-family: var(--font-mono); font-size: 10px; color: rgb(240, 180, 41); margin-bottom: 4px; letter-spacing: 0.08em; }.bp-sta .t { font-size: 14.5px; color: rgb(229, 233, 241); font-weight: 600; }.bp-sta .d { font-size: 11px; color: rgb(137, 146, 162); margin-top: 2px; }.bp-flow { flex: 0.7 1 0%; position: relative; height: 1px; background: rgb(67, 100, 142); }.bp-flow::after { content: ""; position: absolute; right: -1px; top: -3.5px; border-left: 7px solid rgb(67, 100, 142); border-top: 4px solid transparent; border-bottom: 4px solid transparent; }.bp-details { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.bp-det { border: 1px solid rgb(50, 58, 75); border-radius: 8px; padding: 14px 16px; background: rgb(26, 34, 49); }.bp-det-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }.bp-det-n { font-family: var(--font-mono); font-size: 10px; color: rgb(240, 180, 41); border: 1px solid rgb(107, 90, 35); border-radius: 50%; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }.bp-det-rule { height: 1px; flex: 1 1 0%; background: rgb(58, 52, 35); }.bp-det-tag { font-size: 9px; font-family: var(--font-mono); color: rgb(123, 137, 164); letter-spacing: 0.1em; }.bp-det h3 { font-size: 14px; color: rgb(229, 233, 241); font-weight: 600; margin: 0px 0px 5px; }.bp-det p { font-size: 12px; color: rgb(153, 161, 176); line-height: 1.62; margin: 0px; }.bp-keynotes { margin-top: 14px; border-top: 1px dashed rgb(54, 68, 97); padding-top: 10px; font-size: 10.5px; color: rgb(137, 146, 162); line-height: 1.95; font-family: var(--font-mono); }.bp-keynotes b { color: rgb(240, 180, 41); font-weight: 500; }.bp-redline { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.bp-rl { border-radius: 8px; padding: 14px 16px; }.bp-rl.old { border: 1px solid rgb(74, 44, 44); background: rgb(23, 19, 25); }.bp-rl.new { border: 1px solid rgb(58, 77, 56); background: rgb(19, 26, 21); position: relative; }.bp-rl-lab { font-size: 10px; font-family: var(--font-mono); letter-spacing: 0.12em; margin-bottom: 9px; }.bp-rl.old .bp-rl-lab { color: rgb(201, 106, 94); }.bp-rl.new .bp-rl-lab { color: rgb(125, 171, 110); }.bp-rl-rows { font-size: 12px; line-height: 2.05; }.bp-rl.old .bp-rl-rows { color: rgb(169, 177, 191); }.bp-rl.new .bp-rl-rows { color: rgb(211, 217, 228); }.bp-delta { font-family: var(--font-mono); font-size: 10px; }.bp-rl.old .bp-delta { color: rgb(201, 106, 94); }.bp-rl.new .bp-delta { color: rgb(125, 171, 110); }.bp-asbuilt { position: absolute; top: 10px; right: 12px; transform: rotate(8deg); border: 1.5px solid rgb(125, 171, 110); color: rgb(125, 171, 110); font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.14em; padding: 2px 8px; border-radius: 3px; }.bp-sheetnote { margin-top: 12px; font-size: 9.5px; color: rgb(123, 137, 164); font-family: var(--font-mono); letter-spacing: 0.04em; }.bp-sheetnote a { text-decoration: underline; text-underline-offset: 2px; }.bp-rfi-q { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }.bp-rfi-no { font-size: 9.5px; font-family: var(--font-mono); color: rgb(123, 137, 164); letter-spacing: 0.12em; flex-shrink: 0; }.bp-rfi-ask { font-size: 13px; color: rgb(229, 233, 241); font-weight: 500; padding: 7px 13px; background: rgb(31, 38, 54); border-radius: 6px; border: 1px solid rgb(50, 58, 75); }.bp-rfi-count { font-size: 9px; font-family: var(--font-mono); color: rgb(123, 137, 164); }.bp-read { border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(58, 52, 35) rgb(58, 52, 35) rgb(58, 52, 35) rgb(240, 180, 41); border-image: initial; border-radius: 0px 8px 8px 0px; background: rgb(22, 20, 14); padding: 15px 17px; }.bp-read-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; gap: 10px; flex-wrap: wrap; }.bp-read-lab { font-size: 9.5px; font-family: var(--font-mono); color: rgb(240, 180, 41); letter-spacing: 0.14em; }.bp-read-stats { display: flex; gap: 14px; font-family: var(--font-mono); font-size: 10px; color: rgb(169, 177, 191); }.bp-read-stats b { color: rgb(240, 180, 41); font-weight: 500; }.bp-read-lede { font-size: 13.5px; color: rgb(243, 245, 248); line-height: 1.55; margin-bottom: 12px; }.bp-rec { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 8px; }.bp-rec-n { font-family: var(--font-mono); font-size: 10px; border-radius: 9px; flex-shrink: 0; margin-top: 1px; }.bp-rec-n.one { color: rgb(22, 28, 41); background: rgb(240, 180, 41); font-weight: 600; padding: 1px 8px; }.bp-rec-n.rest { color: rgb(240, 180, 41); background: rgb(42, 36, 16); border: 1px solid rgb(107, 90, 35); padding: 0px 7px; }.bp-rec-t { font-size: 12px; color: rgb(211, 217, 228); line-height: 1.6; }.bp-rec-t .hl { color: rgb(240, 180, 41); border-bottom: 1px dotted rgb(107, 90, 35); }.bp-rec-t .go { font-size: 9px; font-family: var(--font-mono); color: rgb(125, 171, 110); letter-spacing: 0.1em; }.bp-followups { display: flex; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgb(42, 36, 16); flex-wrap: wrap; }.bp-followups span { font-size: 10px; color: rgb(169, 177, 191); border: 1px solid rgb(68, 77, 97); border-radius: 12px; padding: 3px 10px; }.bp-rfi-next { margin-top: 12px; font-size: 10px; color: rgb(123, 137, 164); font-family: var(--font-mono); letter-spacing: 0.06em; }.bp-rfi-cap { margin-top: 14px; font-size: 12px; color: rgb(137, 146, 162); line-height: 1.65; text-align: center; }.bp-radar-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 14px; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(50, 58, 75) rgb(50, 58, 75) currentcolor; border-image: initial; border-radius: 8px 8px 0px 0px; background: rgb(26, 34, 49); flex-wrap: wrap; }.bp-radar-bar .t { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: rgb(229, 233, 241); font-weight: 500; }.bp-radar-bar .s { font-size: 10.5px; color: rgb(137, 146, 162); font-family: var(--font-mono); }.bp-chip { font-size: 10px; color: rgb(22, 28, 41); background: rgb(240, 180, 41); padding: 3px 10px; border-radius: 11px; font-weight: 600; }.bp-chip.ghost { color: rgb(153, 161, 176); background: none; border: 1px solid rgb(68, 77, 97); font-weight: 400; }.bp-radar { position: relative; height: auto; aspect-ratio: 660 / 420; overflow: hidden; border: 1px solid rgb(50, 58, 75); border-radius: 0px 0px 8px 8px; background: rgb(19, 26, 41); }.bp-radar svg { position: absolute; inset: 0px; width: 100%; height: 100%; }.bp-legend { position: absolute; right: 12px; bottom: 10px; display: flex; gap: 12px; background: rgb(31, 38, 54); border: 1px solid rgb(50, 58, 75); border-radius: 8px; padding: 6px 12px; }.bp-legend span { font-size: 9.5px; color: rgb(153, 161, 176); display: flex; align-items: center; gap: 5px; }.bp-legend i { border-radius: 50%; display: inline-block; }@keyframes bpEcho { 
  0% { r: 5; opacity: 0.8; }
  100% { r: 18; opacity: 0; }
}.bp-keyplan-info { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; margin-top: 16px; }.bp-counties { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; font-size: 11px; color: rgb(169, 177, 191); line-height: 1.9; }.bp-nic-lab { font-size: 9px; font-family: var(--font-mono); color: rgb(201, 106, 94); letter-spacing: 0.12em; margin-bottom: 4px; }.bp-nic p { font-size: 11px; color: rgb(137, 146, 162); line-height: 1.65; margin: 0px; }.bp-nic a { color: rgb(211, 217, 228); }.bp-cityset { margin-top: 16px; }.bp-cityset summary { cursor: pointer; font-size: 10px; font-family: var(--font-mono); color: rgb(123, 137, 164); letter-spacing: 0.1em; list-style: none; }.bp-cityset summary::-webkit-details-marker { display: none; }.bp-cityset summary:hover { color: rgb(153, 161, 176); }.bp-marks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; align-items: stretch; }.bp-marks-4 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (max-width: 720px){.bp-marks-4 { grid-template-columns: 1fr; }}
.bp-marks .bp-mark.rec { transform: translateY(-4px); position: relative; z-index: 2; box-shadow: rgba(0, 0, 0, 0.55) 0px 16px 34px -10px; }.bp-marks .bp-mark.rec:hover { transform: translateY(-7px); }.bp-mark { border: 1px solid rgb(50, 58, 75); border-radius: 8px; background: rgb(26, 34, 49); padding: 14px; position: relative; }.bp-mark.rec { border: 1.5px solid rgb(107, 90, 35); background: rgb(22, 20, 14); }.bp-mark-no { font-family: var(--font-mono); font-size: 9px; color: rgb(123, 137, 164); letter-spacing: 0.12em; }.bp-mark.rec .bp-mark-no { color: rgb(148, 133, 75); }.bp-mark-name { font-size: 15px; color: rgb(229, 233, 241); font-weight: 600; margin: 3px 0px; }.bp-mark.rec .bp-mark-name { color: rgb(243, 245, 248); }.bp-mark-price { font-family: var(--font-mono); font-size: 17px; color: rgb(243, 245, 248); margin-bottom: 9px; }.bp-mark-price small { font-size: 10px; color: rgb(123, 137, 164); }.bp-mark.rec .bp-mark-price { color: rgb(240, 180, 41); }.bp-mark-lines { font-size: 11px; color: rgb(153, 161, 176); line-height: 1.85; border-top: 1px solid rgb(50, 58, 75); padding-top: 9px; }.bp-mark.rec .bp-mark-lines { color: rgb(169, 177, 191); border-color: rgb(58, 52, 35); }.bp-mark-lines .soft { color: rgb(123, 137, 164); }.bp-recstamp { position: absolute; top: -10px; right: 10px; transform: rotate(6deg); border: 1.5px solid rgb(240, 180, 41); color: rgb(240, 180, 41); background: rgb(22, 28, 41); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.12em; padding: 2px 8px; border-radius: 3px; }.bp-footer { position: relative; z-index: 1; border-top: 2px solid rgb(67, 100, 142); background: rgba(16, 21, 31, 0.6); padding: 30px 24px 38px; }.bp-foot-grid { max-width: 1080px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1.3fr 0.9fr; gap: 30px; }.bp-flab { font-size: 8.5px; font-family: var(--font-mono); color: rgb(123, 137, 164); letter-spacing: 0.14em; margin-bottom: 9px; }.bp-index { font-size: 11px; font-family: var(--font-mono); line-height: 2.05; }.bp-index a { color: rgb(153, 161, 176); text-decoration: none; }.bp-index a:hover { color: rgb(243, 245, 248); }.bp-index i { color: rgb(240, 180, 41); font-style: normal; margin-right: 7px; }.bp-notes { font-size: 10.5px; color: rgb(137, 146, 162); line-height: 1.85; }.bp-notes a { color: rgb(153, 161, 176); text-decoration: none; }.bp-notes a:hover { color: rgb(240, 180, 41); }.bp-issue { border: 1px solid rgb(54, 68, 97); border-radius: 4px; padding: 12px 14px; background: rgb(26, 34, 49); align-self: start; }.bp-issue .lg { font-size: 13px; margin-bottom: 4px; }.bp-issue .st { font-size: 8.5px; font-family: var(--font-mono); color: rgb(125, 171, 110); letter-spacing: 0.1em; margin-bottom: 8px; }.bp-issue .ln { font-size: 10.5px; color: rgb(123, 137, 164); line-height: 1.9; }.bp-issue a { color: rgb(153, 161, 176); text-decoration: none; }.bp-issue a:hover { color: rgb(240, 180, 41); }.bp-dossier { position: relative; max-width: 680px; margin: 0px auto; background: rgb(26, 34, 49); border: 1px solid rgb(50, 58, 75); border-radius: 10px; padding: 18px 22px 0px; max-height: 640px; overflow: hidden; }.bp-dos-band { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }.bp-dos-tag { font-size: 9.5px; font-weight: 700; letter-spacing: 0.08em; padding: 3px 10px; border-radius: 10px; font-family: var(--font-mono); }.bp-dos-tag.hot { background: rgba(255, 80, 40, 0.16); color: rgb(255, 122, 92); }.bp-dos-stars { color: rgb(240, 180, 41); font-size: 12px; letter-spacing: 2px; }.bp-dos-file { font-size: 9.5px; color: rgb(123, 137, 164); font-family: var(--font-mono); letter-spacing: 0.08em; }.bp-dos-score { margin-left: auto; font-size: 11px; font-family: var(--font-mono); color: rgb(22, 28, 41); background: rgb(240, 180, 41); padding: 2px 9px; border-radius: 10px; font-weight: 600; }.bp-dos-title { font-size: 19px; font-weight: 650; color: rgb(243, 245, 248); letter-spacing: -0.2px; line-height: 1.3; margin-bottom: 5px; }.bp-dos-sub { font-size: 10.5px; color: rgb(153, 161, 176); font-family: var(--font-mono); letter-spacing: 0.04em; margin-bottom: 13px; }.bp-dos-sub b { color: rgb(240, 180, 41); font-weight: 500; }.bp-dos-sub .early { color: rgb(125, 171, 110); }.bp-dos-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 20px; font-size: 12px; color: rgb(211, 217, 228); border-top: 1px solid rgb(50, 58, 75); border-bottom: 1px solid rgb(50, 58, 75); padding: 11px 0px; margin-bottom: 12px; }.bp-dos-fields > div { display: flex; gap: 8px; align-items: baseline; min-width: 0px; }.bp-dos-fields span { color: rgb(123, 137, 164); font-size: 9px; font-family: var(--font-mono); letter-spacing: 0.06em; flex: 0 0 76px; }.bp-dos-fields .wide { grid-column: 1 / -1; }.bp-dos-lab { display: block; font-size: 9px; font-family: var(--font-mono); color: rgb(123, 137, 164); letter-spacing: 0.12em; margin-bottom: 5px; }.bp-dos-lab.amber { color: rgb(240, 180, 41); }.bp-dos-lab.green { color: rgb(125, 171, 110); }.bp-dos-scope { font-size: 12px; color: rgb(153, 161, 176); line-height: 1.6; margin-bottom: 12px; }.bp-dos-angle { border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(58, 52, 35) rgb(58, 52, 35) rgb(58, 52, 35) rgb(240, 180, 41); border-image: initial; border-radius: 0px 8px 8px 0px; background: rgb(22, 20, 14); padding: 12px 14px; margin-bottom: 12px; }.bp-dos-angle p { font-size: 12.5px; color: rgb(211, 217, 228); line-height: 1.65; margin: 0px; }.bp-dos-intel { border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(44, 58, 44) rgb(44, 58, 44) rgb(44, 58, 44) rgb(125, 171, 110); border-image: initial; border-radius: 0px 8px 8px 0px; background: rgb(16, 23, 16); padding: 12px 14px 22px; }.bp-dos-intel p { font-size: 12.5px; color: rgb(168, 184, 170); line-height: 1.65; margin: 0px; }.bp-dos-fade { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 112px; background: linear-gradient(rgba(20, 26, 38, 0), rgb(26, 34, 49) 62%); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 14px; }.bp-dos-more { background: none; border: 1px solid rgb(68, 77, 97); color: rgb(153, 161, 176); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.1em; padding: 7px 16px; border-radius: 14px; cursor: pointer; }.bp-dos-more:hover { color: rgb(240, 180, 41); border-color: rgb(107, 90, 35); }
@media (max-width: 620px){.bp-dos-fields { grid-template-columns: 1fr; }.bp-dossier { max-height: 600px; }}
#landing .ld-mtab, .bp-page .ld-mtab { background: rgb(26, 34, 49); border-color: rgb(50, 58, 75); color: rgb(153, 161, 176); }#landing .ld-mtab.active, .bp-page .ld-mtab.active { border-color: rgb(107, 90, 35); color: rgb(240, 180, 41); background: rgb(22, 20, 14); }.bp-page { min-height: 100vh; color: rgb(229, 233, 241); background-color: rgb(22, 28, 41); --bg: #161c29; --card: #1a2231; --surface: #1a2231; --border: #323a4b; --wash: #1f2636; --wash2: #273043; --text: #e5e9f1; --muted: #a9b1bf; --dim: #8992a2; --glass: rgba(16,21,31,.88); --shadow-card: none; --amber: #F0B429; background-image: repeating-linear-gradient(0deg, rgba(61, 90, 128, 0.13) 0px, rgba(61, 90, 128, 0.13) 1px, transparent 1px, transparent 42px), repeating-linear-gradient(90deg, rgba(61, 90, 128, 0.13) 0px, rgba(61, 90, 128, 0.13) 1px, transparent 1px, transparent 42px); }.bp-page nav.ld-nav { background: rgba(16, 21, 31, 0.88); border-bottom: 1px solid rgb(35, 42, 56); }.bp-page .ld-nav-links a { color: rgb(153, 161, 176); }.bp-page .ld-nav-links a:hover { color: rgb(243, 245, 248); }.bp-page .logo-word { color: rgb(243, 245, 248); }.bp-page .theme-btn { display: none; }
@media (max-width: 880px){.bp-hero { grid-template-columns: 1fr; gap: 32px; padding: 40px 18px; }.bp-hero h1 { font-size: 32px; }.bp-feed { height: 260px; }#bp-stamp { top: 70px; }.bp-marks { grid-template-columns: 1fr 1fr; }.bp-marks .bp-mark.rec { transform: translateY(-4px); }.bp-marks .bp-mark.rec:hover { transform: translateY(-7px); }}
@media (max-width: 680px){.bp-stations { flex-direction: column; }.bp-flow { width: 1px; height: 22px; flex: 0 0 auto; }.bp-flow::after { inset: auto auto -1px -3.5px; border-width: 7px 4px medium; border-style: solid solid none; border-color: rgb(67, 100, 142) transparent currentcolor; }.bp-details, .bp-redline, .bp-keyplan-info { grid-template-columns: 1fr; }.bp-radar { aspect-ratio: 660 / 420; }.bp-radar-bar { flex-direction: column; align-items: flex-start; gap: 6px; }.tb-cell.ctx-cell { display: none; }.sheet-body { padding: 16px 14px; }.bp-foot-grid { grid-template-columns: 1fr; }.bp-wrap { display: flex; flex-direction: column; }#keyplan { order: 1; }#how { order: 2; }#features { order: 3; }#compare { order: 4; }#workbench { order: 5; }#pricing { order: 6; }.sheet { margin-bottom: 34px; }.bp-mob-fold .tblock { cursor: pointer; }.bp-mob-fold:not(.bp-open) { cursor: pointer; }.bp-mob-fold:not(.bp-open) .sheet-body { display: none; }.bp-mob-fold:not(.bp-open) .bp-fold-teaser { display: block; padding: 13px 16px 0px; font-size: 12.5px; color: rgb(153, 161, 176); line-height: 1.6; }.bp-mob-fold:not(.bp-open)::after { content: "TAP TO OPEN SHEET ▾"; display: block; text-align: center; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.16em; color: rgb(123, 137, 164); padding: 10px 0px 12px; }.bp-footer { padding-top: 26px; }.bp-index { column-count: 2; column-gap: 16px; font-size: 11px; }.bp-footer .bp-foot-grid { gap: 22px; }}
@media (max-width: 540px){.bp-marks { grid-template-columns: 1fr; }.bp-marks .bp-mark.rec, .bp-marks .bp-mark.rec:hover { transform: none; }}
.ld-nav { position: sticky; inset: 0px auto auto; z-index: 20; display: flex; flex-direction: row; align-items: center; gap: 28px; height: auto; width: auto; overflow: visible; padding: 14px 32px; background: var(--glass); backdrop-filter: blur(20px) saturate(180%); border-bottom: 1px solid var(--border); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }nav.ld-nav .logo { font-size: 19px; }.ld-nav-links { display: flex; gap: 22px; margin-left: auto; }.ld-nav-links a { color: var(--muted); text-decoration: none; font-size: 13px; font-weight: 500; }.ld-nav-links a:hover { color: var(--text); }.ld-hero { max-width: 880px; margin: 0px auto; padding: 96px 24px 72px; text-align: center; }.ld-hero h1 { font-size: 52px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; margin-bottom: 20px; }.ld-hero h1 em { font-style: normal; background: linear-gradient(90deg, rgb(255, 184, 70), rgb(255, 138, 60)) text; -webkit-text-fill-color: transparent; }.ld-sub { font-size: 17px; color: var(--muted); line-height: 1.65; max-width: 640px; margin: 0px auto 32px; }.ld-cta-row { display: flex; gap: 12px; justify-content: center; margin-bottom: 56px; }.ld-cta { font-size: 15px; padding: 12px 28px; text-decoration: none; display: inline-flex; align-items: center; white-space: normal; text-align: center; }.ld-section { max-width: 1040px; margin: 0px auto; padding: 72px 24px; }.vt-kick { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.2em; color: var(--tkink,var(--amber)); margin-bottom: 8px; font-weight: 700; }.vt-rail { display: flex; align-items: flex-start; margin: 38px 0px 8px; }.vt-stop { flex: 1 1 0%; text-align: center; position: relative; min-width: 0px; }.vt-stop::before { content: ""; position: absolute; top: 10px; left: -50%; width: 100%; height: 2.5px; background: var(--border); }.vt-stop:first-child::before { display: none; }.vt-dot { width: 22px; height: 22px; border-radius: 50%; border: 3px solid var(--border); background: var(--card); margin: 0px auto; position: relative; z-index: 1; box-sizing: border-box; }.vt-stop.hot .vt-dot { border-color: var(--tkink); background: color-mix(in srgb, var(--tkink) 35%, var(--card)); box-shadow: 0 0 0 6px color-mix(in srgb, var(--tkink) 18%, transparent); }.vt-lab { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.13em; color: var(--text); font-weight: 700; margin-top: 12px; }.vt-tag { display: inline-block; margin-top: 8px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; padding: 4px 10px; border-radius: 5px; border: 1.5px solid var(--border); color: var(--muted); }.vt-stop.hot .vt-tag { color: var(--tkink); border-color: color-mix(in srgb, var(--tkink) 60%, transparent); background: color-mix(in srgb, var(--tkink) 10%, transparent); font-weight: 700; }.vt-pats { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-top: 26px; }.vt-pat { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 12px; background: var(--card); padding: 19px 20px 15px; border-top: 3.5px solid var(--tkink,var(--amber)); }.vt-pat .pt-chip { font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.18em; color: var(--tkink); border: 1px solid color-mix(in srgb, var(--tkink) 55%, transparent); border-radius: 4px; padding: 3px 9px; display: inline-block; font-weight: 700; }.vt-pat h3 { font-size: 17px; margin: 11px 0px 7px; letter-spacing: -0.01em; }.vt-pat p { font-size: 13.5px; color: color-mix(in srgb, var(--text) 82%, var(--muted)); line-height: 1.7; margin: 0px; }.vt-pat .pt-foot { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 13px; padding-top: 11px; border-top: 1px dashed var(--border); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.1em; color: var(--muted); }.vt-calc { border: 1.5px solid color-mix(in srgb, var(--tkink,var(--amber)) 30%, var(--border)); border-radius: 16px; background: var(--card); padding: 26px 28px 22px; margin-top: 24px; }.vt-calc input[type="range"] { width: 100%; accent-color: var(--tkink,var(--amber)); cursor: pointer; height: 22px; }.vt-cal-lab { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--muted); margin: 18px 0px 5px; font-weight: 700; }.vt-cal-lab b { font-family: Georgia, "Times New Roman", serif; font-size: 25px; letter-spacing: 0px; color: var(--text); font-weight: 700; }.vt-cal-out { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin-top: 22px; text-align: center; }.vt-cal-cell { border: 1px solid var(--border); border-radius: 12px; padding: 18px 10px 15px; background: var(--surface); }.vt-cal-big { font-family: Georgia, "Times New Roman", serif; font-size: 40px; font-weight: 700; color: var(--tkink,var(--amber)); line-height: 1; }.vt-cal-sub { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; color: var(--muted); margin-top: 8px; font-weight: 700; }
@media (max-width: 680px){.vt-rail { overflow-x: auto; padding-bottom: 8px; }.vt-stop { min-width: 104px; }.vt-cal-big { font-size: 30px; }.vt-pat h3 { font-size: 15px; }}
.ld-section h2 { font-size: 32px; font-weight: 800; letter-spacing: -0.02em; text-align: center; margin-bottom: 10px; }.ld-section-sub { text-align: center; color: var(--muted); font-size: 15px; max-width: 560px; margin: 0px auto 44px; line-height: 1.6; }.ld-cities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 860px; margin: 0px auto; }
@media (max-width: 820px){.ld-hero h1 { font-size: 34px; }.ld-hero { padding: 56px 18px 48px; }body { overscroll-behavior-x: none; }.ld-nav { padding: 10px 14px; flex-wrap: wrap; row-gap: 8px; }.ld-nav-links { display: flex; order: 9; flex-basis: 100%; gap: 18px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }.ld-nav-links::-webkit-scrollbar { display: none; }.ld-nav-links a { white-space: nowrap; font-size: 12.5px; }nav.ld-nav { padding: 10px 14px; gap: 10px; }nav.ld-nav .logo { font-size: 16px; }nav.ld-nav .logo .logo-mark { width: 20px; height: 20px; }nav.ld-nav .nav-signin, nav.ld-nav .nav-signup { flex: 1 1 0px; min-width: 0px; padding: 10px 14px; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }nav.ld-nav .nav-signin:last-child { flex: 0 1 auto; min-width: 132px; margin-left: auto; }nav.ld-nav .ld-nav-links { flex-wrap: nowrap; justify-content: space-between; gap: 8px; overflow: visible; padding-bottom: 0px; }nav.ld-nav .ld-nav-links a[href$="#features"], nav.ld-nav .ld-nav-links a[href$="#how"] { display: none; }.sheet { max-width: 100%; }.tblock { overflow-x: auto; scrollbar-width: none; }.tblock::-webkit-scrollbar { display: none; }.sheet-body { overflow-x: auto; }.sheet-body svg { max-width: 100%; height: auto; }}
#login-screen { display: none; }.login-close { position: absolute; top: 14px; right: 16px; width: 30px; height: 30px; border-radius: 50%; background: var(--wash2); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--muted); font-size: 15px; cursor: pointer; }.login-close:hover { background: var(--wash2); color: var(--text); }.login-box { position: relative; }.modal-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.45); z-index: 120; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(2px); overflow-y: auto; overscroll-behavior: contain; }.modal-box { overscroll-behavior: contain; }.modal-box { background: var(--card); border: 1px solid var(--border); border-radius: 18px; padding: 22px 24px; width: 440px; max-width: 94vw; max-height: 88vh; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.4) 0px 24px 80px; }.modal-label { font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--dim); margin-bottom: 6px; }.modal-opt { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border-radius: 10px; cursor: pointer; font-size: 12.5px; line-height: 1.45; color: var(--muted); border: 1px solid transparent; transition: background 0.15s, border-color 0.15s; }.modal-opt:hover { background: var(--wash); }.modal-opt:has(input:checked) { background: var(--wash); border-color: color-mix(in srgb, var(--amber) 40%, transparent); }.modal-opt input { accent-color: var(--amber); margin-top: 2px; flex-shrink: 0; }.modal-opt b { color: var(--text); }#export-modal .modal-box { position: relative; }.exm-wm { position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%) rotate(-18deg); font-family: var(--font-mono); font-size: 46px; letter-spacing: 0.32em; font-weight: 700; color: var(--text); opacity: 0.05; pointer-events: none; user-select: none; white-space: nowrap; }.exm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; position: relative; padding-bottom: 13px; margin-bottom: 10px; }.exm-head::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 5px; background: repeating-linear-gradient(-45deg, var(--border) 0 3px, transparent 3px 7px); }.exm-kick { font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.16em; color: var(--dim); }
@media (min-width: 940px){#export-modal .modal-box { width: 880px; max-width: 92vw; }#export-modal .exm-cols { display: grid; grid-template-columns: 1fr 1fr; column-gap: 26px; align-items: start; }}
.exm-sheet { font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-style: italic; color: var(--amber); line-height: 1; }.exm-rev { font-family: var(--font-mono); font-style: normal; font-size: 8.5px; letter-spacing: 0.06em; color: var(--dim); vertical-align: super; }.exm-no { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 12.5px; color: var(--amber); letter-spacing: 0px; }#export-modal .modal-opt input[type="radio"] { appearance: none; width: 13px; height: 13px; border: 1.5px solid var(--dim); border-radius: 2px; background: transparent; cursor: pointer; transition: border-color 0.15s; }#export-modal .modal-opt input[type="radio"]:checked { border-color: var(--amber); background: linear-gradient(45deg, transparent 41%, var(--amber) 41%, var(--amber) 59%, transparent 59%),
  linear-gradient(-45deg, transparent 41%, var(--amber) 41%, var(--amber) 59%, transparent 59%); }.exm-foot { display: flex; gap: 10px; margin-top: 16px; justify-content: flex-end; align-items: center; border-top: 1px dashed var(--dim); padding-top: 12px; position: relative; }.exm-foot::before { content: "✂"; position: absolute; top: -10px; left: 10px; font-size: 12px; line-height: 1; color: var(--dim); background: var(--card); padding: 0px 4px; }.exm-foot-note { font-family: var(--font-mono); font-size: 7.5px; letter-spacing: 0.12em; color: var(--dim); margin-right: auto; }@keyframes toastIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}.theme-btn { width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--border); background: var(--wash); color: var(--muted); cursor: pointer; font-size: 14px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }.theme-btn:hover { color: var(--amber); border-color: var(--amber-dim); }.docs-layout { display: grid; grid-template-columns: 225px minmax(0px, 1fr); gap: 34px; align-items: start; }.doc-nav { position: sticky; top: 14px; max-height: calc(-90px + 100vh); overflow: auto; padding-right: 8px; }
@media (max-width: 900px){.docs-layout { grid-template-columns: 1fr; }.doc-nav { position: static; max-height: none; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; align-items: start; }#page-guide, .guide { max-width: 100%; overflow-x: hidden; }}
.doc-chip { font-size: 12px; font-weight: 500; color: var(--muted); background: var(--card); border: 1px solid var(--border); border-radius: 980px; padding: 6px 14px; text-decoration: none; }.doc-chip:hover { color: var(--amber); border-color: rgba(255, 169, 40, 0.4); }#doc-search { background: var(--card); border: 1px solid var(--border); border-radius: 980px; padding: 8px 16px; color: var(--text); font-size: 13px; outline: none; }#doc-search:focus { border-color: var(--amber); box-shadow: rgba(255, 169, 40, 0.18) 0px 0px 0px 3px; }details.faq { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 0px; margin-bottom: 8px; overflow: hidden; }details.faq summary { cursor: pointer; font-size: 13.5px; font-weight: 600; padding: 13px 16px; list-style: none; display: flex; align-items: center; color: var(--text); }details.faq summary::-webkit-details-marker { display: none; }details.faq summary::after { content: "+"; margin-left: auto; color: var(--dim); font-size: 16px; font-weight: 400; transition: transform .18s var(--ease); }details.faq p { padding: 0px 16px 14px; font-size: 13px; color: var(--muted); line-height: 1.65; margin: 0px; }.ld-faq details.faq { box-shadow: var(--shadow-card); }.cov-toolbar { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; justify-content: center; }#cov-search { background: var(--card); border: 1px solid var(--border); border-radius: 980px; padding: 10px 18px; color: var(--text); font-size: 14px; outline: none; min-width: 280px; }#cov-search:focus { border-color: var(--amber); box-shadow: rgba(255, 169, 40, 0.18) 0px 0px 0px 3px; }
@media (max-width: 768px){#cov-search { min-width: 0px; flex: 1 1 0%; }}
.blog-wrap { max-width: 720px; margin: 0px auto; padding: 56px 24px; min-height: 60vh; }.acct-card input[type="text"], .acct-card input[type="password"], .acct-card textarea { background: var(--wash,rgba(128,140,160,.08)) !important; border: 1px solid var(--border,#444d61) !important; border-radius: 8px !important; padding: 10px 13px !important; }.acct-card input[type="text"]:focus, .acct-card input[type="password"]:focus, .acct-card textarea:focus { border-color: var(--amber,#F0B429) !important; box-shadow: rgba(240, 180, 41, 0.14) 0px 0px 0px 3px !important; }
@media (prefers-reduced-motion: reduce){* { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }.loading { color: var(--dim) !important; }}
.wb-zone { display: flex; align-items: baseline; gap: 12px; margin: 36px 0px 16px; }.wb-zone-no { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.2em; font-weight: 800; color: var(--amber); border: 1.5px solid var(--amber-dim); border-radius: 5px; padding: 3px 8px 2px; flex: 0 0 auto; }.wb-zone-name { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.22em; font-weight: 700; color: var(--text); flex: 0 0 auto; }.wb-zone-rule { flex: 1 1 0%; height: 1px; background: linear-gradient(90deg,var(--border),transparent); }.wb-zone-note { font-family: var(--font-mono); font-size: 8.5px; letter-spacing: 0.14em; color: var(--dim); text-align: right; }#page-dashboard .table-wrap, #page-dashboard .trend-card, #page-dashboard .theme-card, #page-dashboard .stat-card { position: relative; }#page-dashboard .table-wrap::after, #page-dashboard .trend-card::after { content: ""; position: absolute; top: 6px; right: 6px; width: 12px; height: 12px; border-top: 1.5px solid var(--amber); border-right: 1.5px solid var(--amber); border-radius: 0px 4px 0px 0px; opacity: 0; transition: opacity 0.25s; pointer-events: none; }#page-dashboard .table-wrap:hover::after, #page-dashboard .trend-card:hover::after { opacity: 0.85; }@keyframes crScan { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}:root { --spring: cubic-bezier(0.22,1,0.36,1); }:where(.btn-act, .ed-chip, .filter-btn, .chip-btn, .src-ver, .drawer-save, .bp-stamp-cta, .dl-btn, .sh-x, .ut-x, .ab-gear, .dsv-navchip) { transition: transform 100ms ease-out; }:where(.btn-act, .ed-chip, .filter-btn, .chip-btn, .src-ver, .drawer-save, .bp-stamp-cta, .dl-btn, .dsv-navchip):active { transform: scale(0.965); }:where(.nav-item):active { transform: translateX(1px); }.modal-box { animation: pfIn 300ms var(--spring); }@keyframes pfIn { 
  0% { opacity: 0; transform: translateY(12px) scale(0.985); }
}body, .page, .table-wrap, .ds-sheet, .dsc, .vt-pat, .vt-calc, .sh-pad { transition: background-color 200ms, color 200ms, border-color 200ms; }
@media (prefers-reduced-motion: reduce){*, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }}
@media (max-width: 680px){.btn-act.mini { min-height: 40px; padding-top: 9px; padding-bottom: 9px; }}
@media (min-width: 769px) and (max-width: 940px){.topbar { gap: 10px; padding: 0px 12px; }.topbar-stats { gap: 10px; flex-shrink: 1; min-width: 0px; }.topbar-user { flex-shrink: 1; min-width: 0px; gap: 7px; }}
a.nav-signin { position: relative; }a.nav-signin::after { content: ""; position: absolute; inset: -14px -8px; }.ab-dims { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin: 0px 0px 14px; }.ab-bar { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 0px 0px 12px; }.ab-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap: 10px; }@keyframes abPulse { 
  0% { box-shadow: 0 0 0 0 var(--pulse); }
  70% { box-shadow: transparent 0px 0px 0px 7px; }
  100% { box-shadow: transparent 0px 0px 0px 0px; }
}#sp { --bg: #111621; --card: #1a2231; --wash2: #273043; --border: #2b3a52; --line: #323a4b; --text: #e5e9f1; --muted: #70819a; --muted2: #99a1b0; --amber: #F0B429; --green: #30D158; --red: #F0729B; --mono: 'IBM Plex Mono',ui-monospace,Menlo,monospace; --ui: 'Inter','Inter-fb',-apple-system,system-ui,sans-serif; --head: 'Inter','Inter-fb',-apple-system,system-ui,sans-serif; color: var(--text); font-family: var(--ui); padding: 44px 40px 60px; min-height: 640px; }#sp .wrap { max-width: 1000px; margin: 0px auto; }#sp .badge { font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em; color: var(--amber); border: 1px solid var(--border); border-radius: 5px; padding: 5px 11px; text-transform: uppercase; }#sp h1 { font-family: var(--head); font-size: 40px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; margin: 18px 0px 10px; }#sp h1 em { font-style: italic; color: var(--amber); }#sp .sub { color: var(--muted2); font-size: 14px; max-width: 640px; margin: 0px 0px 30px; line-height: 1.6; }#sp .strip { position: relative; max-width: 760px; margin: 0px auto 8px; }#sp .bracket { height: 14px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-image: linear-gradient(90deg,var(--border),var(--border)) 1; position: relative; }#sp .bracket::before, #sp .bracket::after { content: ""; position: absolute; top: -1px; width: 1px; height: 14px; background: var(--border); }#sp .bracket::before { left: 50%; }#sp .dims { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 14px 4px 0px; }#sp .dim b { font-family: var(--mono); font-size: 26px; font-weight: 500; display: block; letter-spacing: -0.01em; }#sp .dim.a b { color: var(--amber); }#sp .dim.g b { color: var(--green); }#sp .dim span { font-size: 12px; color: var(--muted); }#sp .dimcap { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; color: var(--muted); text-transform: uppercase; text-align: center; margin-top: 12px; }#sp .keyplan { display: flex; align-items: flex-start; gap: 10px; justify-content: flex-end; margin: 18px 0px 26px; }#sp .kp-num { width: 22px; height: 22px; border: 1px solid var(--border); border-radius: 50%; display: grid; place-items: center; font-family: var(--mono); font-size: 11px; color: var(--muted); }#sp .kp-t { font-size: 13px; }#sp .kp-t .g { color: var(--muted2); }#sp .kp-s { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; color: var(--muted); text-transform: uppercase; margin-top: 3px; }#sp .toolbar { display: flex; gap: 14px; align-items: center; justify-content: center; margin-bottom: 30px; }#sp .search { background: var(--card); border: 1px solid var(--border); border-radius: 999px; padding: 12px 22px; color: var(--muted2); font-size: 15px; min-width: 340px; }#sp .count { font-family: var(--mono); font-size: 11px; color: var(--muted); border: 1px solid var(--border); border-radius: 999px; padding: 9px 16px; }#sp .muted { color: var(--muted2); }
@media (max-width: 768px){#sp { padding: 24px 14px 40px; }#sp .search { min-width: 0px; width: 100%; }}
.sh-wrap { display: grid; grid-template-columns: 1fr 330px; gap: 18px; align-items: start; }
@media (max-width: 900px){.sh-wrap { grid-template-columns: 1fr; }.sh-pad { position: static !important; }}
.sh-pad { position: sticky; top: 76px; }.bp-plate-sm { display: inline-block; background: none; border: 1px solid rgb(107, 90, 35); border-radius: 4px; color: rgb(240, 180, 41); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; padding: 9px 18px; cursor: pointer; text-decoration: none; transition: background 0.15s, border-color 0.15s; }.bp-plate-sm:hover { background: rgba(240, 180, 41, 0.08); border-color: rgb(240, 180, 41); }