:root{--bg: #14110e;--panel: #1d1915;--panel-2: #262019;--line: #3a3129;--ink: #ece3d6;--ink-dim: #a1907a;--accent: #c9a227;--accent-ink: #241d0c;--good: #4f9d5d;--warn: #c9852a;--bad: #b6483f;--radius: 10px;color-scheme:dark}@media (prefers-color-scheme: light){:root{--bg: #f4efe4;--panel: #fffdf8;--panel-2: #f0e9db;--line: #d6c9b0;--ink: #241f18;--ink-dim: #6d6151;--accent: #8a6d16;--accent-ink: #fffdf8;color-scheme:light}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{font-family:Iowan Old Style,Georgia,serif;margin:0}.app{max-width:1500px;margin:0 auto;padding:16px}.app-head h1{font-size:26px;letter-spacing:.2px;margin-bottom:10px}.app-head h1 small{font-size:15px;font-family:inherit;color:var(--ink-dim);font-weight:400}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.toolbar-file{display:flex;align-items:center;gap:9px;min-width:200px}.toolbar-file-text{display:flex;flex-direction:column;line-height:1.25}.toolbar-file-text strong{font-size:14px}.toolbar-file-text small{color:var(--ink-dim);font-size:12px}.dot{width:10px;height:10px;border-radius:50%;background:var(--ink-dim);flex:none}.dot.saved{background:var(--good)}.dot.dirty{background:var(--warn)}.dot.saving{background:var(--accent);animation:pulse 1s infinite}.dot.error,.dot\[needs-permission\],.dot.needs-permission{background:var(--bad)}@keyframes pulse{50%{opacity:.3}}.toolbar-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}.toolbar-message,.toolbar-note{flex-basis:100%;font-size:12.5px;color:var(--ink-dim);border-top:1px solid var(--line);padding-top:8px}.toolbar-note{color:var(--warn)}.autosave{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-dim)}.hidden-input{display:none}.btn{font:inherit;font-size:13px;padding:6px 11px;border-radius:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.danger:hover{border-color:var(--bad);color:var(--bad)}.btn.warn{background:var(--warn);color:#1a1206;border-color:var(--warn)}.btn.good{background:var(--good);color:#071a0a;border-color:var(--good)}.btn.bad{background:var(--bad);color:#1f0806;border-color:var(--bad)}.btn.small{padding:3px 8px;font-size:12px}.btn{white-space:nowrap}.icon-btn{border:none;background:none;color:var(--ink-dim);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}.icon-btn:hover{color:var(--bad)}.tabs{display:flex;gap:4px;margin:16px 0 12px;border-bottom:1px solid var(--line)}.tab{font:inherit;padding:8px 16px;background:none;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;color:var(--ink-dim);cursor:pointer}.tab.active{background:var(--panel);border-color:var(--line);color:var(--ink);margin-bottom:-1px;font-weight:600}.sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.sheet.tab-spells,.sheet.tab-inventory,.sheet.tab-character{grid-template-columns:repeat(2,1fr)}.sheet.tab-spells{grid-template-columns:1fr}.col{display:flex;flex-direction:column;gap:14px;min-width:0}@media (max-width: 1100px){.sheet,.sheet.tab-spells,.sheet.tab-inventory,.sheet.tab-character{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--panel-2);border-bottom:1px solid var(--line)}.panel-head h2{font-size:15px;letter-spacing:.4px;text-transform:uppercase;min-width:0}.panel-body{padding:12px;display:flex;flex-direction:column;gap:12px}.badge{font-size:12px;color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:2px 9px;white-space:nowrap}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-dim)}.field-hint{font-size:11px;color:var(--ink-dim)}input[type=text],input[type=number],select,textarea{font:inherit;width:100%;padding:6px 8px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.big-check{width:22px;height:22px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.identity-grid .wide{grid-column:1 / -1}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ability{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.ability-name{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-dim)}.ability-mod{font-size:27px;font-weight:700;font-family:Georgia,serif;color:var(--accent)}.ability-score{text-align:center;max-width:66px;padding:3px}.rowlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.rowlist li{display:flex;align-items:center;gap:9px;padding:2px 4px;border-radius:5px}.rowlist li:hover{background:var(--panel-2)}.rowlist-value{width:30px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.rowlist-label{font-size:13.5px}.rowlist-label em{color:var(--ink-dim);font-size:11px;text-transform:uppercase}.prof{width:15px;height:15px;flex:none;border-radius:50%;border:1.5px solid var(--ink-dim);background:none;cursor:pointer;padding:0}.prof-1{background:var(--accent);border-color:var(--accent)}.prof-2{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--panel)}.legend{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-dim);margin:2px 0 0}.legend .prof{cursor:default;margin-left:8px}.combat-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch}.combat-ac,.combat-speed,.statbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);text-align:center}.combat-ac input,.combat-speed input{text-align:center;font-size:22px;font-weight:700;max-width:76px;padding:2px}.combat-ac span,.combat-speed span,.statbox-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-dim)}.statbox-value{font-size:24px;font-weight:700;font-family:Georgia,serif;color:var(--accent)}.statbox-sub{font-size:11px;color:var(--ink-dim)}.hp-bar{height:9px;border-radius:5px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden}.hp-fill{height:100%;transition:width .25s ease}.hp-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px}.death-saves{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px}.death-row{display:flex;align-items:center;gap:10px;font-size:13px}.death-row>span{min-width:78px;color:var(--ink-dim)}.pips{display:flex;gap:5px;flex-wrap:wrap}.pip{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ink-dim);background:none;cursor:pointer;padding:0}.pip.on{background:var(--accent);border-color:var(--accent)}.pips.good .pip.on{background:var(--good);border-color:var(--good)}.pips.bad .pip.on{background:var(--bad);border-color:var(--bad)}.empty{color:var(--ink-dim);font-size:13px;font-style:italic;margin:0}.spell-head{align-items:end}.spell-level{border-top:1px solid var(--line);padding-top:10px}.spell-level-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spell-level-head h3{font-size:14px;text-transform:uppercase;letter-spacing:.5px;min-width:84px}.spell-level-head .btn{margin-left:auto}.slots{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-dim)}.slots label{display:flex;align-items:center;gap:5px}.slot-total{width:52px;padding:3px 5px}.spell-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.spell-list li{display:grid;grid-template-columns:16px minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;align-items:center}.prepared-spacer{display:block;width:16px}.more-levels{border-top:1px solid var(--line);padding-top:10px}.more-levels summary{cursor:pointer;font-size:13px;color:var(--ink-dim);margin-bottom:10px}.entry-tools{display:flex;align-items:center;gap:6px}.entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.entry{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:6px 8px 8px}.entry.collapsed{padding-bottom:6px}.entry-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.entry-head .entry-title{flex:1 1 120px;width:auto}.entry-field{padding:3px 5px;font-size:12.5px}.entry-field.narrow{flex:0 1 54px;width:54px;text-align:center}.entry-field.wide{flex:1 1 118px;width:auto;min-width:90px}.entry-toggle{flex:none;width:20px;height:20px;display:grid;place-items:center;border:none;background:none;cursor:pointer;padding:0;color:var(--ink-dim)}.entry-toggle:hover{color:var(--accent)}.chev{width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s ease;transform-origin:30% 50%}.entry-toggle[aria-expanded=true] .chev{transform:rotate(90deg)}.entry-title{font-weight:600;background:transparent!important;border-color:transparent!important;padding:3px 5px}.entry-title:hover{border-color:var(--line)!important}.entry-title:focus{background:var(--bg)!important}.entry-actions{display:flex;gap:0;flex:none;margin-left:auto;opacity:0;transition:opacity .12s}.entry:hover .entry-actions,.entry:focus-within .entry-actions{opacity:1}.entry-actions .icon-btn{font-size:14px;padding:0 3px}.entry-actions .icon-btn:disabled{opacity:.25;cursor:default}.entry-actions .icon-btn:disabled:hover{color:var(--ink-dim)}.entry-preview{margin:0 0 0 26px;font-size:12.5px;color:var(--ink-dim);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-preview:hover{color:var(--ink)}.entry-body{margin:6px 0 0 26px}.entry-body textarea{font-size:13.5px;overflow:hidden;min-height:3.4em}.entry.collapsed .entry-body,.entry-print-body{display:none}.currency{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.coin{display:flex;flex-direction:column;align-items:center;gap:3px}.coin span{font-size:10px;letter-spacing:.5px;color:var(--ink-dim)}.coin input{text-align:center;padding:4px}.field-area textarea{min-height:70px}.app-foot{margin:20px 0 8px;font-size:12px;color:var(--ink-dim);text-align:center}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}.auth-card h1{font-size:24px;margin-bottom:10px}.auth-card p{color:var(--ink-dim);font-size:14px;margin:0 0 16px}.auth-card strong{color:var(--ink)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form .btn{align-self:flex-start}.auth-error{color:var(--bad)!important;font-size:13px}.auth-hint{font-size:13px;margin-top:16px!important}.linkish{font:inherit;background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}.list-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.list-head h1{font-size:26px}.list-account{display:flex;align-items:center;gap:10px;margin-left:auto}.list-email{font-size:13px;color:var(--ink-dim)}.list-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.list-empty{color:var(--ink-dim);font-size:14px}label.btn{display:inline-block}.char-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.char-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.char-open{font:inherit;text-align:left;display:flex;flex-direction:column;gap:3px;flex:1;padding:14px;background:none;border:none;color:var(--ink);cursor:pointer}.char-open:hover{background:var(--panel-2)}.char-open strong{font-family:Iowan Old Style,Georgia,serif;font-size:17px}.char-open small{color:var(--ink-dim);font-size:12.5px}.char-when{opacity:.75}.char-card-actions{display:flex;gap:6px;padding:8px 14px 12px;border-top:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{border-color:var(--line)}.target-tag{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;vertical-align:1px}@media print{:root{--bg: #fff;--panel: #fff;--panel-2: #fff;--line: #999;--ink: #000;--ink-dim: #444;--accent: #000}body{background:#fff}.toolbar,.tabs,.app-foot,.icon-btn,.hp-actions{display:none!important}.sheet{grid-template-columns:repeat(3,1fr)!important}.panel{break-inside:avoid}input,select,textarea{border-color:#bbb!important;background:#fff!important}.entry-body,.entry-preview,.entry-toggle,.entry-tools{display:none!important}.entry-print-body{display:block;margin:2px 0 0;font-size:12px;white-space:pre-wrap}.entry-print-body:empty{display:none}.entry{break-inside:avoid;border:none;padding:0 0 6px}.entry-title{border-color:transparent!important;padding-left:0}}