*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#1a1a1a;--text-2:#555;--bg:#fff;--bg-2:#f5f5f5;--border:#ddd;--accent:#5b6af0;--accent-h:#4754d6;--danger:#d94f4f;--radius:6px;--shadow:0 1px 3px #0000001f}@media (prefers-color-scheme:dark){:root{--text:#e8e8e8;--text-2:#aaa;--bg:#111;--bg-2:#1c1c1c;--border:#333}}html{font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;height:56px;padding:0 1.5rem;position:sticky;top:0}.site-header nav{align-items:center;gap:1.5rem;height:100%;display:flex}.site-logo{color:var(--text);font-size:1.1rem;font-weight:700}.nav-links{flex:1;gap:1rem;display:flex}.nav-auth{align-items:center;gap:.75rem;display:flex}.nav-user{color:var(--text-2);font-size:.875rem}.site-main{max-width:960px;margin:0 auto;padding:2rem 1.5rem}button,.btn-primary{border-radius:var(--radius);cursor:pointer;background:var(--accent);color:#fff;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s;display:inline-flex}button:hover,.btn-primary:hover{background:var(--accent-h)}button:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-2)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#b93f3f}label{flex-direction:column;gap:.3rem;font-size:.875rem;font-weight:500;display:flex}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #5b6af033}.optional{color:var(--text-2);font-weight:400}.field-error{color:var(--danger);margin-top:.2rem;font-size:.8rem}.auth-page{border:1px solid var(--border);border-radius:var(--radius);max-width:400px;box-shadow:var(--shadow);margin:4rem auto;padding:2rem}.auth-page h1{margin-bottom:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form button[type=submit]{margin-top:.5rem}.auth-switch{color:var(--text-2);margin-top:1rem;font-size:.875rem}.error-banner{color:var(--danger);border-radius:var(--radius);background:#fdf2f2;border:1px solid #f5c0c0;margin-bottom:1rem;padding:.6rem .9rem;font-size:.875rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header-actions{gap:.75rem;display:flex}.character-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.character-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;color:var(--text);padding:1.25rem;text-decoration:none;transition:border-color .15s;display:block}.character-card:hover{border-color:var(--accent)}.character-card h3{margin-bottom:.5rem}.character-card-meta{color:var(--text-2);flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.empty-state{text-align:center;color:var(--text-2);padding:4rem 0}.empty-state p{margin-bottom:1rem}.character-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ability-grid{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}@media (width<=600px){.ability-grid{grid-template-columns:repeat(3,1fr)}}.ability-cell{flex-direction:column;align-items:center;gap:.3rem;display:flex}.ability-cell label{text-transform:uppercase;font-size:.75rem;font-weight:600}.ability-cell input{text-align:center;padding:.4rem}.proficiency-group{flex-wrap:wrap;gap:.5rem;display:flex}.proficiency-check{cursor:pointer;align-items:center;gap:.35rem;font-size:.8rem;font-weight:400;display:inline-flex}.proficiency-check input[type=checkbox]{cursor:pointer;width:auto}.proficiency-bg-grant{opacity:.8;font-style:italic}.proficiency-unavailable{opacity:.35}.skill-source{color:var(--muted);margin-left:.25rem;font-size:.75rem}.point-buy-badge{background:var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.point-buy-over{color:#fff;background:#c0392b}.point-buy-done{color:#fff;background:#27ae60}.feature-badge{background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.78rem;display:inline-flex}.feature-badge-value{color:var(--primary);font-weight:700}.form-actions{gap:.75rem;padding-top:.5rem;display:flex}.form-section{flex-direction:column;gap:.75rem;display:flex}.form-section-title{border-bottom:1px solid var(--border);padding-bottom:.4rem;font-size:.9rem;font-weight:600}.derived-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.derived-panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);font-size:.75rem;font-weight:600}.derived-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.derived-stats{flex-wrap:wrap;gap:.5rem;display:flex}.derived-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;align-items:center;min-width:56px;padding:.4rem .5rem;display:flex}.derived-stat-value{font-size:1rem;font-weight:700}.derived-stat-label{color:var(--text-2);text-align:center;font-size:.65rem}.character-detail{flex-direction:column;gap:1.5rem;display:flex}.character-detail-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.character-detail-header h1{flex:1}.detail-layout{grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;display:grid}@media (width<=700px){.detail-layout{grid-template-columns:1fr}}.badge{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);border-radius:99px;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.loading{text-align:center;color:var(--text-2);padding:3rem}.section-title{margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.back-link{align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.875rem;display:inline-flex}.import-input{display:none}.tab-bar{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.25rem;display:flex}.tab-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:color .15s}.tab-btn:hover{color:var(--text);background:0 0}.tab-btn-active{color:var(--accent);border-bottom-color:var(--accent)}.spell-section{flex-direction:column;gap:1.25rem;display:flex}.spell-header,.slot-grid{flex-wrap:wrap;gap:.75rem;display:flex}.slot-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);flex-direction:column;align-items:center;gap:.3rem;min-width:70px;padding:.6rem .8rem;display:flex}.slot-level{text-transform:uppercase;color:var(--text-2);font-size:.7rem;font-weight:600}.slot-pips{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.slot-pip{border:2px solid var(--accent);cursor:pointer;background:0 0;border-radius:50%;width:18px;height:18px;padding:0}.slot-pip-free{background:0 0}.slot-pip-used{background:var(--accent)}.slot-pip:hover{opacity:.75}.slot-count{color:var(--text-2);font-size:.75rem}.spell-list{flex-direction:column;gap:.1rem;max-height:500px;display:flex;overflow-y:auto}.spell-level-header{text-transform:uppercase;color:var(--text-2);letter-spacing:.06em;border-top:1px solid var(--border);margin-top:.25rem;padding:.5rem 0 .2rem;font-size:.7rem;font-weight:700}.spell-row{border-radius:var(--radius);align-items:center;gap:.6rem;padding:.35rem .4rem;display:flex}.spell-row:hover{background:var(--bg-2)}.spell-school-badge{text-transform:uppercase;color:var(--accent);text-align:center;flex-shrink:0;width:28px;font-size:.65rem;font-weight:700}.spell-info{flex-direction:column;flex:1;min-width:0;display:flex}.spell-name{align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;display:flex}.spell-meta{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.spell-tag{border:1px solid var(--border);color:var(--text-2);border-radius:3px;padding:.05rem .25rem;font-size:.6rem;font-weight:700}.spell-remove{padding:.1rem .5rem;font-size:1rem;line-height:1}.spell-browser{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);padding:1rem}.spell-browser-toolbar{gap:.5rem;margin-bottom:.75rem;display:flex}.inventory-section{flex-direction:column;gap:1rem;display:flex}.inv-list{flex-direction:column;display:flex}.inv-cat-header{text-transform:uppercase;color:var(--text-2);letter-spacing:.06em;border-top:1px solid var(--border);margin-top:.25rem;padding:.5rem 0 .2rem;font-size:.7rem;font-weight:700}.inv-row{border-radius:var(--radius);align-items:center;gap:.75rem;padding:.4rem .3rem;display:flex}.inv-row:hover{background:var(--bg-2)}.inv-info{flex-direction:column;flex:1;min-width:0;display:flex}.inv-name{font-size:.875rem;font-weight:500}.inv-cost{color:var(--text-2);font-size:.75rem}.inv-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.inv-qty{align-items:center;gap:.25rem;font-size:.875rem;display:flex}.inv-equip{padding:.2rem .5rem;font-size:.75rem}.inv-equip-active{background:var(--accent);color:#fff;border-color:var(--accent)}.inv-equip-active:hover{background:var(--accent-h)}.inv-equip-warning{background:#c0392b;border-color:#c0392b}@media print{.no-print,.site-header,.back-link,.tab-bar,.page-header-actions,button,.btn-ghost,.btn-primary,.btn-danger,.spell-browser,.inv-actions,[aria-label=Main\ navigation]{display:none!important}body{color:#000;background:#fff;font-size:11pt}.site-main{max-width:100%;padding:0}.character-detail{gap:.75rem}.character-detail-header{border-bottom:2pt solid #000;margin-bottom:.5rem;padding-bottom:.4rem}.character-detail-header h1{font-size:18pt}.badge{color:#333;border:1pt solid #999}.detail-layout{grid-template-columns:1fr 200pt;gap:.75rem;display:grid}.derived-panel{border:1pt solid #ccc}.derived-stat{border:1pt solid #ddd}table{border-collapse:collapse;width:100%}td{border-bottom:.5pt solid #eee;padding:2pt 4pt;font-size:9pt}.spell-section,.inventory-section{page-break-before:always}.spell-list,.inv-list{max-height:none;overflow:visible}.spell-row,.inv-row{border-bottom:.5pt solid #eee;padding:2pt 0}.tab-bar{display:none!important}.spell-section,.inventory-section{display:block!important}}.dice-result{align-items:baseline;gap:.5rem;display:flex}.dice-total{color:var(--accent);font-size:1.4rem;font-weight:700;line-height:1}.dice-result-crit .dice-total{color:var(--danger)}.dice-detail{color:var(--text-2);font-size:.75rem}.dice-type{font-style:italic}.dice-crit-label{color:var(--danger);font-style:normal;font-weight:700}