
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:#0a0c0f; --bg2:#111419; --bg3:#181c22; --bg4:#1e242d;
  --border:#1e242d; --border2:#252d38; --border3:#2d3748;
  --text:#e8eaed; --text2:#8a9ab0; --text3:#4a5568;
  --accent:#4fc3dc; --accent2:#a78cf2;
  --green:#4ade80; --red:#f87171; --orange:#fb923c; --gold:#f7c948;
  --pyro:#f2a87e; --hydro:#7ec8f2; --geo:#f7d08a;
  --electro:#c89ef7; --anemo:#7ef2c8; --dendro:#a0e87a; --cryo:#b0e0f7;
}
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:'Rajdhani',sans-serif; font-size:14px; min-height:100vh; }
::-webkit-scrollbar { width:4px; } ::-webkit-scrollbar-track { background:var(--bg); } ::-webkit-scrollbar-thumb { background:var(--border3); border-radius:2px; }

/* HEADER */
.header { background:var(--bg2); border-bottom:1px solid var(--border); padding:0 20px; height:52px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:200; }
.header-left { display:flex; align-items:center; gap:12px; }
.logo { font-family:'Share Tech Mono',monospace; font-size:18px; color:var(--text); letter-spacing:0.05em; }
.logo span { color:var(--accent); }
.verified { font-family:'Share Tech Mono',monospace; font-size:9px; background:rgba(79,195,220,0.08); color:var(--accent); border:1px solid rgba(79,195,220,0.25); padding:2px 8px; border-radius:20px; }
.header-right { display:flex; align-items:center; gap:10px; }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--accent); animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1}50%{opacity:0.3} }
.save-status { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); }
.btn { font-family:'Share Tech Mono',monospace; font-size:11px; padding:6px 14px; border-radius:6px; border:1px solid var(--border2); background:transparent; color:var(--text2); cursor:pointer; transition:all 0.15s; letter-spacing:0.05em; }
.btn:hover { border-color:var(--accent); color:var(--accent); }
.btn-primary { border-color:var(--accent); color:var(--accent); }
.btn-primary:hover { background:rgba(79,195,220,0.08); }
.btn-danger { border-color:var(--red); color:var(--red); }
.btn-danger:hover { background:rgba(248,113,113,0.08); }
.btn-sm { padding:4px 10px; font-size:10px; }

/* LAYOUT */
.layout { display:flex; height:calc(100vh - 52px); }

/* SIDEBAR */
.sidebar { width:200px; min-width:200px; background:var(--bg2); border-right:1px solid var(--border); display:flex; flex-direction:column; overflow-y:auto; }
.sidebar-section { padding:14px 0; border-bottom:1px solid var(--border); }
.sidebar-label { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--text3); letter-spacing:0.12em; padding:0 16px 8px; display:block; }
.nav-item { display:flex; align-items:center; gap:10px; padding:8px 16px; cursor:pointer; transition:all 0.12s; color:var(--text2); font-size:13px; font-weight:500; letter-spacing:0.03em; }
.nav-item:hover { background:var(--bg3); color:var(--text); }
.nav-item.active { background:rgba(79,195,220,0.08); color:var(--accent); border-right:2px solid var(--accent); }
.nav-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.nav-badge { font-family:'Share Tech Mono',monospace; font-size:9px; padding:1px 6px; border-radius:10px; margin-left:auto; }
.badge-err { background:rgba(248,113,113,0.1); color:var(--red); }
.badge-warn { background:rgba(251,146,60,0.1); color:var(--orange); }
.badge-ok { background:rgba(74,222,128,0.1); color:var(--green); }

/* MAIN */
.main { flex:1; overflow-y:auto; padding:20px; }
.section-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.section-title { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); letter-spacing:0.12em; }
.section-meta { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text2); }

/* CHAR CARDS */
.char-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:10px; margin-bottom:24px; }
.char-card { background:var(--bg2); border:1px solid var(--border); border-radius:10px; overflow:hidden; transition:border-color 0.15s,transform 0.15s; }
.char-card:hover { border-color:var(--border3); transform:translateY(-1px); }
.char-card.fl-err { border-left:3px solid var(--red); }
.char-card.fl-warn { border-left:3px solid var(--orange); }
.char-card.fl-ok { border-left:3px solid var(--green); }
.card-head { padding:12px 14px 8px; display:flex; align-items:flex-start; justify-content:space-between; }
.card-name { font-size:16px; font-weight:700; color:var(--text); }
.card-role { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); margin-top:2px; }
.el-badge { font-family:'Share Tech Mono',monospace; font-size:9px; padding:2px 8px; border-radius:20px; }
.el-geo { background:rgba(247,208,138,0.08); color:var(--geo); border:1px solid rgba(247,208,138,0.2); }
.el-hydro { background:rgba(126,200,242,0.08); color:var(--hydro); border:1px solid rgba(126,200,242,0.2); }
.el-electro { background:rgba(200,158,247,0.08); color:var(--electro); border:1px solid rgba(200,158,247,0.2); }
.el-anemo { background:rgba(126,242,200,0.08); color:var(--anemo); border:1px solid rgba(126,242,200,0.2); }
.el-pyro { background:rgba(242,168,126,0.08); color:var(--pyro); border:1px solid rgba(242,168,126,0.2); }
.el-dendro { background:rgba(160,232,122,0.08); color:var(--dendro); border:1px solid rgba(160,232,122,0.2); }
.el-cryo { background:rgba(176,224,247,0.08); color:var(--cryo); border:1px solid rgba(176,224,247,0.2); }
.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:0 14px 8px; }
.stat-box { background:var(--bg3); border-radius:5px; padding:5px 7px; }
.stat-lbl { font-family:'Share Tech Mono',monospace; font-size:8px; color:var(--text3); display:block; letter-spacing:0.05em; }
.stat-val { font-family:'Share Tech Mono',monospace; font-size:11px; display:block; margin-top:1px; font-weight:500; }
.v-ok { color:var(--green); } .v-warn { color:var(--orange); } .v-err { color:var(--red); } .v-hi { color:var(--accent2); } .v-acc { color:var(--accent); }
.card-note { margin:0 14px 8px; font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text2); background:var(--bg3); border-radius:5px; padding:6px 10px; border-left:2px solid; line-height:1.5; }
.note-err { border-color:var(--red); } .note-warn { border-color:var(--orange); } .note-ok { border-color:var(--green); }
.card-footer { padding:6px 14px 12px; display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.card-tag { font-family:'Share Tech Mono',monospace; font-size:9px; padding:3px 8px; border-radius:4px; border:1px solid var(--border2); color:var(--text3); cursor:pointer; transition:all 0.12s; }
.card-tag:hover { border-color:var(--accent); color:var(--accent); }
.card-tag.done-tag { border-color:var(--green); color:var(--green); background:rgba(74,222,128,0.05); }
.card-actions { margin-left:auto; display:flex; gap:4px; }
.edit-btn { font-family:'Share Tech Mono',monospace; font-size:9px; padding:3px 8px; border-radius:4px; border:1px solid var(--border2); color:var(--text3); cursor:pointer; transition:all 0.12s; background:transparent; }
.edit-btn:hover { border-color:var(--accent2); color:var(--accent2); }
.report-btn { font-family:'Share Tech Mono',monospace; font-size:9px; padding:3px 8px; border-radius:4px; border:1px solid var(--border2); color:var(--text3); cursor:pointer; transition:all 0.12s; background:transparent; }
.report-btn:hover { border-color:var(--accent); color:var(--accent); }

/* QUEUE */
.queue-list { background:var(--bg2); border:1px solid var(--border); border-radius:10px; overflow:hidden; margin-bottom:20px; }
.q-item { display:flex; align-items:center; gap:12px; padding:10px 16px; border-bottom:1px solid var(--border); transition:background 0.12s; }
.q-item:last-child { border-bottom:none; }
.q-item.done-item { opacity:0.35; }
.q-item:hover { background:var(--bg3); }
.q-num { font-family:'Share Tech Mono',monospace; font-size:12px; font-weight:700; width:22px; text-align:center; flex-shrink:0; }
.q-body { flex:1; }
.q-txt { font-size:13px; font-weight:600; color:var(--text); }
.q-sub { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); margin-top:2px; }
.q-badge { font-family:'Share Tech Mono',monospace; font-size:9px; padding:2px 8px; border-radius:20px; flex-shrink:0; }
.q-err { background:rgba(248,113,113,0.1); color:var(--red); border:1px solid rgba(248,113,113,0.2); }
.q-warn { background:rgba(251,146,60,0.1); color:var(--orange); border:1px solid rgba(251,146,60,0.2); }
.q-med { background:rgba(74,85,104,0.2); color:var(--text3); border:1px solid var(--border2); }
.q-check { width:18px; height:18px; border-radius:50%; border:1px solid var(--border3); background:transparent; cursor:pointer; flex-shrink:0; transition:all 0.15s; display:flex; align-items:center; justify-content:center; font-size:10px; }
.q-check:hover { border-color:var(--green); }
.q-check.checked { background:var(--green); border-color:var(--green); color:var(--bg); font-weight:700; }
.q-done-header { padding:6px 16px; background:var(--bg3); font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--text3); letter-spacing:0.08em; border-top:1px solid var(--border); }

/* PULL PLAN */
.pull-card { background:var(--bg2); border:1px solid var(--border); border-radius:10px; overflow:hidden; margin-bottom:20px; }
.pull-item { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--border); }
.pull-item:last-child { border-bottom:none; }
.pull-icon { width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Share Tech Mono',monospace; font-size:13px; font-weight:700; flex-shrink:0; }
.pull-body { flex:1; }
.pull-name { font-size:14px; font-weight:700; color:var(--text); }
.pull-sub { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); margin-top:2px; }
.pull-cost { text-align:right; }
.pull-avg { font-family:'Share Tech Mono',monospace; font-size:14px; font-weight:700; display:block; }
.pull-worst { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); display:block; margin-top:2px; }
.pull-total { display:flex; justify-content:space-between; align-items:center; padding:10px 16px; background:var(--bg3); border-top:1px solid var(--border); }
.pull-total-lbl { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); }
.pull-total-val { font-family:'Share Tech Mono',monospace; font-size:16px; font-weight:700; color:var(--pyro); }

/* OVERVIEW CARDS */
.overview-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:8px; margin-bottom:20px; }
.overview-card { background:var(--bg2); border:1px solid var(--border); border-radius:8px; padding:12px 14px; }
.ov-lbl { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--text3); letter-spacing:0.08em; display:block; margin-bottom:4px; }
.ov-val { font-family:'Share Tech Mono',monospace; font-size:22px; font-weight:700; display:block; }
.ov-sub { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--text3); display:block; margin-top:2px; }

/* ===== CHARACTER REPORT — ENKA STYLE ===== */
.report-container { max-width:860px; }
.report-back { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--text3); cursor:pointer; display:inline-flex; align-items:center; gap:6px; margin-bottom:16px; padding:5px 10px; border:1px solid var(--border2); border-radius:6px; background:transparent; transition:all 0.12s; }
.report-back:hover { color:var(--accent); border-color:var(--accent); }

/* HERO CARD */
.report-hero { background:var(--bg2); border:1px solid var(--border); border-radius:12px; overflow:hidden; margin-bottom:12px; }
.report-hero-top { display:flex; gap:0; }
.report-art { width:160px; min-height:200px; background:linear-gradient(135deg,#0d1117 0%,#161b22 60%,#1a2332 100%); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; border-right:1px solid var(--border); overflow:hidden; }
.report-art-img { width:100%; height:100%; object-fit:cover; object-position:top center; }
.report-art-initial { font-size:48px; font-weight:700; opacity:0.08; font-family:'Rajdhani',sans-serif; }
.report-el-pill { position:absolute; top:8px; left:8px; font-family:'Share Tech Mono',monospace; font-size:9px; padding:2px 8px; border-radius:20px; border:1px solid; }
.report-hero-info { flex:1; padding:16px 18px; }
.report-hero-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:8px; }
.report-name { font-size:26px; font-weight:700; color:var(--text); letter-spacing:0.02em; }
.report-role-txt { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); margin-top:2px; letter-spacing:0.06em; }
.report-flag { font-family:'Share Tech Mono',monospace; font-size:9px; padding:3px 10px; border-radius:20px; }
.rf-err { background:rgba(248,113,113,0.1); color:var(--red); border:1px solid rgba(248,113,113,0.2); }
.rf-warn { background:rgba(251,146,60,0.1); color:var(--orange); border:1px solid rgba(251,146,60,0.2); }
.rf-ok { background:rgba(74,222,128,0.1); color:var(--green); border:1px solid rgba(74,222,128,0.2); }
.report-tags { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:10px; }
.report-tag { font-family:'Share Tech Mono',monospace; font-size:9px; padding:2px 8px; border-radius:20px; border:1px solid var(--border2); color:var(--text2); }
.report-quick-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.rqs-box { background:var(--bg3); border-radius:6px; padding:6px 8px; text-align:center; }
.rqs-lbl { font-family:'Share Tech Mono',monospace; font-size:8px; color:var(--text3); display:block; letter-spacing:0.05em; }
.rqs-val { font-family:'Share Tech Mono',monospace; font-size:12px; font-weight:600; display:block; margin-top:2px; }

/* REPORT BODY */
.report-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
.report-section { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:14px 16px; }
.rs-title { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--text3); letter-spacing:0.12em; display:block; margin-bottom:10px; }
.rs-row { display:flex; justify-content:space-between; align-items:center; padding:5px 0; border-bottom:1px solid var(--border); }
.rs-row:last-child { border-bottom:none; }
.rs-lbl { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--text3); }
.rs-val { font-family:'Share Tech Mono',monospace; font-size:11px; font-weight:600; max-width:200px; text-align:right; }
.rs-val-gold { color:#b8860b; }

/* STAT BARS */
.stat-bar-row { padding:5px 0; border-bottom:1px solid var(--border); }
.stat-bar-row:last-child { border-bottom:none; }
.stat-bar-top { display:flex; justify-content:space-between; margin-bottom:3px; }
.stat-bar-lbl { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); }
.stat-bar-val { font-family:'Share Tech Mono',monospace; font-size:10px; font-weight:600; }
.bar-track { height:3px; background:var(--bg4); border-radius:2px; }
.bar-fill { height:3px; border-radius:2px; transition:width 0.5s ease; }

/* KIT / META NOTES */
.report-note-box { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:14px 16px; margin-bottom:10px; }
.report-note-box p { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--text2); line-height:1.7; }
.kit-accent { border-left:2px solid rgba(79,195,220,0.4); padding-left:10px; margin-top:8px; }
.kit-accent p { color:var(--text3); }

/* UPGRADES */
.upgrade-list { display:flex; flex-direction:column; gap:5px; }
.upgrade-item { display:flex; align-items:center; gap:10px; padding:7px 10px; background:var(--bg3); border-radius:6px; border:1px solid var(--border); }
.upgrade-item.done { opacity:0.35; }
.upgrade-check { width:16px; height:16px; border-radius:50%; border:1px solid var(--border3); cursor:pointer; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:9px; transition:all 0.15s; }
.upgrade-check:hover { border-color:var(--green); }
.upgrade-check.checked { background:var(--green); border-color:var(--green); color:var(--bg); font-weight:700; }
.upgrade-pri { font-family:'Share Tech Mono',monospace; font-size:9px; padding:1px 6px; border-radius:20px; }
.pri-crit { background:rgba(248,113,113,0.08); color:var(--red); border:1px solid rgba(248,113,113,0.2); }
.pri-high { background:rgba(251,146,60,0.08); color:var(--orange); border:1px solid rgba(251,146,60,0.2); }
.upgrade-txt { font-size:13px; color:var(--text); font-weight:500; flex:1; }
.talent-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.talent-box { background:var(--bg3); border-radius:6px; padding:8px 10px; text-align:center; }
.talent-name { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--text3); display:block; margin-bottom:4px; }
.talent-lvl { font-family:'Share Tech Mono',monospace; font-size:16px; font-weight:700; }

/* ===== RESIN TRACKER ===== */
.resin-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; margin-bottom:20px; }
.resin-card { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:14px 16px; }
.rc-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.rc-title { font-size:14px; font-weight:700; color:var(--text); }
.rc-sub { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); }
.rc-cost { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--accent); }
.rc-progress { margin-bottom:10px; }
.rc-bar-top { display:flex; justify-content:space-between; margin-bottom:4px; }
.rc-bar-lbl { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); }
.rc-bar-val { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text2); }
.rc-track { height:4px; background:var(--bg4); border-radius:2px; }
.rc-fill { height:4px; border-radius:2px; transition:width 0.4s; }
.rc-footer { display:flex; align-items:center; justify-content:space-between; }
.rc-runs { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--text2); }
.rc-input { width:56px; background:var(--bg3); border:1px solid var(--border2); border-radius:4px; padding:3px 6px; color:var(--text); font-family:'Share Tech Mono',monospace; font-size:11px; text-align:center; outline:none; }
.rc-input:focus { border-color:var(--accent); }
.resin-summary { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:14px 16px; margin-bottom:20px; }
.resin-total-row { display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-bottom:1px solid var(--border); }
.resin-total-row:last-child { border-bottom:none; }
.resin-total-lbl { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--text2); }
.resin-total-val { font-family:'Share Tech Mono',monospace; font-size:12px; font-weight:600; color:var(--accent); }
.reset-btn { font-family:'Share Tech Mono',monospace; font-size:10px; padding:4px 12px; border-radius:6px; border:1px solid var(--border2); background:transparent; color:var(--text3); cursor:pointer; transition:all 0.15s; }
.reset-btn:hover { border-color:var(--orange); color:var(--orange); }

/* ===== ROTATION VIEWER ===== */
.rotation-team-tabs { display:flex; gap:6px; margin-bottom:16px; flex-wrap:wrap; }
.rot-tab { font-family:'Share Tech Mono',monospace; font-size:10px; padding:5px 14px; border-radius:20px; border:1px solid var(--border2); background:transparent; color:var(--text3); cursor:pointer; transition:all 0.15s; }
.rot-tab:hover { border-color:var(--border3); color:var(--text2); }
.rot-tab.active { border-color:var(--accent); color:var(--accent); background:rgba(79,195,220,0.08); }
.rotation-card { background:var(--bg2); border:1px solid var(--border); border-radius:12px; overflow:hidden; margin-bottom:20px; }
.rotation-header { padding:14px 18px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; }
.rotation-name { font-size:16px; font-weight:700; color:var(--text); }
.rotation-meta { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); }
.rotation-steps { padding:16px 18px; display:flex; flex-direction:column; gap:10px; }
.step { display:flex; align-items:flex-start; gap:14px; }
.step-num { font-family:'Share Tech Mono',monospace; font-size:11px; font-weight:700; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; }
.step-body { flex:1; }
.step-char { font-size:13px; font-weight:700; color:var(--text); margin-bottom:2px; }
.step-action { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text2); line-height:1.5; }
.step-note { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); margin-top:3px; font-style:italic; }
.step-connector { width:1px; height:10px; background:var(--border2); margin-left:11px; }
.rotation-tips { padding:12px 18px; background:var(--bg3); border-top:1px solid var(--border); }
.tips-title { font-family:'Share Tech Mono',monospace; font-size:9px; color:var(--text3); letter-spacing:0.1em; margin-bottom:8px; display:block; }
.tip { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text2); padding:3px 0; display:flex; gap:8px; }
.tip::before { content:'›'; color:var(--accent); flex-shrink:0; }

/* MODAL */
.overlay { position:fixed; inset:0; background:rgba(0,0,0,0.85); z-index:500; display:none; align-items:center; justify-content:center; padding:20px; }
.overlay.open { display:flex; }
.modal { background:var(--bg2); border:1px solid var(--border2); border-radius:12px; width:100%; max-width:480px; max-height:90vh; overflow-y:auto; }
.modal-hd { padding:16px 20px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; background:var(--bg2); z-index:1; }
.modal-title { font-size:18px; font-weight:700; color:var(--text); }
.modal-close { background:transparent; border:none; color:var(--text3); cursor:pointer; font-size:22px; line-height:1; padding:0 4px; transition:color 0.12s; }
.modal-close:hover { color:var(--text); }
.modal-body { padding:20px; }
.modal-ft { padding:14px 20px; border-top:1px solid var(--border); display:flex; gap:8px; justify-content:flex-end; background:var(--bg2); position:sticky; bottom:0; }
.field { margin-bottom:14px; }
.field label { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); letter-spacing:0.08em; display:block; margin-bottom:5px; }
.field input,.field select,.field textarea { width:100%; background:var(--bg3); border:1px solid var(--border2); border-radius:6px; padding:8px 12px; color:var(--text); font-family:'Share Tech Mono',monospace; font-size:12px; outline:none; transition:border-color 0.15s; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--accent); }
.field textarea { resize:vertical; }
.field-row { display:grid; gap:10px; }
.field-row-2 { grid-template-columns:1fr 1fr; }
.field-row-3 { grid-template-columns:1fr 1fr 1fr; }

/* EMPTY + TOAST */
.empty { text-align:center; padding:60px 20px; }
.empty-icon { font-size:40px; margin-bottom:12px; opacity:0.4; }
.empty-txt { font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--text3); }
.toast { position:fixed; bottom:20px; right:20px; background:var(--bg2); border:1px solid var(--border2); border-radius:8px; padding:10px 16px; font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--text); z-index:9999; transform:translateY(70px); opacity:0; transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1); pointer-events:none; }
.toast.show { transform:translateY(0); opacity:1; }
.toast.success { border-color:var(--green); color:var(--green); }
.toast.error { border-color:var(--red); color:var(--red); }
.pricing-note { background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:12px 16px; font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--text3); line-height:1.7; margin-bottom:20px; }
.pricing-note strong { color:var(--text2); }


/* Original Refined: compact Akasha-style visual system */
:root{--bg:#0a0c0f;--bg2:#111419;--bg3:#181c22;--bg4:#1e242d;--border:#252c35;--border2:#303844;--border3:#425165;--text:#e8eaed;--text2:#a4b2c5;--text3:#718095;--accent:#62c5de;--accent2:#b6a0eb}
.layout{min-height:calc(100vh - 52px);height:auto}.sidebar{width:166px;min-width:166px;position:sticky;top:52px;align-self:start;height:calc(100vh - 52px)}.main{min-width:0;max-width:none;overflow:visible;padding:21px 24px 70px}.header{padding:0 20px}.sidebar-section{padding:12px 0}.nav-item{padding:8px 13px;font-size:12px}.sidebar-label{padding:0 13px 6px}.char-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:10px}.char-card{min-width:0}.char-card:hover{transform:none;border-color:var(--accent)}.char-card.is-focus{border-left:3px solid var(--accent)}.section-title{color:var(--text2);font-size:10px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-val{color:var(--text);font-size:11px}.stat-lbl{color:#8797aa;font-size:9px}.card-head{padding-top:13px}.card-note{margin-top:5px;line-height:1.45}.card-footer{padding-top:10px}.card-actions .btn{font-size:10px}.page-title{font:700 25px 'Rajdhani',system-ui,sans-serif;letter-spacing:.015em}.header .btn{font-size:10px}.pill{display:inline-flex;padding:3px 8px;border-radius:5px;border:1px solid var(--border2);font:10px 'Share Tech Mono',monospace;color:var(--text2)}.pill.active{color:var(--accent);border-color:#376474}.app-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 16px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.summary{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px 15px}.summary small{font:9px 'Share Tech Mono',monospace;color:var(--text3)}.summary strong{display:block;font:700 24px 'Share Tech Mono',monospace;color:var(--text);margin-top:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:5px}.row-meta{font:10px 'Share Tech Mono',monospace;color:var(--text3);margin-top:3px}.section-tight{margin:17px 0 9px}.top-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.button-link{color:var(--accent);font:10px 'Share Tech Mono',monospace;background:none;border:none;padding:4px 0}.form-controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.control{background:var(--bg3);color:var(--text);border:1px solid var(--border2);border-radius:6px;padding:8px 10px;min-width:0;font:11px 'Share Tech Mono',monospace}.control:focus{outline:1px solid var(--accent)}.control.search{flex:1;min-width:150px}.sheet{max-width:1180px}.sheet-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.sheet-title{font:700 28px 'Rajdhani',sans-serif}.sheet-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet-panel{border:1px solid var(--border);background:var(--bg2);border-radius:10px;padding:14px 16px;min-width:0}.sheet-panel.full{grid-column:1/-1}.sheet-panel .section-title{display:block;margin-bottom:12px}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.info-stat{background:var(--bg3);padding:11px 10px;border-radius:6px;min-width:0}.info-stat small{font:9px 'Share Tech Mono',monospace;color:var(--text3)}.info-stat b{display:block;font:700 13px 'Share Tech Mono',monospace;margin-top:7px;overflow-wrap:anywhere}.plain-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.plain-row:last-child{border:0}.plain-row small{font:10px 'Share Tech Mono',monospace;color:var(--text3)}.material-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:10px 0}.material-row:last-child{border:0}.material-row .m-name{font-size:12px;font-weight:600}.material-row .m-source{font:10px 'Share Tech Mono',monospace;color:var(--text3);margin-top:4px}.material-row .m-progress{font:11px 'Share Tech Mono',monospace;color:var(--accent);text-align:right}.material-row .m-missing{font:10px 'Share Tech Mono',monospace;color:var(--gold);text-align:right}.small-input{width:72px;padding:6px 8px}.soft-note{font:10px/1.7 'Share Tech Mono',monospace;color:var(--text3);padding:10px 0}.blank{font:11px 'Share Tech Mono',monospace;color:var(--text3);padding:15px 0}.tab-buttons{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tab-buttons button.on{border-color:var(--accent);color:var(--accent)}.task-list{background:var(--bg2);border:1px solid var(--border);border-radius:9px;overflow:hidden}.task-line{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--border);font-size:12px}.task-line:last-child{border:0}.task-line.completed{opacity:.55}.task-line .task-box{width:17px;height:17px;flex-shrink:0;background:transparent;border:1px solid var(--border3);border-radius:4px;color:var(--green);padding:0;line-height:15px}.task-line .task-main{flex:1}.task-line .task-main small{font:9px 'Share Tech Mono',monospace;color:var(--text3);display:block;margin-top:3px}.team-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:11px}.team-card{background:var(--bg2);border:1px solid var(--border);padding:15px;border-radius:9px}.team-card h3{font-size:17px}.queue-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border)}.queue-row:last-child{border:0}.queue-row b{font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row .field{margin-bottom:10px}.field input,.field select,.field textarea{color:var(--text);background:var(--bg3);border-color:var(--border2)}.field label{color:var(--text2)}.field textarea{width:100%;min-height:75px}.overlay .modal{max-width:620px}.muted{color:var(--text3)}.notification{background:rgba(79,195,220,.06);border:1px solid rgba(79,195,220,.25);padding:12px 14px;border-radius:8px;margin:9px 0;font:11px/1.65 'Share Tech Mono',monospace;color:var(--text2)}.notification.warning{border-color:#e3ad5944;color:#d2b78b;background:#e3ad590b}.notice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.section-note{font:10px/1.7 'Share Tech Mono',monospace;color:var(--text3)}.actions-inline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.form-full{grid-column:1/-1}.field-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.taskline{display:flex;gap:8px;align-items:center}.mini-progress{height:4px;background:var(--bg4);overflow:hidden;border-radius:4px;margin-top:6px}.mini-progress span{display:block;height:4px;background:var(--accent);border-radius:4px}.team-summary{padding:11px 13px;background:var(--bg3);margin-top:10px;border-radius:7px}.table-wrap{overflow-x:auto}textarea.control{width:100%;resize:vertical;min-height:70px}.fileinput{display:none}.ghostlink{font:11px 'Share Tech Mono',monospace;color:var(--accent);text-decoration:none;cursor:pointer}.save-status{color:var(--text2)}
@media(max-width:900px){.sidebar{width:139px;min-width:139px}.main{padding:18px}.char-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}}
@media(max-width:700px){.layout{display:block}.sidebar{position:static;width:100%;min-width:0;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--border);padding:5px 8px;display:flex;flex-direction:row;gap:4px;overflow:auto}.sidebar-section{border:0;display:flex;gap:3px;align-items:center;flex-shrink:0;padding:3px}.sidebar-label{display:none}.nav-item{white-space:nowrap;padding:8px;font-size:10px}.header{padding:0 10px}.header-left{gap:5px}.logo{font-size:14px}.header-right{gap:5px}.header .btn{padding:6px;font-size:9px}.main{padding:14px 12px 50px}.summary-grid{gap:5px}.summary{padding:9px 8px}.summary strong{font-size:20px}.char-grid{grid-template-columns:1fr 1fr;gap:7px}.char-card{padding:0}.char-card .stat-grid{grid-template-columns:repeat(3,1fr)}.card-head{padding:9px 10px}.stat-grid{padding:0 9px 8px}.stat-box{padding:5px}.stat-val{font-size:10px}.card-footer{padding:6px 10px}.split,.sheet-panels{grid-template-columns:1fr}.sheet-panel.full{grid-column:auto}.info-grid{grid-template-columns:repeat(2,1fr)}.material-row{grid-template-columns:minmax(0,1fr) auto}.material-row .m-missing{grid-column:2}.field-row-3{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.char-grid{grid-template-columns:1fr}.metric strong{font-size:17px}.head-right .hide-sm{display:none}.material-row .m-progress{font-size:10px}.field-row{grid-template-columns:1fr 1fr}}
.list{background:var(--bg2);border:1px solid var(--border);border-radius:9px;overflow:hidden}.listrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--border);font-size:12px}.listrow:last-child{border-bottom:0}.rowlabel{flex:1;min-width:0}.rowlabel small{font:10px ui-monospace,monospace;color:var(--text3);display:block;margin-top:4px}.rightval{font:10px ui-monospace,monospace;color:var(--accent);white-space:nowrap}body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.logo,.section-title,.sidebar-label{letter-spacing:.02em}.header .logo{font-family:ui-monospace,Consolas,monospace}.page-title{font-family:system-ui,-apple-system,sans-serif}.char-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}@media(max-width:420px){.char-grid{grid-template-columns:1fr}}

/* Secure account and cloud save controls */
#account-gate{position:fixed;inset:0;z-index:1000;background:#0a0c0ff7;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}
#account-gate[hidden]{display:none!important}
.auth-panel{background:#111419;border:1px solid #334251;border-radius:12px;padding:25px;width:min(430px,100%);box-shadow:0 16px 80px #0009}
.auth-heading{font:700 21px 'Rajdhani',system-ui,sans-serif;color:#e8eaed;margin:6px 0 8px}
.auth-sub{color:#a4b2c5;font-size:12px;line-height:1.6;margin-bottom:18px}
.auth-input{width:100%;margin-bottom:12px;background:#181c22;color:#e8eaed;border:1px solid #384858;border-radius:6px;padding:11px 12px;font-size:14px}
.auth-label{font:10px monospace;color:#a4b2c5;display:block;margin-bottom:6px}
.auth-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px}
.auth-buttons .btn{padding:9px 13px;font-size:12px}
.auth-note{min-height:34px;font-size:12px;line-height:1.5;color:#e4b37c;margin-top:13px}
.auth-note.ok{color:#8fdbb9}
#account-actions{display:none;gap:7px;align-items:center}
#save-status{cursor:default;max-width:190px;white-space:normal;text-align:right}
#save-status.warn{color:#fb923c}
#save-status.ok{color:#4ade80}
#save-status.busy{color:#62c5de}
@media(max-width:700px){.header{padding:0 9px}.header-left .verified{display:none}.header-right{gap:4px}.header-right>.btn{display:none}#account-actions .btn{padding:6px;font-size:9px}#save-status{font-size:9px;max-width:120px}.logo{font-size:14px}}

/* AKASHA 1.1 — restrained dark controls and reusable dropdowns */
select.control { color-scheme: dark; cursor: pointer; }
input[type="number"] { appearance: textfield; -moz-appearance: textfield; color-scheme: dark; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.number-shell { display:flex; min-width:0; align-items:stretch; background:var(--bg3); border:1px solid var(--border2); border-radius:6px; overflow:hidden; }
.number-shell:focus-within { outline:1px solid var(--accent); }
.number-shell > input.control { flex:1; width:100%; min-width:0; border:0; border-radius:0; outline:0; background:transparent; }
.number-shell > input.control:focus {outline:0}
.number-shell .number-actions { display:flex; align-items:stretch; border-left:1px solid var(--border2); }
.number-shell .number-actions button { min-width:25px; padding:3px 6px; background:var(--bg3); color:var(--text2); border:0; font:15px/1 'Share Tech Mono',monospace; cursor:pointer; }
.number-shell .number-actions button + button { border-left:1px solid var(--border2); }
.number-shell .number-actions button:hover, .number-shell .number-actions button:focus-visible { background:var(--bg4); color:var(--accent); outline:0; }
.combo { position:relative; display:flex; align-items:stretch; min-width:0; }
.combo input.control { width:100%; padding-right:36px; }
.combo-toggle { position:absolute; right:1px; top:1px; bottom:1px; width:30px; border:0; border-left:1px solid var(--border2); background:var(--bg3); color:var(--text2); border-radius:0 6px 6px 0; cursor:pointer; font-size:13px; }
.combo-toggle:hover { color:var(--accent); background:var(--bg4); }
.combo-options { position:absolute; z-index:80; top:calc(100% + 3px); left:0; right:0; background:var(--bg4); border:1px solid var(--border3); box-shadow:0 12px 24px #000a; border-radius:6px; max-height:194px; overflow:auto; }
.combo.drop-up .combo-options { top:auto; bottom:calc(100% + 3px); }
.combo-options[hidden] { display:none; }
.combo-option { display:block; width:100%; padding:8px 10px; background:transparent; border:0; border-bottom:1px solid var(--border2); text-align:left; font:11px 'Share Tech Mono',monospace; color:var(--text); cursor:pointer; overflow-wrap:anywhere; }
.combo-option:hover, .combo-option.highlight { background:#263b48; color:var(--accent); }
.combo-empty { padding:9px 10px; font:10px/1.6 'Share Tech Mono',monospace; color:var(--text2); }
.quick-stat { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; }
.quick-stat select.control { width:100%; color:var(--text2); }
.quick-stat .number-shell > input { min-height:33px; }
.preview-ribbon { font:10px 'Share Tech Mono',monospace; padding:5px 10px; color:var(--gold); border:1px solid #7e6929; border-radius:6px; }
@media(max-width:480px){ .number-shell .number-actions button { min-width:28px; } .combo-options {max-height:165px;} #editor-form .field-row { grid-template-columns:minmax(0,1fr); } #editor-form .form-full { grid-column:1; } }

/* Akasha v1.1 preview polish: softer menus and independent scroll areas.
   Visual and scrolling changes only; no save/auth/data logic changes. */
#modal .modal {
  border-radius: 18px;
  overscroll-behavior: contain;
  box-shadow: 0 18px 64px rgba(0,0,0,.5);
}
#modal.overlay { overscroll-behavior: none; }
html:has(#modal.open), body:has(#modal.open) {
  overflow: hidden;
  overscroll-behavior: none;
}
#editor-form .field input.control,
#editor-form .field select.control,
#editor-form .field textarea.control,
#editor-form .number-shell {
  border-radius: 10px;
}
#editor-form .combo-toggle {
  border-radius: 0 10px 10px 0;
  color: #9aaebe;
  transition: background-color .16s ease, color .16s ease;
}
#editor-form .combo-options {
  background: #1b232d;
  border: 1px solid #384958;
  border-radius: 12px;
  padding: 5px;
  max-height: 194px;
  box-shadow: 0 15px 36px rgba(0,0,0,.46);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #516271 transparent;
}
#editor-form .combo-option {
  border: 0;
  border-radius: 8px;
  padding: 9px 11px;
  line-height: 1.45;
  transition: background-color .14s ease, color .14s ease;
}
#editor-form .combo-option:hover,
#editor-form .combo-option:focus-visible,
#editor-form .combo-option.highlight {
  background: #2a3b48;
  color: #b4eafa;
  outline: 0;
}
#editor-form .combo-empty { padding: 10px 11px; }

/* Reusable names: clearly mark new entries while editing; they join the shared library on Save. */
#editor-form .combo-new-entry {
  padding:10px 11px; margin-top:2px; border-radius:8px;
  background:rgba(79,195,220,.065); color:#a3d9ea;
  font:11px/1.45 'Share Tech Mono',monospace;
  overflow-wrap:anywhere;
}
#editor-form .combo-new-entry small {display:block;color:var(--text3);font-size:10px;margin-top:3px;}


/* Akasha v1.2: sourced material and enemy catalogue, loaded only while editing farming records. */
#editor-form .catalog-banner {
  grid-column:1 / -1; color:#acc5d3; font:10px/1.6 'Share Tech Mono',monospace;
  background:rgba(79,195,220,.055); border:1px solid var(--border2);
  border-radius:11px; padding:10px 12px; margin-bottom:2px;
}
#editor-form .catalog-banner strong {color:#9bdaf0;}
#editor-form .catalog-filter {
  display:flex; align-items:center; gap:8px; margin-bottom:7px;
}
#editor-form .catalog-filter label {flex:0 0 auto; margin:0; color:var(--text3);font-size:9px;}
#editor-form .catalog-filter select {flex:1; min-width:0; font:10px 'Share Tech Mono',monospace;
  background:#17202a; color:var(--text); border:1px solid var(--border2);
  border-radius:8px; padding:6px 8px; outline-offset:2px;
}
#editor-form .catalog-hint {font:10px/1.5 'Share Tech Mono',monospace;
  color:var(--text2);margin-top:7px;overflow-wrap:anywhere;}
#editor-form .catalog-hint:not(:empty) {border-left:2px solid #436d7c;padding-left:9px;}
#editor-form .catalog-tag {display:block;color:#8da3b7;font-size:9px;margin-top:3px;}
#editor-form .catalog-option-name {display:block;}
#editor-form .combo-option {word-break:break-word;}
#editor-form .catalog-counter {position:sticky;bottom:0;background:#1b232d;
  padding:6px 10px;color:var(--text3);font:9px/1.5 'Share Tech Mono',monospace;}
@media(max-width:520px){#editor-form .catalog-filter {align-items:stretch;flex-direction:column;gap:5px;}
  #editor-form .catalog-banner {font-size:9px;}}


/* Akasha v1.3 — read-only, source-attributed build benchmarking */
.bench-head { display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 9px; }
.bench-controls { display:flex;gap:7px;align-items:center;flex-wrap:wrap; }
.bench-controls .control {max-width:290px;font-size:10px;border-radius:9px;}
.bench-note { background:rgba(79,195,220,.055);border:1px solid rgba(79,195,220,.19);color:var(--text2);font:10px/1.65 'Share Tech Mono',monospace;padding:9px 11px;border-radius:9px;margin:0 0 11px; }
.bench-note a {color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.bench-grid .info-stat {border:1px solid transparent;}
.bench-stat {border-color:var(--border2)!important;}
.bench-measures {display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid var(--border);padding-top:9px;margin-top:10px;}
.bench-measures span {display:block;font:9px 'Share Tech Mono',monospace;color:var(--text3);}
.bench-measures strong {display:block;margin-top:4px;font:600 11px 'Share Tech Mono',monospace;color:var(--text2);}
.bench-stat .bench-missing {margin-top:9px;color:var(--text3);font:9px/1.5 'Share Tech Mono',monospace;}
.bench-footer {margin-top:10px;font:9px/1.6 'Share Tech Mono',monospace;color:var(--text3);}
.bench-banner {display:block;margin:7px 0 0;color:var(--gold);}
@media(max-width:700px) { .bench-controls,.bench-controls .control {max-width:100%;width:100%;} .bench-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
/* Character requirements stay visible without creating farming tasks. */
.material-plan{border-bottom:1px solid var(--border);padding:10px 0}
.material-plan summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:var(--text);font-size:12px;list-style:revert}
.material-plan summary small{display:block;margin-top:4px;color:var(--text3);font-size:10px}
.material-plan summary>span:last-child{color:var(--accent);white-space:nowrap}
.material-plan-inputs{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0 4px}
.material-plan-inputs label{flex:1;min-width:110px;color:var(--text2);font-size:11px}
.material-plan-inputs input{display:block;width:100%;margin-top:5px}
.material-plan-inputs>small{flex-basis:100%;color:var(--text3);line-height:1.5}

.q-order{display:flex;gap:4px;flex-shrink:0}.q-order button{min-width:30px;padding:5px}.q-order button:disabled{opacity:.25;cursor:default}.q-body{min-width:0}.q-txt{overflow-wrap:anywhere}@media(max-width:600px){.q-item{gap:7px;padding:10px}.q-order{flex-direction:column}.q-badge{display:none}}

.q-drag-handle{cursor:grab;touch-action:none;user-select:none;flex-shrink:0;min-width:36px;font-size:18px;letter-spacing:-4px;padding-right:10px}.q-dragging{opacity:.65;outline:1px solid var(--accent);background:var(--bg3)}.queue-dragging,.queue-dragging *{cursor:grabbing!important;user-select:none}.q-drag-handle:focus-visible{outline:2px solid var(--accent)}

.team-unit-label{display:block;margin:12px 0 6px;color:var(--text3);font-size:11px}#team-unit-filter{max-width:300px;width:100%;margin-bottom:8px}.team-guide-links{font-size:11px;line-height:1.6;margin:12px 0}.team-guide-links a{color:var(--accent)}#team-recommendations h2{margin-top:16px}.team-card h3{overflow-wrap:anywhere}
