:root,[data-theme=dark]{color-scheme:dark;--bg: #12151c;--bg-accent: #171b24;--surface: #1c212c;--surface-raised: #232a37;--surface-hover: #2a3342;--text: #e6e9ef;--text-muted: #9aa3b2;--text-faint: #6b7484;--accent: #c9a227;--accent-strong: #e0b52e;--accent-soft: rgba(201, 162, 39, .14);--on-accent: #14171e;--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .12);--success: #46a758;--success-soft: rgba(70, 167, 88, .12);--warning: #f5a623;--warning-soft: rgba(245, 166, 35, .12);--info: #52a9ff;--info-soft: rgba(82, 169, 255, .12);--border: #2c3442;--border-strong: #3b465a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 6px 24px rgba(0, 0, 0, .35);--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-heading: var(--font-body);--font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}[data-theme=dnd]{color-scheme:light;--bg: #f3e9d2;--bg-accent: #ecdfc0;--surface: #faf3e0;--surface-raised: #fffaf0;--surface-hover: #f1e6c8;--text: #3b2f1e;--text-muted: #7a6a4f;--text-faint: #a3937a;--accent: #8b1e1e;--accent-strong: #a02626;--accent-soft: rgba(139, 30, 30, .1);--on-accent: #fdf6e3;--danger: #a02626;--danger-soft: rgba(160, 38, 38, .12);--success: #3d6b35;--success-soft: rgba(61, 107, 53, .12);--warning: #8a6d1a;--warning-soft: rgba(138, 109, 26, .14);--info: #2d5a88;--info-soft: rgba(45, 90, 136, .12);--border: #d8c9a3;--border-strong: #bfae86;--shadow-1: 0 1px 2px rgba(59, 47, 30, .15);--shadow-2: 0 6px 24px rgba(59, 47, 30, .18);--font-body: Georgia, "Iowan Old Style", "Palatino Linotype", serif;--font-heading: "Palatino Linotype", Palatino, Georgia, serif}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.25;color:var(--text)}h2{font-size:1.25rem;margin-bottom:.5rem}h3{font-size:1.05rem;margin-bottom:.4rem}h4{font-size:.95rem;margin-bottom:.3rem}p{margin-bottom:.6rem}p:last-child{margin-bottom:0}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-s);padding:.05em .35em}pre{font-family:var(--font-mono);font-size:.85rem;line-height:1.5}.muted{color:var(--text-muted)}.app-header{background:var(--bg-accent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header__inner{max-width:1200px;margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-title{font-size:1.15rem;font-weight:700;letter-spacing:.02em}.app-header__controls{display:flex;align-items:center;gap:.5rem}.view-nav{display:flex;gap:.25rem;margin-right:.75rem}.view-nav__btn{appearance:none;font:inherit;font-size:.85rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-s);padding:.4rem .75rem;cursor:pointer}.view-nav__btn:hover{color:var(--text);background:var(--surface-hover)}.view-nav__btn[aria-selected=true]{color:var(--on-accent);background:var(--accent)}.view-nav__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.theme-label{color:var(--text-muted);font-size:.85rem}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.app-footer{border-top:1px solid var(--border);padding:.75rem 1.25rem;text-align:center;font-size:.85rem}.input-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:1.1rem 1.25rem 1.25rem;box-shadow:var(--shadow-1)}.input-panel__header p{font-size:.9rem;margin-bottom:.75rem}.json-input{width:100%;resize:vertical;min-height:180px;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:.75rem}.json-input:focus{outline:2px solid var(--accent);outline-offset:1px}.input-actions{margin-top:.75rem;display:flex;gap:.6rem;flex-wrap:wrap}.error-panel{margin-top:.9rem;background:var(--danger-soft);border:1px solid var(--danger);color:var(--text);border-radius:var(--radius-s);padding:.75rem .9rem;font-size:.9rem}.error-panel strong{color:var(--danger)}.warnings-bar{background:var(--warning-soft);border:1px solid var(--warning);border-radius:var(--radius-s);padding:.6rem .9rem;font-size:.85rem;margin-bottom:1rem}.warnings-bar ul{margin:.25rem 0 0 1.1rem;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{appearance:none;font:inherit;font-size:.9rem;font-weight:600;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:.5rem 1rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 60ms ease}.btn:hover{background:var(--surface-hover)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover{color:var(--text);background:var(--surface-hover)}.split-btn{position:relative;display:inline-flex;margin-left:auto}.split-btn__main{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.split-btn__toggle{border-top-left-radius:0;border-bottom-left-radius:0;padding:.5rem .6rem;line-height:1;font-size:.75rem}.split-btn__main:disabled,.split-btn__toggle:disabled{opacity:.55;cursor:not-allowed}.split-btn__menu{position:absolute;top:calc(100% + 4px);right:0;z-index:40;min-width:240px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-s);box-shadow:var(--shadow-1);padding:.25rem}.split-btn__item{appearance:none;font:inherit;display:flex;flex-direction:column;gap:.1rem;width:100%;text-align:left;background:transparent;border:none;border-radius:var(--radius-s);color:var(--text);padding:.5rem .6rem;cursor:pointer}.split-btn__item:hover{background:var(--surface-hover)}.split-btn__item-title{font-size:.88rem;font-weight:600}.split-btn__item-note{font-size:.75rem;color:var(--text-muted)}.theme-select{font:inherit;font-size:.85rem;color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:.35rem .5rem;cursor:pointer}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:2px solid var(--border);padding-bottom:0;margin-bottom:1rem}.tab{appearance:none;font:inherit;font-size:.9rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.55rem .85rem;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--text);background:var(--surface-hover);border-radius:var(--radius-s) var(--radius-s) 0 0}.tab[aria-selected=true]{color:var(--accent-strong);border-bottom-color:var(--accent)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tab-panel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:1rem 1.1rem;box-shadow:var(--shadow-1)}.card--raised{background:var(--surface-raised)}.card+.card{margin-top:.9rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.card-grid>.card+.card{margin-top:0}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin:0 0 .75rem}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;padding:.1rem .6rem;vertical-align:middle}.badge--info{color:var(--info);background:var(--info-soft);border-color:var(--info)}.badge--success{color:var(--success);background:var(--success-soft);border-color:var(--success)}.badge--warning{color:var(--warning);background:var(--warning-soft);border-color:var(--warning)}.badge--danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem}.stat-block{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:.7rem .8rem;text-align:center}.stat-block__name{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.stat-block__score{font-size:1.5rem;font-weight:700;line-height:1.2}.stat-block__mod{color:var(--accent-strong);font-weight:700;font-size:.95rem}.stat-block__meta{margin-top:.35rem;font-size:.78rem;color:var(--text-muted)}.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:.25rem .9rem;font-size:.92rem}.kv dt{color:var(--text-muted);font-weight:600}.kv dd{margin:0}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody tr:hover{background:var(--surface-hover)}.clean-list{list-style:none;margin:0;padding:0}.clean-list li{padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.92rem}.clean-list li:last-child{border-bottom:none}.clean-list li strong{color:var(--accent-strong)}.empty-state{color:var(--text-faint);font-style:italic;font-size:.92rem;padding:.5rem 0}.raw-json{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-s);padding:1rem;overflow:auto;max-height:70vh;white-space:pre}.slot-pips{display:inline-flex;gap:4px;margin-left:.4rem;vertical-align:middle}.slot-pip{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}.home-page{display:flex;flex-direction:column;gap:1rem}.home-page__lede{font-size:1rem;color:var(--text)}.home-page__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.home-nav-btn{display:flex;align-items:flex-start;gap:.75rem;width:100%;text-align:left;padding:.9rem 1.1rem}.home-nav-btn__icon{font-size:1.5rem;line-height:1.2}.home-nav-btn__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.home-nav-btn__title{font-size:1rem;font-weight:700}.home-nav-btn__desc{font-size:.85rem;font-weight:400;color:var(--text-muted)}.home-nav-btn.btn--primary .home-nav-btn__desc{color:var(--on-accent);opacity:.85}.gem-page{display:flex;flex-direction:column;gap:1rem}.steps-list{margin:.5rem 0 .9rem 1.25rem;padding:0;font-size:.95rem}.steps-list li+li{margin-top:.35rem}.gem-field-block{margin-top:0}.gem-field-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.gem-field-header h3{margin-bottom:0}.gem-field{width:100%;resize:vertical;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:.75rem;cursor:default}.gem-field--short{font-family:var(--font-body);font-size:.95rem}.gem-field:focus{outline:2px solid var(--accent);outline-offset:1px}.gem-field[readonly]{opacity:1}.sheet-hero{background:linear-gradient(135deg,var(--accent-soft),transparent 55%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:1.25rem 1.4rem;margin-bottom:1rem;box-shadow:var(--shadow-2)}.sheet-hero__name{font-size:1.6rem;font-weight:800;letter-spacing:.01em}.sheet-hero__classline{color:var(--text-muted);font-size:1rem;margin-top:.15rem}.sheet-hero__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.vitals-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem;margin-bottom:1rem}.vital{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:.65rem .5rem;text-align:center}.vital__label{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.vital__value{font-size:1.35rem;font-weight:800;color:var(--accent-strong);line-height:1.3}.vital__sub{font-size:.75rem;color:var(--text-faint)}.sheet-columns{display:grid;grid-template-columns:1fr;gap:.9rem}@media(min-width:860px){.sheet-columns--2{grid-template-columns:1fr 1fr;align-items:start}.sheet-columns--wide-left{grid-template-columns:3fr 2fr;align-items:start}}.spell-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:.85rem 1rem}.spell-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.spell-card__name{font-weight:700;font-size:1rem;color:var(--accent-strong)}.spell-card__meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin:.35rem 0;font-size:.8rem;color:var(--text-muted)}.spell-card__meta span strong{color:var(--text);font-weight:600}.spell-card__desc{font-size:.88rem;border-top:1px solid var(--border);padding-top:.5rem;margin-top:.35rem}.spell-level-group+.spell-level-group{margin-top:1rem}.qr-card{border-left:3px solid var(--accent)}.qr-card--bonus{border-left-color:var(--success)}.qr-card--react{border-left-color:var(--info)}.qr-card--special{border-left-color:var(--warning)}.inv-table td:first-child{font-weight:600;white-space:nowrap}.qty-chip{display:inline-block;min-width:1.6em;text-align:center;background:var(--accent-soft);border:1px solid var(--border-strong);border-radius:var(--radius-s);font-size:.8rem;font-weight:700;padding:0 .35rem;margin-right:.45rem}.feature-item{padding:.6rem 0;border-bottom:1px solid var(--border)}.feature-item:last-child{border-bottom:none}.feature-item__head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.feature-item__name{font-weight:700}.feature-item__desc{font-size:.9rem;margin-top:.25rem;color:var(--text)}.callout{border-radius:var(--radius-m);padding:.85rem 1rem;border:1px solid var(--border);background:var(--surface-raised);font-size:.92rem}.callout+.callout{margin-top:.7rem}.callout--danger{border-left:3px solid var(--danger)}.callout--warning{border-left:3px solid var(--warning)}.callout--info{border-left:3px solid var(--info)}.callout--accent{border-left:3px solid var(--accent)}@media print{.app-header,.app-footer,.input-panel,.tabs,.warnings-bar{display:none!important}.tab-panel[hidden]{display:block!important}body{background:#fff;color:#000}}