/* --- single-screen dashboard layout --- */
html{zoom:1}

/* Visual identity: AniimoHome green and gold, square corners. */
.topbar{background:#0b0c0b;border-bottom-color:#24302a}
.brand-logo{height:26px;width:auto;display:block}
.ghost{background:#141816;border-color:#2c3a32;color:#f6f1e6;border-radius:0}
.ghost:hover{border-color:#d8a028;color:#fff}
.primary{background:#d8a028;border-color:#d8a028;color:#083820}
.primary:hover{filter:brightness(1.08)}
.primary,.danger,input,select,.item-picker-button,.item-picker-menu,.check-row,.facility-row,.note-card,.living-card,.output-card,.metric,.climate-card,.result-card,.module-card,.ability-pill,.flow-badge,.chip,.pal-ability-chip,.utility-card,.optimizer-settings-modal{border-radius:0}
input:focus,select:focus,.item-picker-button:hover,.item-picker-button[aria-expanded="true"],.number-with-max:focus-within,.item-picker-search:focus-within,.rate-field:focus-within{border-color:#d8a028}
.item-option.selected{background:rgba(216,160,40,.16)}
.plan-table tr:hover td,.plan-table tr.facility-continuation:hover td{background:rgba(8,56,32,.35)}
.compact-rule:has(input[type=checkbox]:checked){border-color:#1f6b45;background:#142018}
.climate-card.enabled,.utility-card.enabled{border-color:#1f6b45;background:#142018}
.result-card.best{border-color:#d8a028;background:#182016}
.modal-close{border-radius:0;border-color:#2c3a32;background:#141816;color:#f6f1e6}
.module-card:focus-within{border-color:#d8a028;background:#182016}
.section-title>span{width:3px;height:12px;border-radius:0;background:#d8a028}
.section-title h3{letter-spacing:.1em}
.optimizer-about{border-top:1px solid #2e2e2e;margin-top:4px;padding-top:10px}
.optimizer-about p{margin:0;color:#8a8a8a;font-size:10px;line-height:1.55}
.optimizer-about p+p{margin-top:4px}
.optimizer-about em{font-style:normal;color:#ddd}
.facility-row .fac-count,.facility-row .fac-level,.facility-row .fac-speed{border-color:#3a3a3a;background:#141414;color:#f4f4f4}
.output-card.sell,.output-card.byproduct,.output-card.utility,.output-card.input{border-color:#333;background:#141414}
.output-card:before,.output-card.sell:before,.output-card.byproduct:before,.output-card.utility:before,.output-card.input:before{background:#d8a028}
.output-card.sell strong,.output-card.byproduct strong,.output-card.utility strong,.living-state,.objective-subtitle b,.result-delta{color:#f4f4f4}
.metric-grid .metric:first-child,.metric-grid .metric:nth-child(2){border-color:#333;background:#141414}
.flow-badge.surplus,.flow-badge.balanced,.flow-badge.deficit{border-color:#555;background:#161616;color:#eee}
.chip.purple{filter:grayscale(1)}
.ability-pill,.ability-card,.pal-ability-chip{filter:none}
.ability-pill{background:color-mix(in srgb,var(--ability,#7f8994) 82%,#111);border:1px solid color-mix(in srgb,var(--ability,#7f8994) 55%,#fff);box-shadow:inset 3px 0 0 var(--ability,#7f8994)}
.ability-pill span,.ability-pill b{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.55)}
.ability-card{border-color:color-mix(in srgb,var(--ability,#7f8994) 62%,#2a2a2a);background:linear-gradient(145deg,color-mix(in srgb,var(--ability,#7f8994) 22%,#141414),#141414 62%)}
@media(min-width:1400px){html{zoom:1.1}}
@media(min-width:1750px){html{zoom:1.25}}

.topbar{height:auto;min-height:0;gap:8px;padding:4px 12px;flex-wrap:nowrap}
.brand{flex:0 0 auto;gap:0}
.import-inline{flex:1 1 auto;max-width:620px;min-width:0;margin-left:8px}
.import-inline input{height:26px;padding:2px 8px;font-size:10px}
.import-inline button{height:26px;padding:0 10px;font-size:10px}
.top-actions{flex:0 0 auto}
.top-actions>.ghost,.top-actions>.link{height:26px;min-height:26px;padding:0 8px}
.nav-tools{display:inline-flex;gap:6px;align-items:center}
.lang-select{width:auto;height:26px;padding:0 6px;font-size:10px;border-color:#3a3a3a;background:#161616;color:#eee;cursor:pointer;border-radius:0}
.top-actions>.nav-icon,.top-actions .nav-icon{width:26px;min-width:26px;height:26px;min-height:26px;padding:0}
.top-actions .nav-icon svg{width:14px;height:14px}
.link.nav-icon svg{width:17px;height:17px;fill:currentColor}
.nav-tools .nav-icon{color:#ddd}

.shell{max-width:none;width:100%;margin:0;padding:10px 12px}
.top-actions>.ghost:not(.nav-icon){font-size:10px}
.objective-actions .ghost,.climate-map-btn.center{font-size:11px}
.workspace{grid-template-columns:minmax(360px,400px) minmax(0,1fr);gap:10px}
.pane{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);background:#101412;box-shadow:var(--shadow);border-radius:0;overflow:hidden}
.pane-tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--line);background:#0e1210;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}
.pane-tabs::-webkit-scrollbar{display:none}
.pane-tabs button{flex:0 0 auto;border:1px solid transparent;border-bottom:0;background:transparent;color:#9aa89c;padding:6px 12px 7px;font-size:10px;font-weight:700;letter-spacing:.02em;cursor:pointer;position:relative;white-space:nowrap;border-radius:0}
.pane-tabs button:hover{color:#f8e8c8}
.pane-tabs button[aria-selected="true"]{color:#f8e8c8;background:#16211c;border-color:var(--line)}
.pane-tabs button[aria-selected="true"]:after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;border-radius:0;background:#d8a028}
.pane-tabs button[aria-selected="true"]:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#16211c}
.pane-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px}
.pane-body>.panel{border:0;box-shadow:none;background:transparent;padding:4px 4px 8px;flex:0 0 auto}
.pane-body>.panel+.panel{border-top:1px solid var(--line);padding-top:12px}
.pane-body>.panel:not(.tab-active){display:none!important}
.facility-list,.ownership-grid{max-height:none}

/* Owned-Aniimo roster: native modal dialog sized to the viewport; only the grid scrolls. */
.ownership-dialog{position:fixed;inset:28px;width:auto;height:auto;max-width:1180px;max-height:none;margin:auto;padding:0;border:1px solid #24302a;background:#101412;color:inherit;box-shadow:0 24px 70px rgba(0,0,0,.6);overflow:hidden;border-radius:0}
.ownership-dialog[open]{display:flex;flex-direction:column}
.ownership-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.ownership-dialog .ownership-modal-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0;border:0;box-shadow:none;background:transparent;padding:16px 16px 12px}
.ownership-dialog .ownership-grid{flex:1 1 auto;min-height:0;max-height:none;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));align-content:start}
.ownership-dialog .summary-line{flex:0 0 auto}
.ownership-dialog .modal-close{right:12px;top:10px}
.ownership-dialog .section-title{padding-right:40px}
.ownership-dialog .ownership-tools .ghost{font-size:11px;padding:0 14px}
.ownership-dialog .pal-row input[type=number]{font-size:11px}

/* Desktop: the whole app fits in the viewport; each pane scrolls on its own. */
@media(min-width:1101px){
  body{min-height:0;overflow:hidden}
  .app{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}
  .topbar{position:relative;flex:0 0 auto}
  .shell{flex:1 1 auto;min-height:0;display:flex}
  .workspace{flex:1 1 auto;min-height:0;height:100%}
  .pane-body{overflow:auto;scrollbar-width:thin;scrollbar-color:#2c333c transparent}
  /* Layout tab: the map fills the remaining pane height. */
  .pane-body.layout-active>#climate-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0}
  .pane-body.layout-active .layout-stage-full{flex:1 1 auto;min-height:0;display:flex}
  .pane-body.layout-active .climate-map-wrap{height:100%;min-height:0;flex:1 1 auto}
  .climate-map-toolbar #layout-rebuild{display:inline-flex;align-items:center;padding:0 8px;gap:4px}
  .climate-map-toolbar #layout-rebuild svg{width:14px;height:14px}
}

/* --- modern layout stage: full-bleed map with floating controls --- */
.layout-stage-full{width:100%;min-height:520px}
.layout-stage-full .climate-map-wrap{position:relative;width:100%;height:100%;min-height:520px;overflow:hidden;background:#101412;border:0}
.layout-overlay-toolbar{position:absolute;top:0;left:0;z-index:6;display:flex;align-items:center;gap:1px;padding:3px;background:#161a17;border:1px solid #2c3a32;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.layout-overlay-toolbar .climate-map-btn{height:21px;min-width:21px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;color:#f6f1e6;font-size:8px;font-weight:700}
.layout-overlay-toolbar .climate-map-btn:hover{background:#243029;color:#f8e8c8}
.layout-overlay-toolbar .climate-map-btn svg{width:10px;height:10px}
.layout-overlay-toolbar .climate-map-btn.busy{cursor:progress;opacity:.8}
.layout-overlay-toolbar .climate-map-btn.busy svg{animation:layout-rebuild-spin .9s linear infinite}
@keyframes layout-rebuild-spin{to{transform:rotate(360deg)}}
.layout-overlay-zoom{display:flex;align-items:center;gap:0;margin:0 1px;padding:0 1px;border-left:1px solid #2c3a32;border-right:1px solid #2c3a32}
.layout-overlay-toolbar .climate-map-zoom{min-width:35px;height:21px;border:0;background:transparent;color:#c9c2b2;font-size:8px;font-weight:700}
.climate-zone-list{position:absolute;bottom:14px;left:14px;z-index:6;display:flex;flex-wrap:wrap;gap:8px;max-width:min(640px,72%)}
.climate-zone{display:grid;gap:6px;padding:8px 10px;background:#161a17;border:1px solid #2c3a32;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.climate-zone>b{font-size:12px;font-weight:800}
.climate-zone>div{display:flex;flex-wrap:wrap;gap:6px}
.climate-zone-facility{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#f6f1e6}
.climate-zone-facility img{width:16px;height:16px;object-fit:contain}
.zone-freeze>b{color:#8ec8ff}.zone-cool>b{color:#9be4ff}.zone-warm>b{color:#ffb4bc}.zone-scorching>b{color:#ff8b9a}.zone-adequate>b{color:#f0d78a}
.climate-field-label{font-size:.7px;font-weight:800;pointer-events:none}
.climate-field-label.cooling{fill:#7ec8f0}.climate-field-label.heating{fill:#ff9aaa}.climate-field-label.adequate{fill:#ead487}
.layout-overlay-status{position:absolute;bottom:14px;left:14px;z-index:6;max-width:min(460px,62%);display:flex;align-items:center;gap:10px;padding:10px 14px;background:#161a17;border:1px solid #2c3a32;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.layout-overlay-dot{width:8px;height:8px;flex:0 0 8px;background:#6b7580}
.layout-overlay-status.good .layout-overlay-dot{background:#4fd68b}
.layout-overlay-status.bad .layout-overlay-dot{background:#ff8497}
.layout-overlay-status b{display:block;font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;color:#f6f1e6}
.layout-overlay-status small{display:block;margin-top:2px;font-size:11px;line-height:1.4;color:#9aa6b0}
.layout-drawer-toggle{position:absolute;top:0;right:0;z-index:8;display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 9px;background:#d8a028;border:0;color:#083820;font-size:8px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.layout-drawer-toggle:hover{background:#e2ad3a}
.layout-drawer-toggle svg{width:11px;height:11px}
.layout-drawer-toggle svg:last-child{transition:transform .18s;transform:rotate(90deg)}
.climate-map-wrap.drawer-open .layout-drawer-toggle svg:last-child{transform:rotate(-90deg)}
.layout-drawer{position:absolute;top:27px;right:0;z-index:7;width:min(227px,100%);max-height:min(347px,calc(100% - 27px));overflow:auto;padding:9px;display:grid;gap:7px;align-content:start;background:#141816;border:1px solid #2c3a32;box-shadow:0 16px 40px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.climate-map-wrap.drawer-open .layout-drawer{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.layout-drawer .full-layout-settings{margin:0;padding:0;border:0;gap:8px}
.layout-drawer .layout-settings-head>b{font-size:9px;letter-spacing:0;text-transform:none}
.layout-drawer .layout-check,.layout-drawer .layout-field{padding:7px 8px}
.layout-drawer .layout-check b,.layout-drawer .layout-field>span{font-size:8px}
.layout-drawer .layout-check small{font-size:7px}
html[data-theme="light"] .layout-stage-full .climate-map-wrap{background:#efe8d8}
html[data-theme="light"] .layout-overlay-toolbar{background:#fffdf8;border-color:#e4d8c4;box-shadow:0 8px 24px rgba(70,48,12,.12)}
html[data-theme="light"] .layout-overlay-toolbar .climate-map-btn{color:#1c2418}
html[data-theme="light"] .layout-overlay-toolbar .climate-map-btn:hover{background:#f7f1e6;color:#083820}
html[data-theme="light"] .layout-overlay-zoom{border-color:#e4d8c4}
html[data-theme="light"] .layout-overlay-toolbar .climate-map-zoom{color:#5e675c}
html[data-theme="light"] .climate-zone{background:#fffdf8;border-color:#e4d8c4;box-shadow:0 8px 24px rgba(70,48,12,.1)}
html[data-theme="light"] .climate-zone.zone-freeze{background:#e7f3fb;border-color:#9ec4e4}
html[data-theme="light"] .climate-zone.zone-cool{background:#e5f6fb;border-color:#8ec9dc}
html[data-theme="light"] .climate-zone.zone-warm{background:#fdecee;border-color:#e7b4bb}
html[data-theme="light"] .climate-zone.zone-scorching{background:#fde8ea;border-color:#e7a3ad}
html[data-theme="light"] .climate-zone.zone-adequate{background:#fbf6e4;border-color:#e2d09a}
html[data-theme="light"] .climate-zone-facility{color:#1c2418;background:rgba(255,253,248,.82);padding:3px 7px 3px 3px}
.climate-zone.zone-freeze{background:#172430}
.climate-zone.zone-cool{background:#14262c}
.climate-zone.zone-warm{background:#2a1a1e}
.climate-zone.zone-scorching{background:#2c161b}
.climate-zone.zone-adequate{background:#2a2414}
.climate-zone-facility{background:rgba(255,253,248,.08);padding:3px 7px 3px 3px}
html[data-theme="light"] .utility-staff-card{border-color:#d8ccb8;background:linear-gradient(135deg,#f4f7fb,#fffdf8 58%);color:#1c2418}
html[data-theme="light"] .utility-staff-card.assigned{border-color:#8fbfa4;background:linear-gradient(135deg,#e7f6ec,#fffdf8 58%)}
html[data-theme="light"] .utility-staff-copy>b{color:#1c2418}
html[data-theme="light"] .utility-candidate-label{color:#5e675c}
html[data-theme="light"] .utility-missing{color:#9a3044;border-color:#e7b4bb;background:#fdecee}
html[data-theme="light"] .utility-staffing .team-pal-copy small{color:#0d5a32}
html[data-theme="light"] .utility-staffing .subhead{color:#1c2418}
html[data-theme="light"] .layout-overlay-status{background:#fffdf8;border-color:#e4d8c4;box-shadow:0 8px 24px rgba(70,48,12,.1)}
html[data-theme="light"] .layout-overlay-status b{color:#1c2418}
html[data-theme="light"] .layout-overlay-status small{color:#5e675c}
html[data-theme="light"] .layout-drawer{background:#fffdf8;border-color:#e4d8c4;box-shadow:0 16px 36px rgba(70,48,12,.16)}
@media(max-width:900px){
  .layout-drawer{width:min(213px,100%)}
  .layout-overlay-status{max-width:70%}
}
@media(min-width:1101px) and (max-width:1399px){
  .workspace{grid-template-columns:minmax(340px,368px) minmax(0,1fr)}
  .brand p{display:none}
  .import-inline{max-width:440px}
}
@media(max-width:1100px){
  .topbar{flex-wrap:wrap;position:sticky}
  .import-inline{order:3;flex:1 0 100%;max-width:none;margin:0}
  .workspace{grid-template-columns:1fr}
  .results-pane{order:0}.config-pane{order:1}
}
/* Readability: Japanese labels stay on one line, surfaces share one gray scale. */
.section-title h3,.field label,.micro-label,.plan-table th,.metric small{letter-spacing:.02em;text-transform:none}
.plan-rules{grid-template-columns:1fr;gap:6px}
.compact-rule{min-height:0;align-items:flex-start;background:#101010;border-color:#2e2e2e}
.compact-rule b{font-size:11px;line-height:1.25}
.compact-rule small{font-size:9px;line-height:1.35}
.utility-grid{gap:6px}
.utility-card{min-height:0;background:#101010;border-color:#2e2e2e}
.utility-card:hover{transform:none;border-color:#666}
.utility-main b{font-size:11px}
.utility-card small{font-size:9px}
.module-grid{grid-template-columns:1fr;gap:6px}
.module-card{min-height:0;background:#101010;border-color:#2e2e2e}
.module-info label{font-size:11px;line-height:1.25}
.module-card input{border-color:#3a3a3a;background:#141414;color:#f4f4f4}
.number-with-max,input,select,.capacity-note,.check-row,.facility-row,.note-card,.metric{background:#101010;border-color:#2e2e2e}
.optimizer-progress,.optimizer-progress.done{border-color:#2c4638;background:#101412}
.optimizer-progress.cache{border-color:#6a5420;background:#16140e}
.optimizer-progress-copy b,.optimizer-progress.done .optimizer-progress-copy b{color:#f8e8c8}
.pane-tabs button.tab-locked,.pane-tabs button:disabled{opacity:.38;cursor:not-allowed;color:#6a756c}
.pane-tabs button.tab-locked:hover,.pane-tabs button:disabled:hover{color:#6a756c}
.plan-table th,.plan-table td{padding-top:6px;padding-bottom:6px}
.metric strong,.metric-value>span{font-size:22px!important}

svg.lucide{display:block;fill:none;stroke:currentColor;stroke-width:2}
.nav-icon svg.lucide,.link.nav-icon svg.lucide,.optimizer-settings-btn svg.lucide{width:14px;height:14px;min-width:14px;flex:0 0 14px;fill:none;stroke:currentColor}
.modal-close svg.lucide,.guarantee-remove svg.lucide{width:16px;height:16px}
.item-picker-button i{display:grid;place-items:center}
.item-picker-button i svg.lucide,.item-picker-search svg.lucide,.climate-map-btn svg.lucide{width:14px;height:14px}
.climate-map-btn.center{display:inline-flex;align-items:center;justify-content:center;gap:5px}

@media(max-width:680px){
  .top-actions #copy-link{display:none}
  .import-inline{grid-template-columns:1fr auto auto}
  .pane-body{padding:8px}
  .ownership-dialog{inset:8px}
  .ownership-dialog .ownership-grid{grid-template-columns:1fr}
}
.plan-objectives{display:grid;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid #2e2e2e;background:#101010}
.plan-objective-mode{justify-self:start;background:#d8a028;color:#083820;font-size:10px;font-weight:800;line-height:1;padding:4px 7px}
.plan-objective-list{display:grid;gap:6px}
.plan-objective-row{display:flex;align-items:center;gap:8px;min-width:0}
.plan-objective-rank{flex:0 0 16px;text-align:center;color:#d8a028;font-size:12px}
.plan-objective-row img{width:22px;height:22px;object-fit:contain;flex:0 0 22px}
.plan-objective-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.plan-objective-rates{margin-left:auto;display:flex;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}
.plan-objective-rates strong{font-size:20px}
.plan-objective-rates em{font-style:normal;font-size:11px;color:#d8a028;margin:0 16px 0 2px}
.plan-objective-rates em:last-child{margin-right:0}
.plan-objective-split{margin-top:4px;font-size:10px;letter-spacing:.06em;color:#c9a15a}
.plan-objective-floor{color:#9aa89c}
.plan-objective-row.short .plan-objective-floor{color:#efc978}
.objective-board{display:grid;gap:10px}
.objective-card{display:grid;gap:8px;padding:10px;border:1px solid #24302a;background:#101412}
.objective-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.objective-card-head label,.objective-card-head span{font-size:11px;color:#f6f1e6}
.objective-card-head b{font-size:10px;color:#d8a028;font-weight:700}
.max-mode{display:flex;gap:0;border:1px solid #24302a;flex-wrap:wrap}
.levelup-list{display:grid;gap:4px;margin-top:8px}
.levelup-head{font-size:10px;letter-spacing:.08em;color:#c9a15a}
.levelup-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:26px;font-size:11px}
.levelup-row img{width:22px;height:22px;object-fit:contain}
.levelup-row b{font-variant-numeric:tabular-nums}
html[data-theme="light"] .plan-objective-split{color:#8a6420}
html[data-theme="light"] .plan-objective-floor{color:#6b6458}
html[data-theme="light"] .plan-objective-row.short .plan-objective-floor{color:#8a6420}
html[data-theme="light"] .levelup-head{color:#8a6420}
html[data-theme="light"] .levelup-row{color:#1c2418}
.max-mode .ghost{height:22px;padding:0 7px;font-size:10px;border:0;background:transparent;color:#c9c2b2}
.max-mode .ghost.on{background:#d8a028;color:#083820}
.max-priority{display:grid;gap:4px}
.max-priority-row{display:grid;grid-template-columns:16px 18px minmax(0,1fr) 18px 18px;gap:4px;align-items:center;min-height:26px;padding:2px 4px;background:#0b0c0b;border:1px solid #24302a}
.max-priority-row b{text-align:center;color:#d8a028;font-size:11px}
.max-priority-row img{width:16px;height:16px;object-fit:contain}
.max-priority-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.max-priority-row .max-move{width:18px;height:18px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid #24302a;background:transparent;color:#c9c2b2}
.max-priority-row .max-move svg{width:12px;height:12px}
.max-priority-row .max-move:hover:not(:disabled){border-color:#d8a028;color:#f8e8c8}
.max-priority-row .max-move:disabled{opacity:.28;cursor:default}
.objective-hint{margin:0}
.objective-add{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:24px;padding:0 8px;border:1px dashed #d8a028;background:transparent;color:#f6f1e6;cursor:pointer;font-size:11px;font-weight:700;line-height:1}
.objective-add svg{width:12px;height:12px}
.objective-add:hover{background:#1f6b45;border-style:solid;color:#f8e8c8}
.note-card.locked{opacity:.42;filter:grayscale(.9);cursor:default;border-style:dashed}
.note-card.locked input{cursor:default}
.objective-empty{margin:0;padding:4px 2px;color:#8a8478;font-size:11px;line-height:1.45}
#guarantees{display:grid;gap:6px}
.objective-row{display:grid;grid-template-columns:1fr;gap:6px;margin:0;padding:8px;border:1px solid #24302a;background:#0b0c0b}
.objective-row-main{display:grid;grid-template-columns:26px minmax(0,1fr) 28px;gap:6px;align-items:center}
.objective-row-meta{display:flex;align-items:center;gap:6px;padding-left:32px}
.objective-row-meta .rate-field{flex:1;max-width:140px}
.objective-clear{width:100%;height:22px;padding:0 8px;font-size:11px;line-height:1}
.guarantee-remove{padding:0;height:28px}

html[data-theme="light"]{
  --bg:#f4efe4;--panel:#fffdf8;--panel2:#f7f1e6;--line:#d8ccb8;--text:#1c2418;--muted:#5e675c;
  --shadow:0 10px 28px rgba(70,48,12,.08);color-scheme:light;background:#f4efe4;color:#1c2418
}
html[data-theme="light"] body{background:#f4efe4;color:#1c2418}
html[data-theme="light"] .topbar{background:#fffdf8;border-bottom-color:#d8ccb8}
html[data-theme="light"] .ghost{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .ghost:hover{border-color:#d8a028;color:#083820}
html[data-theme="light"] .primary{background:#d8a028;border-color:#d8a028;color:#083820}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] .lang-select,html[data-theme="light"] .item-picker-button,html[data-theme="light"] .number-with-max{background:#fff;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .pane{background:#fffdf8;border-color:#d8ccb8}
html[data-theme="light"] .pane-tabs{background:#f7f1e6;border-bottom-color:#d8ccb8}
html[data-theme="light"] .pane-tabs button{color:#5e675c}
html[data-theme="light"] .pane-tabs button:hover,html[data-theme="light"] .pane-tabs button[aria-selected="true"]{color:#083820;background:#fffdf8;border-color:#d8ccb8}
html[data-theme="light"] .pane-tabs button[aria-selected="true"]:before{background:#fffdf8}
html[data-theme="light"] .section-title h3,html[data-theme="light"] .section-title em{color:#1c2418}
html[data-theme="light"] .micro,html[data-theme="light"] .objective-empty,html[data-theme="light"] .note-unlock,html[data-theme="light"] .note-unlocks,html[data-theme="light"] .optimizer-about p{color:#6b6458}
html[data-theme="light"] .note-card,html[data-theme="light"] .living-card,html[data-theme="light"] .facility-row,html[data-theme="light"] .check-row,html[data-theme="light"] .module-card,html[data-theme="light"] .metric,html[data-theme="light"] .climate-card,html[data-theme="light"] .utility-card,html[data-theme="light"] .output-card,html[data-theme="light"] .result-card,html[data-theme="light"] .scenario-bar,html[data-theme="light"] .objective-card,html[data-theme="light"] .objective-row,html[data-theme="light"] .max-priority-row,html[data-theme="light"] .plan-objectives,html[data-theme="light"] .ownership-dialog,html[data-theme="light"] .optimizer-settings-modal,html[data-theme="light"] .plot-management-modal{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .facility-row .fac-count,html[data-theme="light"] .facility-row .fac-level,html[data-theme="light"] .facility-row .fac-speed{background:#fff;color:#1c2418;border-color:#d8ccb8}
html[data-theme="light"] .objective-card-head label,html[data-theme="light"] .objective-card-head span,html[data-theme="light"] .objective-add,html[data-theme="light"] .max-priority-row span,html[data-theme="light"] .plan-objective-name{color:#1c2418}
html[data-theme="light"] .max-mode{border-color:#d8ccb8}
html[data-theme="light"] .max-mode .ghost,html[data-theme="light"] .max-priority-row .max-move{color:#5e675c;border-color:#d8ccb8}
html[data-theme="light"] .max-mode .ghost.on{background:#d8a028;color:#083820}
html[data-theme="light"] .item-picker-menu{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .item-option{color:#1c2418}
html[data-theme="light"] .item-option:hover,html[data-theme="light"] .item-option.selected{background:rgba(216,160,40,.18)}
html[data-theme="light"] .plan-table th{color:#6b6458;border-bottom-color:#e4d8c4}
html[data-theme="light"] .plan-table td{border-bottom-color:#efe6d6;color:#1c2418}
html[data-theme="light"] .plan-table tr:hover td,html[data-theme="light"] .plan-table tr.facility-continuation:hover td{background:rgba(31,107,69,.08)}
html[data-theme="light"] .plan-table tr.climate-row{--env-b:rgba(255,253,248,0)}
html[data-theme="light"] .plan-table tr.climate-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--env-edge) 22%,#fffdf8),#fffdf8 75%)}
html[data-theme="light"] .plan-table tr.climate-row:hover td{background:transparent}
html[data-theme="light"] .modal-close{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .compact-rule:has(input[type=checkbox]:checked),html[data-theme="light"] .climate-card.enabled,html[data-theme="light"] .utility-card.enabled{background:#eef6f0;border-color:#1f6b45}
html[data-theme="light"] .nav-tools .nav-icon{color:#1c2418}
html[data-theme="light"] .optimizer-about em{color:#1c2418}
html[data-theme="light"] .note-unlock b{color:#8a6420}
html[data-theme="light"] .pal-row,html[data-theme="light"] .pal-row.form-entry,html[data-theme="light"] .pal-row.unavailable-entry{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .pal-count-field{background:#fff;border-color:#d8ccb8}
html[data-theme="light"] .pal-count-field em,html[data-theme="light"] .ownership-bulk label{color:#6b6458}
html[data-theme="light"] .ownership-count,html[data-theme="light"] .living-count{color:#8a6420}
html[data-theme="light"] .pal-form-badge{background:#f7f1e6;border-color:#d8ccb8;color:#5e675c}
html[data-theme="light"] .pal-form-badge.prismana{background:#f3e8f8;border-color:#c9a6de;color:#5c3d78}
html[data-theme="light"] .summary-line,html[data-theme="light"] .ownership-filter-hint,html[data-theme="light"] .facility-head,html[data-theme="light"] .facility-name small{color:#6b6458}
html[data-theme="light"] .flow-badge{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .flow-badge.surplus{background:#e7f6ec;border-color:#1f6b45;color:#0d5a32}
html[data-theme="light"] .flow-badge.balanced{background:#fbf3df;border-color:#b8892a;color:#7a5a12}
html[data-theme="light"] .flow-badge.deficit{background:#fdecee;border-color:#a24b5c;color:#8a3040}
html[data-theme="light"] .output-card.sell strong,html[data-theme="light"] .output-card.byproduct strong,html[data-theme="light"] .output-card.utility strong,html[data-theme="light"] .living-state,html[data-theme="light"] .result-delta{color:#1c2418}
html[data-theme="light"] .ability-card{background:linear-gradient(145deg,color-mix(in srgb,var(--ability,#7f8994) 16%,#fffdf8),#fffdf8 68%);border-color:color-mix(in srgb,var(--ability,#7f8994) 45%,#d8ccb8);color:#1c2418}
html[data-theme="light"] .ability-head span{color:#5e675c}
html[data-theme="light"] .optimizer-progress,html[data-theme="light"] .optimizer-progress.done,html[data-theme="light"] .optimizer-progress.cache{background:#fffdf8;color:#1c2418}
html[data-theme="light"] .optimizer-progress-copy b,html[data-theme="light"] .optimizer-progress.done .optimizer-progress-copy b{color:#083820}
html[data-theme="light"] .optimizer-progress-copy span{color:#6b6458}
html[data-theme="light"] .optimizer-progress-bar{background:#e7dcc6}
html[data-theme="light"] .capacity-note,html[data-theme="light"] .speed-mode-toggle,html[data-theme="light"] .layout-check,html[data-theme="light"] .layout-field,html[data-theme="light"] .climate-layout-copy,html[data-theme="light"] .climate-layout-copy.compact,html[data-theme="light"] .climate-info-box,html[data-theme="light"] .speed-chip{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .speed-mode-toggle b,html[data-theme="light"] .layout-check b,html[data-theme="light"] .layout-settings-head>b,html[data-theme="light"] .speed-chip,html[data-theme="light"] .speed-chip b{color:#1c2418}
html[data-theme="light"] .speed-mode-toggle small,html[data-theme="light"] .layout-check small,html[data-theme="light"] .layout-field>span,html[data-theme="light"] .layout-settings-head>span,html[data-theme="light"] .capacity-note{color:#6b6458}
html[data-theme="light"] .layout-field select,html[data-theme="light"] .optimizer-setting-row select{background:#fff;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .facility-row .real-speed,html[data-theme="light"] .facility-row .auto-speed{background:#f3f7f4;color:#1c2418}
html[data-theme="light"] .guarantee-enabled-toggle,html[data-theme="light"] .objective-row.disabled .guarantee-enabled-toggle{background:#fff;border-color:#d8ccb8}
html[data-theme="light"] .guarantee-enabled-toggle:has(input:checked){background:#e7f6ec;border-color:#1f6b45}
html[data-theme="light"] .item-picker-search{background:#fff;border-color:#d8ccb8}
html[data-theme="light"] .item-picker-search input{background:transparent;color:#1c2418}
html[data-theme="light"] .item-group-title{background:#f7f1e6;color:#6b6458;border-top-color:#e4d8c4;border-bottom-color:#e4d8c4}
html[data-theme="light"] .rate-field{background:#fff;border-color:#d8ccb8}
html[data-theme="light"] .rate-field input{background:transparent;color:#1c2418}
html[data-theme="light"] .rate-field span{color:#6b6458}
html[data-theme="light"] .objective-row.maxed .rate-field{background:#fbf6e4;border-color:#e2c98a}
html[data-theme="light"] .objective-row.maxed .rate-field input:disabled{color:#8a7350;-webkit-text-fill-color:#8a7350}
html[data-theme="light"] .objective-row.maxed .rate-field span{color:#8a6420}
html[data-theme="light"] .maximize-toggle{background:#fff;border-color:#d8ccb8;color:#5e675c}
html[data-theme="light"] .maximize-toggle:has(input:checked){background:#e7f6ec;border-color:#1f6b45;color:#0d5a32}
html[data-theme="light"] .objective-warning{background:linear-gradient(90deg,rgba(216,160,40,.16),#fffdf8 52%);color:#1c2418}
html[data-theme="light"] .objective-warning b{color:#7a5a12}
html[data-theme="light"] .objective-warning span{color:#5e675c}
html[data-theme="light"] .climate-map-btn,html[data-theme="light"] .climate-map-zoom{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .climate-map-btn:hover{background:#f7f1e6;border-color:#d8a028;color:#083820}
html[data-theme="light"] .layout-stage-full .climate-map-viewport{background:#cfe3bf}
html[data-theme="light"] .full-layout-map .layout-world-bg{fill:#d4ebc6}
.full-layout-map .layout-world-bg{fill:#121a14}
.full-layout-map .layout-plot .layout-plot-fill{fill:color-mix(in srgb,var(--plot-color) 28%,#101412)!important;fill-opacity:1!important}
.full-layout-map .layout-plot.disabled .layout-plot-fill{fill:color-mix(in srgb,var(--plot-color) 12%,#101412)!important}
.full-layout-map .layout-plot.locked .layout-plot-fill{fill:#161a17!important}
.layout-unit-grid{pointer-events:none}
.layout-unit-grid line{stroke:rgba(246,241,230,.38);stroke-width:1;vector-effect:non-scaling-stroke}
.layout-unit-grid line.major{stroke:rgba(246,241,230,.9);stroke-width:2}
.full-layout-map .layout-plot-outline{stroke:color-mix(in srgb,var(--plot-color) 70%,#f6f1e6)!important;stroke-opacity:.9!important;stroke-width:2!important}
.full-layout-map .layout-plot-outline.locked{stroke:#2c3a32!important;stroke-opacity:1!important;stroke-dasharray:.6 .45}
.layout-structure-pad{fill:#fffdf8;filter:url(#layout-tile-shadow)}
.layout-structure-pad.env-cool{fill:#d7f0fb}
.layout-structure-pad.env-freeze{fill:#c5e4f8}
.layout-structure-pad.env-warm{fill:#fde4e8}
.layout-structure-pad.env-scorching{fill:#fcd4d8}
.layout-structure-pad.env-adequate{fill:#f8efc4}
.layout-structure-frame{fill:none;stroke:#e7e1d6;stroke-width:.045;vector-effect:non-scaling-stroke;pointer-events:none}
.layout-structure:hover .layout-structure-frame{stroke:#1f6b45}
.layout-facility-badge{fill:#5c6370;pointer-events:none}
.full-layout-map .layout-facility-item{fill:#3d403c;font-weight:800;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;pointer-events:none}
.layout-icon-group{pointer-events:auto;cursor:default}
.layout-output-icon{pointer-events:auto}
.layout-hover-tip{position:fixed;z-index:80;max-width:280px;padding:5px 8px;background:#fffdf8;color:#1c2418;border:1px solid #e4d8c4;box-shadow:0 8px 18px rgba(28,36,24,.16);font:700 12px/1.35 "Noto Sans JP","Hiragino Sans",sans-serif;pointer-events:none}
.layout-structure-icon{pointer-events:none}
html[data-theme="light"] .full-layout-map .layout-plot .layout-plot-fill{fill:color-mix(in srgb,var(--plot-color) 16%,#d4ebc6)!important}
html[data-theme="light"] .full-layout-map .layout-plot.disabled .layout-plot-fill{fill:color-mix(in srgb,var(--plot-color) 8%,#d4ebc6)!important}
html[data-theme="light"] .full-layout-map .layout-plot.locked .layout-plot-fill{fill:#c5dcb6!important}
html[data-theme="light"] .layout-unit-grid line{stroke:rgba(8,56,32,.32)}
html[data-theme="light"] .layout-unit-grid line.major{stroke:rgba(8,56,32,.88);stroke-width:2}
html[data-theme="light"] .full-layout-map .layout-plot-outline{stroke:color-mix(in srgb,var(--plot-color) 45%,#8a7d68)!important;stroke-opacity:1!important;stroke-width:2!important}
html[data-theme="light"] .full-layout-map .layout-plot-outline.locked{stroke:#c9bba6!important}
html[data-theme="light"] .layout-structure-frame{stroke:#efe8dc}
html[data-theme="light"] .layout-structure:hover .layout-structure-frame{stroke:#1f6b45}
html[data-theme="light"] .layout-facility-item{fill:#3f453c}
html[data-theme="light"] .layout-structure-icon{filter:none}
html[data-theme="light"] .plot-management-open{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .plot-management-open:hover{background:#f7f1e6;border-color:#d8a028}
html[data-theme="light"] .plot-management-title h3,html[data-theme="light"] .plot-management-title p,html[data-theme="light"] .super-explain p,html[data-theme="light"] .super-explain li,html[data-theme="light"] .optimizer-settings-modal>p,html[data-theme="light"] .optimizer-setting-row b,html[data-theme="light"] .optimizer-setting-check b{color:#1c2418}
html[data-theme="light"] .super-conclusion{background:#f7f1e6;border-color:#d8ccb8;border-left-color:#0d6b3a}
html[data-theme="light"] .super-conclusion p,html[data-theme="light"] .super-conclusion li,html[data-theme="light"] .super-report-copy p,html[data-theme="light"] .super-table td{color:#1c2418}
html[data-theme="light"] .super-table th{color:#5c6b58}
html[data-theme="light"] .super-table th,html[data-theme="light"] .super-table td{border-bottom-color:#e4d8c4}
html[data-theme="light"] .super-table tr.is-winner td,html[data-theme="light"] .super-summary b{color:#0d6b3a}
html[data-theme="light"] .super-wip{color:#6b6458;border-color:#d8ccb8}
html[data-theme="light"] .super-progress,html[data-theme="light"] .super-summary,html[data-theme="light"] .super-summary span{background:#fffdf8;color:#5e675c;border-color:#d8ccb8}
html[data-theme="light"] .super-summary b{color:#0d5a32}
html[data-theme="light"] .plot-cell{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .plot-cell.enabled{background:#e7f6ec;border-color:#1f6b45}
html[data-theme="light"] .plot-cell.enabled span{color:#0d5a32}
html[data-theme="light"] .plot-cell.disabled{background:#fdecee;border-color:#a24b5c}
html[data-theme="light"] .plot-cell.disabled span{color:#8a3040}
html[data-theme="light"] .change-undo{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .undo-action{background:#fff;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] code{background:#f7f1e6;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .collection-rule select,html[data-theme="light"] .collection-rule select:disabled{background:#fff;border-color:#d8ccb8;color:#1c2418;opacity:1}
html[data-theme="light"] .collection-rule select:disabled{background:#f7f1e6;color:#6b6458}
html[data-theme="light"] .coin-value>span,html[data-theme="light"] .module-info label,html[data-theme="light"] .objective-subtitle b,html[data-theme="light"] .coverage-chip b{color:#1c2418}
html[data-theme="light"] .coverage-chip.full b{color:#0d5a32}
html[data-theme="light"] .pal-ability-chip{border-color:color-mix(in srgb,var(--pal-a,#59636e) 42%,#d8ccb8);background:linear-gradient(135deg,color-mix(in srgb,var(--pal-a,#59636e) 20%,#fffdf8),color-mix(in srgb,var(--pal-b,#303741) 16%,#fffdf8));color:#1c2418}
html[data-theme="light"] .pal-ability-chip b{color:#1c2418}
html[data-theme="light"] .pal-ability-chip>img{background:#efe6d4}
html[data-theme="light"] .climate-status.good{color:#0d5a32}
html[data-theme="light"] .climate-status.bad{color:#8a3040}
html[data-theme="light"] .result-card.best{background:#fff8ea;border-color:#d8a028}
html[data-theme="light"] .result-card.special{background:linear-gradient(90deg,#f6eefb,#fffdf8 58%);border-color:#c9a6de;color:#1c2418}
html[data-theme="light"] .result-label,html[data-theme="light"] #team-panel .subhead{color:#5e675c}
html[data-theme="light"] .result-rate{color:#083820}
html[data-theme="light"] .trait{background:#f7f1e6;border-color:#d8ccb8;color:#5e675c}
html[data-theme="light"] .trait.must{background:#e7f6ec;border-color:#1f6b45;color:#0d5a32}
html[data-theme="light"] .trait.nice{background:#fbf3df;border-color:#b8892a;color:#7a5a12}
html[data-theme="light"] .trait.none{background:#f7f1e6;border-color:#e4d8c4;color:#6b6458}
html[data-theme="light"] .coverage-chip,html[data-theme="light"] .coverage.permanent-coverage .coverage-chip,html[data-theme="light"] .coverage.burst-coverage .coverage-chip{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .coverage.permanent-coverage .coverage-chip{background:#f4f7fb;border-color:#9ec4e4}
html[data-theme="light"] .coverage-chip.full,html[data-theme="light"] .coverage.permanent-coverage .coverage-chip.full{background:#e7f6ec;border-color:#1f6b45;color:#0d5a32}
html[data-theme="light"] .coverage .burst-load-chip>.coverage-name,html[data-theme="light"] .coverage .burst-load-chip>.burst-metric,html[data-theme="light"] .coverage .burst-load-chip>.burst-metric em{color:#5e675c}
html[data-theme="light"] .coverage .burst-load-chip>.burst-metric.healthy{color:#0d5a32}
html[data-theme="light"] .coverage .burst-load-chip>.burst-metric.strained{color:#7a5a12}
html[data-theme="light"] .coverage .burst-load-chip.partial{border-color:#b8892a}
html[data-theme="light"] .number-with-max{background:#fff;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .number-with-max span{color:#6b6458}
html[data-theme="light"] #team-panel .status{color:#5e675c}
html[data-theme="light"] .module-card:focus-within{background:#fffdf8;border-color:#d8a028}
.guide-toggle{display:inline-flex;align-items:center;gap:5px}
.guide-toggle svg{width:14px;height:14px;flex:0 0 14px}
.guide-overlay{position:fixed;inset:0;z-index:84;background:rgba(2,4,6,.76);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:20px}
.guide-overlay.open{display:flex}
.guide-modal{position:relative;width:min(640px,100%);max-height:min(82vh,760px);overflow:auto;border:1px solid #334352;background:linear-gradient(155deg,#111821,#090b0e 58%);padding:22px 22px 16px;box-shadow:0 28px 90px rgba(0,0,0,.62);color:#f6f1e6}
.guide-modal h2{margin:0 36px 8px 0;font-size:16px;letter-spacing:.02em}
.guide-lead{margin:0 0 14px;color:#9aa3ab;font-size:12px;line-height:1.65}
.guide-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.guide-steps li{display:grid;gap:4px;padding:10px 12px;border:1px solid #2c3a32;background:#101412}
.guide-steps b{font-size:13px;color:#f8e8c8}
.guide-steps p{margin:0;color:#c9c2b2;font-size:12px;line-height:1.6}
.guide-modal>.primary{width:100%}
html[data-theme="light"] .guide-modal{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .guide-lead,html[data-theme="light"] .guide-steps p{color:#5e675c}
html[data-theme="light"] .guide-steps li{background:#fffdf8;border-color:#e4d8c4}
html[data-theme="light"] .guide-steps b{color:#083820}
.reset-modal{position:relative;width:min(420px,100%);border:1px solid #334352;background:linear-gradient(155deg,#111821,#090b0e 58%);padding:22px 22px 16px;box-shadow:0 28px 90px rgba(0,0,0,.62);color:#f6f1e6}
.reset-modal h2{margin:0 36px 8px 0;font-size:16px;letter-spacing:.02em}
.reset-modal p{margin:0;color:#c9c2b2;font-size:12px;line-height:1.6}
.reset-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
html[data-theme="light"] .reset-modal{background:#fffdf8;border-color:#d8ccb8;color:#1c2418}
html[data-theme="light"] .reset-modal p{color:#5e675c}
@media(max-width:680px){
  .guide-overlay{padding:12px;align-items:flex-end}
  .guide-modal{max-height:min(88vh,760px)}
}
/* Header buttons show their name next to the icon. */
.top-actions .nav-labeled{width:auto;min-width:0;padding:0 8px;gap:5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;white-space:nowrap}
.top-actions .nav-labeled span{display:inline!important}
@media(max-width:1100px){.top-actions{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;row-gap:4px}}
.season-badge{display:inline-block;margin-left:6px;padding:1px 5px;border:1px solid #7a5fc4;color:#c9b6ff;font-size:8px;letter-spacing:.08em;vertical-align:1px}
.note-card.season{border-color:#3a3150}
html[data-theme="light"] .season-badge{border-color:#8a6fd0;color:#5a3fb0}
html[data-theme="light"] .note-card.season{border-color:#cbbde8}