@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap";:root{--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Instrument Serif", Georgia, serif;--radius:10px;--radius-sm:6px;--shadow:0 8px 32px #0000001f;--sidebar-width:260px;--transition:.16s ease}[data-theme=light]{--bg:#f4f2ef;--bg-elevated:#fff;--bg-subtle:#ebe8e3;--border:#d8d3cb;--text:#1a1816;--text-muted:#6b6560;--accent:#8b1e2f;--accent-hover:#6e1725;--accent-soft:#8b1e2f1a;--accent-blue:#094771;--success:#1f7a4d;--warning:#b86b14;--danger:#b42318;--nav-active:#8b1e2f1a;--input-bg:#fff}[data-theme=dark]{--bg:#141316;--bg-elevated:#1e1d22;--bg-subtle:#252429;--border:#3a383f;--text:#ece9e4;--text-muted:#9a9590;--accent:#c43d52;--accent-hover:#e0556a;--accent-soft:#c43d5226;--accent-blue:#3d8fd1;--success:#6ecf8a;--warning:#e8b86d;--danger:#f48771;--nav-active:#c43d522e;--input-bg:#2a2930}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}h1,h2,h3{margin:0;font-weight:600}h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:2rem;font-weight:400}p{margin:0}.muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:1.25rem .875rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;padding:.25rem .5rem 1.25rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #4a1020);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:grid}.brand strong{font-size:1rem;display:block}.brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:.65rem;padding:.65rem .75rem;display:flex}.nav-item:hover{background:var(--bg-subtle);color:var(--text)}.nav-item.active{background:var(--nav-active);color:var(--accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.chronicle-pill{background:var(--bg-subtle);border-radius:var(--radius-sm);padding:.65rem .75rem;font-size:.85rem}.chronicle-pill strong{margin-top:.15rem;display:block}.theme-toggle{justify-content:flex-start;width:100%}.main{flex:1;padding:2rem 2.25rem;overflow:auto}.view{flex-direction:column;gap:1.25rem;max-width:1200px;display:flex}.view-header{margin-bottom:.5rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card-header h2{font-size:1.1rem}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);cursor:pointer;transition:background var(--transition), border-color var(--transition);white-space:nowrap;padding:.5rem .9rem}.btn:hover:not(:disabled){background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-ghost{background:0 0;border-color:#0000}.theme-toggle.btn-ghost{border:1px solid var(--border)}.input,.select,.textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:.55rem .75rem}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.textarea{resize:vertical;min-height:80px}.badge{text-transform:capitalize;background:var(--bg-subtle);color:var(--text-muted);border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{color:var(--success);background:#1f7a4d26}.badge-warning{color:var(--warning);background:#b86b1426}.badge-danger{color:var(--danger);background:#b4231826}.field{flex-direction:column;gap:.35rem;display:flex}.field-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.form-grid{flex-direction:column;gap:.85rem;display:flex}.form-grid.compact{margin-bottom:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.split-view{grid-template-columns:minmax(280px,340px) 1fr;align-items:start;gap:1rem;display:grid}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.split-view{grid-template-columns:1fr}}.list{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.scroll-list{max-height:360px;overflow:auto}.scroll-list.tall{max-height:480px}.list-row{border-radius:var(--radius-sm);width:100%;color:inherit;cursor:pointer;text-align:left;transition:background var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.list-row.static{cursor:default}.list-row:hover:not(.static){background:var(--bg-subtle)}.list-row.selected{background:var(--accent-soft);border-color:var(--accent)}.row-meta{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.inline-form{gap:.5rem;margin-top:.75rem;display:flex}.actions-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.empty-state{text-align:center;padding:2rem 1rem}.empty-state h3{margin-bottom:.35rem}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot.dead{background:var(--text-muted)}.checkbox-row{align-items:center;gap:.5rem;font-size:.92rem;display:flex}.checkbox-list{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.section-title{margin:1.25rem 0 .5rem;font-size:.95rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:.5rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.hint{color:var(--accent-blue);margin-top:.75rem;font-size:.9rem}.kindred-row{align-items:flex-start}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.preset-chip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);cursor:pointer;text-align:left;transition:border-color var(--transition);flex-direction:column;align-items:flex-start;gap:.35rem;padding:.65rem .75rem;display:flex}.preset-chip:hover{border-color:var(--accent)}.dyscrasia-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);padding:.85rem}.dyscrasia-header{justify-content:space-between;gap:.75rem;margin-bottom:.5rem;display:flex}.portrait-view .portrait-tabs{gap:.35rem;margin-bottom:1rem;display:flex}.portrait-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);cursor:pointer;padding:.45rem .85rem;font-size:.88rem}.portrait-tab.active{background:var(--nav-active);color:var(--accent);border-color:var(--accent)}.portrait-map-card{overflow:hidden}.portrait-map-body{align-items:stretch;gap:.75rem;min-width:0;display:flex}.portrait-group-sidebar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);flex-direction:column;flex:0 0 200px;width:200px;max-width:220px;display:flex;overflow:hidden}.portrait-group-sidebar-header{border-bottom:1px solid var(--border);color:var(--text);padding:.55rem .7rem;font-size:.82rem;font-weight:600}.portrait-group-sidebar-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;padding:.4rem .55rem;display:flex}.portrait-group-sidebar-actions .btn{padding:.2rem .45rem;font-size:.78rem}.portrait-group-list{flex-direction:column;flex:1;gap:.15rem;max-height:min(70vh,700px);padding:.4rem .55rem;display:flex;overflow-y:auto}.portrait-group-item{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;padding:.15rem 0;font-size:.85rem;display:grid}.portrait-group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portrait-group-count{font-variant-numeric:tabular-nums}.portrait-group-empty,.portrait-group-hint{margin:0;padding:.35rem .15rem}.portrait-group-hint{border-top:1px solid var(--border);padding:.45rem .55rem;font-size:.75rem}.portrait-map-canvas-wrap{flex:1;min-width:0}@media (width<=900px){.portrait-map-body{flex-direction:column}.portrait-group-sidebar{flex:none;width:100%;max-width:none}.portrait-group-list{max-height:180px}}.portrait-viewport{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.portrait-viewport.is-panning{cursor:grabbing}.portrait-viewport.is-selecting{cursor:crosshair}.portrait-viewport .portrait-canvas{border:none;border-radius:0;display:block}.portrait-map-hint{margin:.5rem 0 0}.portrait-zoom-controls{z-index:2;pointer-events:none;flex-direction:column;gap:.25rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.portrait-zoom-row{pointer-events:auto;justify-content:center;gap:.25rem;display:flex}.portrait-zoom-spacer{flex-shrink:0;width:2rem}.portrait-zoom-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:2rem;height:2rem;color:var(--text);cursor:pointer;transition:background var(--transition), border-color var(--transition);justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;box-shadow:0 2px 8px #0000001f}.portrait-zoom-btn-wide{width:2.5rem;font-size:.95rem}.portrait-zoom-btn:hover{background:var(--bg-subtle);border-color:var(--accent)}.portrait-zoom-btn:active{background:var(--nav-active)}.portrait-toolbar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:.75rem;display:flex}.portrait-toolbar .field{min-width:160px}.portrait-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.filter-check{align-items:center;gap:.35rem;font-size:.88rem;display:flex}.portrait-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:min(70vh,700px)}.portrait-bg{fill:var(--bg-subtle)}.portrait-bg-fixed,.portrait-bg-pannable{pointer-events:all}.portrait-node,.portrait-node.is-selected{cursor:grab}.portrait-node:active{cursor:grabbing}.portrait-marquee{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3;opacity:.85}.portrait-selection-bar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);z-index:2;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.88rem;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 2px 8px #0000001f}.portrait-node-label,.portrait-marker-label{font-family:var(--font-sans);pointer-events:none;font-size:11px}.portrait-marker{cursor:grab}.portrait-marker:active{cursor:grabbing}.portrait-marker.is-selected .portrait-marker-circle{stroke:var(--accent);stroke-width:3px}.portrait-marker-circle{fill:#c9a66b;stroke:#8b6914}[data-theme=dark] .portrait-marker-circle{fill:#7a6030;stroke:#c9a66b}.portrait-marker-label{fill:var(--text)}.legend-list{margin:0;padding:0;list-style:none}.legend-list li{align-items:center;gap:.65rem;padding:.35rem 0;display:flex}.legend-swatch{border-radius:2px;flex-shrink:0;width:28px;height:4px}.attached-list{flex-direction:column;gap:.35rem;display:flex}.attached-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.35rem 0;display:flex}.sync-card{margin-top:1rem}.roll-result{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent);margin:1rem 0;padding:.75rem}.roll-result-text{font-family:var(--font-sans);white-space:pre-wrap;margin:.5rem 0 0;font-size:.88rem;line-height:1.45}.rating-selector{flex-wrap:wrap;gap:.35rem;display:flex}.rating-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);min-width:2.5rem;color:var(--text);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);padding:.45rem .75rem;font-weight:600}.rating-btn:hover{border-color:var(--accent);background:var(--bg-subtle)}.rating-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.roll-formula{margin:0}.mask-assign-list{margin:0;padding-left:1.1rem}.link-btn{color:var(--accent-blue);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:var(--accent)}.option-section{margin-top:1rem}.option-section h4{margin:0 0 .5rem;font-size:.9rem}.option-check-grid{flex-direction:column;gap:.35rem;display:flex}.option-check{cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.88rem;display:flex}.option-check span{flex-direction:column;gap:.15rem;display:flex}.small{font-size:.82rem}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:.5rem .65rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.influence-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.35rem .75rem;display:grid}.influence-type-filters{flex-wrap:wrap}.filter-section{margin-bottom:1rem}.filter-section>.muted{margin-bottom:.35rem;display:block}.preset-list{margin:0 0 .75rem;padding:0;list-style:none}.preset-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.portrait-cult-label,.portrait-influence-label{pointer-events:none;font-size:9px}.hh-topbar{justify-content:flex-end;gap:.5rem;margin-bottom:.75rem;display:flex}.tab-row{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex}.tab-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:.35rem;padding:.5rem .85rem;display:inline-flex}.tab-btn.active{background:var(--nav-active);color:var(--accent);font-weight:600}.domain-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.domain-card.clickable{cursor:pointer}.domain-card .card{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:640px;max-height:85vh;box-shadow:var(--shadow);padding:1.25rem;overflow:auto}.error-text{color:var(--danger);font-size:.9rem}.flash-message{background:var(--accent-soft);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.65rem 1rem}.chip-row{flex-wrap:wrap;gap:.35rem;margin:.35rem 0;display:flex}.chip-x{cursor:pointer;color:inherit;background:0 0;border:none;margin-left:.25rem;font-size:1rem;line-height:1}.row-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.row-actions.wrap{justify-content:flex-end;max-width:420px}.row-header{flex-direction:column;gap:.5rem;display:flex}.inline-form.wrap{flex-wrap:wrap}.checkbox-label{align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.level-group{margin-bottom:.75rem}.level-group>strong{margin-bottom:.35rem;display:block}.list-row.compact{padding:.35rem 0}.summary-badges{margin-bottom:.75rem}.assignment-block{border-bottom:1px solid var(--border);padding:.75rem 0}.auth-view{max-width:480px;margin:0 auto}.auth-card{margin-top:1rem}.session-setup{max-width:720px;margin:0 auto}.session-signout{margin-top:.5rem}.session-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.session-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.25rem;transition:border-color .15s,background .15s;display:flex}.session-card:hover:not(:disabled){border-color:var(--accent);background:var(--bg)}.session-card:disabled{opacity:.6;cursor:wait}.session-change-btn{justify-content:flex-start;width:100%;font-size:.85rem}.character-detail-tabs{gap:.35rem;margin-bottom:1rem;display:flex}.character-sheet-panel{flex-direction:column;gap:.75rem;max-height:calc(100vh - 12rem);padding-right:.25rem;display:flex;overflow-y:auto}.sheet-edition-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.sheet-edition-option,.sheet-system-label{margin:0}.sheet-editor{flex-direction:column;gap:1rem;display:flex}.sheet-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:.75rem}.sheet-section-title{margin:0 0 .5rem;font-size:.95rem}.sheet-section-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.sheet-stat-columns{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.sheet-stat-column{flex-direction:column;gap:.35rem;display:flex}.sheet-stat-group-label{margin-bottom:.15rem;font-size:.85rem;font-weight:600}.sheet-stat-row{grid-template-columns:1fr 4rem;align-items:center;gap:.35rem;font-size:.85rem;display:grid}.sheet-stat-row input{padding:.2rem .35rem}.sheet-inline-fields{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.65rem;display:grid}.sheet-named-row{grid-template-columns:1fr 4rem auto;align-items:center;gap:.35rem;margin-bottom:.35rem;display:grid}.sheet-link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.sheet-link-btn:hover{text-decoration:underline}.brand-row{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.25rem .5rem 1rem;display:flex}.brand-row .brand{border:none;flex:1;min-width:0;padding:0}.brand-menu-wrap{flex:1;min-width:0;position:relative}.brand-btn{cursor:pointer;text-align:left;border-radius:var(--radius-sm);width:100%;transition:background var(--transition)}.brand-btn:hover,.brand-btn.open{background:var(--bg-subtle)}.brand-menu{z-index:50;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow);margin-top:.35rem;padding:.35rem;position:absolute;top:100%;left:0;right:0}.brand-menu-header{flex-direction:column;gap:.15rem;padding:.45rem .55rem .35rem;display:flex}.brand-menu-meta{justify-content:space-between;align-items:baseline;gap:.5rem;padding:.25rem .55rem;font-size:.82rem;display:flex}.brand-menu-actions{border-top:1px solid var(--border);flex-direction:column;gap:.15rem;margin-top:.35rem;padding-top:.35rem;display:flex}.brand-menu-item{color:var(--text);cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.5rem .55rem;font-size:.88rem;display:flex}.brand-menu-item:hover{background:var(--bg-subtle);color:var(--accent)}.save-all-btn{flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .55rem;font-size:.78rem;display:inline-flex}.save-all-hint{color:var(--text-muted);border-bottom:1px solid var(--border);margin:0;padding:0 .75rem .65rem;font-size:.72rem;line-height:1.35}.login-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.login-shell-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.login-shell-main{flex:1;justify-content:center;padding:2rem 1.25rem;display:flex}.login-shell-main .auth-view{width:100%;max-width:480px;margin:0}