:root{color:#eef2f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#111823e0;--surface-raised:#182231eb;--surface-soft:#ffffff0e;--border:#9fb2cd2e;--border-strong:#e8b56759;--text:#eef2f8;--text-muted:#aab6c8;--text-soft:#cad3df;--accent:#e8b567;--accent-strong:#f2c77e;--accent-ink:#17110a;--danger:#ff8d85;--success:#81d69b;--focus-ring:0 0 0 3px #6fa8ff47;background-color:#0d1117;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0d1117;min-width:320px;margin:0}button,input,select,textarea{font:inherit;min-height:44px}:where(button){touch-action:manipulation}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:0}.app-shell{min-height:100vh;color:var(--text);background:radial-gradient(circle at 14% 0,#e8b5672e,#0000 30rem),radial-gradient(circle at 92% 8%,#4f90d929,#0000 28rem),linear-gradient(135deg,#0d1117,#121a25 58%,#15110c);padding:32px}.page{width:min(1120px,100%);margin:0 auto}.page-header{margin-bottom:32px}.page-kicker,.panel-eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.page-header h1{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.95}.page-subtitle{max-width:640px;color:var(--text-muted);margin:18px 0 0;font-size:1.1rem}@media (width<=760px){.app-shell{padding:12px}}.app-header{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d11178a;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 14px;display:flex}.app-header__brand{color:var(--text);font-size:1.1rem;font-weight:800;text-decoration:none}.app-header__nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.app-header__nav a{color:var(--accent-strong);text-decoration:none}.app-header__nav a:hover{text-decoration:underline}.app-header__nav .app-header__user{color:var(--text-muted)}.app-header__badge{min-width:22px;color:var(--accent-ink);background:var(--accent);border-radius:999px;justify-content:center;align-items:center;margin-left:8px;padding:2px 7px;font-size:.78rem;font-weight:800;display:inline-flex}.app-header__link-button{color:var(--accent-strong);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.app-header__link-button:hover{text-decoration:underline}.app-header__link-button:disabled{cursor:wait;opacity:.7}@media (width<=760px){.app-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.app-header__nav{gap:10px;width:100%}.app-header__nav a,.app-header__link-button{border:1px solid var(--border);background:var(--surface-soft);border-radius:999px;min-height:40px;padding:9px 12px}}.panel{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:18px;padding:24px;box-shadow:0 24px 70px #0000003d}.panel-primary{min-height:360px}.panel h2{color:var(--text);margin:0 0 18px;font-size:1.6rem}.panel p{color:var(--text-muted)}@media (width<=760px){.panel{border-radius:14px;padding:16px}}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;display:grid}.character-list-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.character-list-heading h2{margin-bottom:0}.character-create-link,.character-card__delete,.character-create-form__actions button,.character-create-form__actions a,.confirm-modal__actions button{border:0;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none}.character-create-link,.character-create-form__actions button,.confirm-modal__actions button:last-child{color:#2a1709;background:#f1c27d}.character-create-link:hover,.character-create-form__actions a:hover{text-decoration:underline}.character-list{gap:12px;display:grid}.character-card{color:inherit;background:#fff8ed0f;border:1px solid #e5c4962e;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;transition:transform .16s,border-color .16s,background .16s;display:flex}.character-card:hover{background:#fff8ed1a;border-color:#e5c49670;transform:translateY(-1px)}.character-card__link{min-width:0;color:inherit;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 16px 16px;text-decoration:none;display:flex}.character-card span{gap:4px;display:grid}.character-card__identity{align-items:center;gap:12px;display:flex}.character-card__avatar{color:#2a1709;background:#f1c27d;border:1px solid #e5c49642;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;overflow:hidden}.character-card__avatar img{object-fit:cover;width:100%;height:100%}.character-card strong{color:#fff8ed;font-size:1.05rem}.character-card small,.character-card em{color:#f0dfc8;font-size:.92rem}.character-card em{font-style:normal}.character-card__delete{color:#ffcdc6;cursor:pointer;background:#ffb4a81a;margin-right:16px}.character-card__delete:hover{background:#ffb4a829}.modal-backdrop{z-index:20;background:#080604b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{color:#f4eadc;background:#211711;border:1px solid #e5c4963d;border-radius:8px;width:min(100%,440px);margin:0;padding:22px;box-shadow:0 24px 80px #0000006b}.confirm-modal h2{color:#fff8ed;margin:0;font-size:1.25rem}.confirm-modal p{color:#f0dfc8;margin:12px 0 0;line-height:1.55}.confirm-modal .form-error{color:#ffb4a8}.confirm-modal__actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.confirm-modal__actions button{color:#f1c27d;cursor:pointer;background:#fff8ed14}.confirm-modal__actions button:disabled{cursor:wait;opacity:.68}.character-create-panel{width:min(100%,760px)}.character-create-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.character-create-form label{color:#fff8ed;gap:8px;display:grid}.character-create-form label:first-child,.character-create-form .avatar-field{grid-column:1/-1}.character-create-form input,.character-create-form select{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.character-create-form select:disabled{cursor:not-allowed;opacity:.62}.character-create-form input[type=file]{padding:9px 12px}.avatar-preview{object-fit:cover;border:1px solid #e5c49642;border-radius:50%;width:112px;height:112px}.character-create-form [role=alert]{color:#ffb4a8;font-size:.9rem}.character-create-form .form-error,.character-create-rules,.character-create-form__actions{grid-column:1/-1}.character-create-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.character-create-rules section{background:#fff8ed0d;border:1px solid #e5c4962e;border-radius:8px;grid-column:1/-1;padding:14px}.character-create-rules h2{color:#fff8ed;margin:0 0 8px;font-size:1rem}.character-create-rules p{color:#f0dfc8;margin:0;line-height:1.55}.character-create-rules__bonuses{color:#f4eadc;gap:8px;display:grid}.character-create-rules__bonuses strong{color:#fff8ed;font-size:.92rem}.character-create-rules__bonuses ul{color:#f0dfc8;gap:4px;margin:0;padding-left:18px;display:grid}.character-create-rules__gifts{color:#f4eadc;gap:8px;margin-top:14px;display:grid}.character-create-rules__gifts strong{color:#fff8ed;font-size:.92rem}.character-create-rules__gifts ul{color:#f0dfc8;gap:4px;margin:0;padding-left:18px;display:grid}.character-create-rules dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 0;display:grid}.character-create-rules dl div{gap:2px;min-width:0;display:grid}.character-create-rules dt{color:#f0dfc8;font-size:.78rem}.character-create-rules dd{color:#fff8ed;margin:0;font-weight:800}.character-create-form__actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;display:flex}.character-create-form__actions a{color:#f1c27d}.character-create-form__actions button{cursor:pointer}.character-create-form__actions button:disabled{cursor:wait;opacity:.7}@media (width<=760px){.dashboard-grid{grid-template-columns:1fr}.character-list-heading,.character-create-form__actions{flex-direction:column;align-items:stretch}.character-card{flex-direction:column;align-items:flex-start}.character-card__link{flex-direction:column;align-items:flex-start;width:100%;padding:16px 16px 0}.character-card__delete{margin:0 16px 16px}.confirm-modal__actions{flex-direction:column}.character-create-form,.character-create-rules{grid-template-columns:1fr}.character-create-rules dl{grid-template-columns:repeat(2,minmax(0,1fr))}}.breadcrumb{color:#f0dfc8;justify-content:space-between;gap:16px;margin-bottom:24px;font-size:.92rem;display:flex}.breadcrumb a{color:#f1c27d;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.sheet-hero{color:#fff8ed;background:linear-gradient(135deg,#583418f5,#23180fe6),radial-gradient(circle at 100% 0,#ffd58038,#0000 20rem);border:1px solid #e5c4963d;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex;box-shadow:0 24px 80px #0000004d}.app-shell .sheet-hero.sheet-hero--race{background:linear-gradient(90deg, #0f0b08e0, #0f0b088a), linear-gradient(180deg, #0f0b082e, #0f0b08d1), radial-gradient(circle at top right, #e8b56733, transparent 20rem), var(--sheet-race-background) center / cover no-repeat}.sheet-hero p{color:#ead7bd;margin:14px 0 0}.sheet-hero h1{color:#fff8ed;margin:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95}.sheet-hero-main{flex:auto;align-items:center;gap:18px;min-width:0;display:flex}.sheet-avatar{color:#2a1709;background:#f1c27d;border:1px solid #fff8ed38;border-radius:50%;flex:0 0 124px;place-items:center;width:124px;height:124px;font-size:3rem;font-weight:900;display:grid;overflow:hidden;box-shadow:0 18px 44px #00000047}.sheet-avatar img{object-fit:cover;width:100%;height:100%}.sheet-hero-fields{gap:12px;display:grid}.sheet-hero-fields .editable-field input{color:#fff8ed;background:0 0;padding:0;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:900;line-height:.95}.sheet-hero-meta{color:#ead7bd;flex-wrap:wrap;align-items:end;gap:12px;display:flex}.sheet-hero-meta .editable-field{max-width:180px}.sheet-hero-meta .editable-field input,.sheet-hero-meta span{color:#ead7bd;font-size:1rem;font-weight:700}.sheet-avatar-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.sheet-avatar-actions label,.sheet-avatar-actions button{color:#2a1709;cursor:pointer;background:#f1c27d;border:1px solid #fff8ed29;border-radius:12px;padding:8px 12px;font-weight:800}.sheet-avatar-actions input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:where(body:not(#css-dup-1)) .sheet-avatar-actions button{color:#fff8ed;background:#fff8ed14}.sheet-avatar-error{color:#ffb4a8}.sheet-hero-stats{grid-template-columns:repeat(3,minmax(88px,1fr));gap:12px;min-width:min(360px,100%);max-width:520px;display:grid}.sheet-hero-stats .editable-field{color:#f0dfc8;text-align:center;background:#fff8ed12;border:1px solid #fff8ed29;border-radius:18px;align-content:center;gap:6px;min-height:96px;padding:16px;display:grid}.sheet-hero-stats .editable-field input{color:#fff8ed;text-align:center;background:0 0;font-size:1.8rem;font-weight:900}.sheet-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.identity-panel{grid-column:1/-1;align-self:start}.identity-characteristics{border-bottom:1px solid #e5c49624;gap:12px;margin-bottom:20px;padding-bottom:18px;display:grid}.identity-characteristics h2{color:#fff8ed;margin:0;font-size:1rem}.identity-list{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px 28px;margin:0;display:grid}.identity-list div{border-bottom:1px solid #e5c49624;justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}.identity-list div:first-child{border-bottom:0;grid-row:span 2;justify-content:stretch;gap:10px;padding-bottom:0;display:grid}.identity-list dt{color:#f0dfc8}.identity-list dd{color:#fff8ed;text-align:right;margin:0;font-weight:700}.identity-gift-list{text-align:left;gap:6px;margin:0;padding-left:18px;display:grid}.identity-gift-list li{max-width:none;line-height:1.45}.characteristic-list{grid-template-columns:repeat(5,minmax(112px,1fr));gap:10px;margin:0;display:grid}.characteristic-list .editable-field{background:#fff8ed0f;border:1px solid #e5c4961f;border-radius:8px;gap:6px;padding:12px;display:grid}.characteristic-list .editable-field span{color:#f0dfc8;font-size:.82rem;font-weight:400}.characteristic-list .editable-field input{color:#fff8ed;text-align:left;background:0 0;font-size:1.35rem;font-weight:900}.identity-edit-list{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(160px,.7fr));gap:14px;display:grid}.identity-rules-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr) minmax(220px,.65fr);gap:18px;display:grid}.gift-editor,.guardian-stone-editor,.encumbrance-editor{align-content:start;gap:12px;display:grid}.identity-rule-card{background:#fff8ed09;border:1px solid #e5c49624;border-radius:8px;gap:16px;padding:16px;display:grid}.identity-rule-card h3{color:#fff8ed;margin:0;font-size:1rem}.gift-editor h3{color:#fff8ed;margin:0}.gift-list{gap:10px;display:grid}.gift-row{background:#fff8ed0d;border:1px solid #e5c49624;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:10px;padding:10px;display:grid}.gift-row strong{color:#fff8ed;display:block}.gift-row button,.gift-add-row button{color:#24180f;cursor:pointer;background:#f1c27d;border:1px solid #e5c49638;border-radius:8px;width:36px;height:36px;font-size:1.1rem;font-weight:900}.gift-add-row{grid-template-columns:minmax(0,1fr) 36px;gap:10px;display:grid}.gift-add-row input{color:#fff8ed;font:inherit;background:#fff8ed0f;border:1px solid #e5c49629;border-radius:8px;padding:9px 10px}.rule-effects{color:#f0dfc8;border-top:1px solid #e5c49624;gap:8px;padding-top:12px;display:grid}.rule-effects strong{color:#fff8ed}.rule-effects ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rule-effects li,.rule-effects p{margin:0}.race-effect-list{flex-wrap:wrap;gap:8px;display:flex}.race-effect-list span{color:#f0dfc8;background:#fff8ed0b;border:1px solid #e5c49624;border-radius:999px;padding:5px 9px;font-size:.86rem;line-height:1}.encumbrance-fields{gap:12px;display:grid}.resources-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.resource-card{color:#f6ead8;background:#23180fd1;border:1px solid #e5c49633;border-radius:22px;padding:18px}.resource-card-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.resource-card h3{color:#fff8ed;margin:0}.resource-card p{color:#f0dfc8;margin:12px 0 0;font-size:.9rem}.resource-fields{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.resource-field{min-width:0}.resource-field-regeneration{grid-column:auto}.resource-bar{background:#fff8ed1f;border-radius:999px;height:10px;overflow:hidden}.resource-bar span{border-radius:inherit;background:linear-gradient(90deg,#b8793d,#f1c27d);height:100%;display:block}.skills-panel,.combat-panel,.spells-panel,.inventory-panel,.alchemy-panel,.talents-panel,.enchantments-panel,.notes-panel,.progression-panel{grid-column:1/-1}.skill-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.skill-group,.combat-block,.spell-card,.alchemy-block,.talent-block,.enchantment-card{background:#fff8ed0a;border:1px solid #e5c49629;border-radius:18px;padding:16px}.skill-group h2,.combat-block h3,.spell-card h3,.alchemy-block h3,.talent-block h3,.enchantment-card h3{color:#fff8ed;margin:0 0 14px}:where(body:not(#css-dup-1)) .skill-group h2{font-size:1.15rem}.skill-list,.compact-table,.slot-list,.talent-list,.enchantment-list{gap:10px;display:grid}.skill-row,.inventory-row{color:#f0dfc8;justify-content:space-between;align-items:center;gap:16px;display:flex}.skill-row strong,.inventory-row strong,.compact-table-row strong,.arrow-card strong,.combat-summary strong,.state-grid strong{color:#fff8ed}.skill-value input{color:#fff8ed;width:64px;font:inherit;text-align:right;background:#fff8ed0f;border:1px solid #e5c49629;border-radius:8px;padding:6px 8px;font-weight:900}.skill-value{align-items:center;gap:8px;display:inline-flex}.skill-value small{color:#f1c27d;background:#f1c27d24;border-radius:999px;padding:2px 7px;font-size:.76rem;font-weight:900;line-height:1}.combat-grid,.alchemy-grid,.talents-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.compact-table-row,:where(body:not(#css-dup-1)) .inventory-row,.talent-card{border-bottom:1px solid #e5c4961f;padding-bottom:10px}.editable-list,.editable-card{gap:10px;display:grid}.editable-list-row,:where(body:not(#css-dup-1)) .editable-card{background:#fff8ed0a;border:1px solid #e5c49624;border-radius:8px;padding:12px}:where(body:not(#css-dup-1)) .editable-list-row{align-items:center;gap:10px;display:grid}.inventory-edit-row{grid-template-columns:minmax(0,1fr) 88px 36px}.editable-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.editable-list input,.editable-card input,.editable-card textarea,.slot-row input{color:#fff8ed;width:100%;min-width:0;font:inherit;background:#fff8ed0f;border:1px solid #e5c49629;border-radius:8px;padding:8px 10px}:where(body:not(#css-dup-1)) .editable-card textarea{resize:vertical;min-height:92px}.editable-list button,.editable-card button,.inline-add-button{color:#24180f;cursor:pointer;background:#f1c27d;border:1px solid #e5c49638;border-radius:8px;padding:8px 12px;font-weight:900}:where(body:not(#css-dup-1)) .inline-add-button{margin-top:14px}.compact-table-row-headered{gap:4px;display:grid}.compact-table-row span,.compact-table-row small,.arrow-card small{color:#f0dfc8}.arrow-card{background:#fff8ed0f;border-radius:14px;gap:4px;margin-top:16px;padding:14px;display:grid}.arrow-card span{color:#f0dfc8;font-size:.86rem}.combat-summary,.state-grid{gap:12px;display:grid}:where(body:not(#css-dup-1)) .combat-summary{grid-template-columns:1fr 1fr;margin-top:16px}.combat-summary span,.state-grid div,.inventory-summary span{color:#f0dfc8;background:#fff8ed0f;border-radius:14px;gap:6px;padding:12px;display:grid}.combat-state-block,.alchemy-block:first-child{grid-column:1/-1}:where(body:not(#css-dup-1)) .state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spell-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.spell-card-header,.enchantment-card-header{justify-content:space-between;gap:12px;display:flex}:where(body:not(#css-dup-1)) .spell-card-header{align-items:flex-start;margin-bottom:12px}.spell-card span,.talent-card span{color:#f0dfc8;margin-top:4px;font-size:.88rem;display:block}.spell-card strong{color:#24180f;background:#f1c27d;border-radius:999px;padding:4px 10px;font-size:.88rem}.zone-list span{color:#24180f;white-space:nowrap;background:#f1c27d;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:600;line-height:1}.spell-card p,.talent-card p,.enchantment-card p,.notes-content{color:#f0dfc8;margin-top:10px}.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.progression-count{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.progression-count .editable-field{color:#f0dfc8;background:#fff8ed0f;border-radius:14px;gap:6px;padding:14px;display:grid}.inventory-summary strong,.progression-count .editable-field input{color:#fff8ed;background:0 0;font-size:1.35rem;font-weight:900}.inventory-summary small,.progression-count .editable-field span{color:#f0dfc8;font-size:.9rem}.inventory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.inventory-extension{border-top:1px solid #e5c49624;margin-top:22px;padding-top:18px}.inventory-extension h3{color:#fff8ed;margin:0 0 14px}.ingredient-list,.zone-list{flex-wrap:wrap;gap:10px;display:flex}.ingredient-pill{color:#a9957d;cursor:pointer;background:#fff8ed0a;border:1px solid #e5c4962e;border-radius:999px;padding:8px 12px}.ingredient-pill.is-owned{color:#fff8ed;background:#f1c27d24;border-color:#f1c27d7a}.slot-row{color:#d8c4ad;border-bottom:1px solid #e5c4961f;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding-bottom:8px;display:grid}.soul-gem-row{grid-template-columns:32px 1fr 1fr}.slot-row strong,:where(body:not(#css-dup-1)) .talent-card span{color:#f1c27d}.talent-card h4{color:#fff8ed;margin:0}:where(body:not(#css-dup-1)) .enchantment-list{margin-top:14px}:where(body:not(#css-dup-1)) .enchantment-card-header{align-items:flex-start}:where(body:not(#css-dup-1)) .zone-list{justify-content:flex-end;align-items:flex-start;gap:8px}:where(body:not(#css-dup-1)) .notes-content{max-width:760px;line-height:1.7}.notes-editor{resize:vertical;width:min(760px,100%);min-height:180px}.editable-field{gap:6px;min-width:0;display:grid}.editable-field span{color:#f0dfc8;font-size:.84rem}.editable-field-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.editable-field input,.editable-field textarea,.editable-field select,:where(body:not(#css-dup-1)) .notes-editor{color:#fff8ed;width:100%;min-width:0;font:inherit;background:#fff8ed0f;border:1px solid #e5c49629;border-radius:8px;padding:9px 10px}.editable-field select option{color:#24180f;background:#fff8ed}.field-adjustment{border-radius:999px;padding:3px 8px;font-size:.76rem;font-weight:900;line-height:1}.field-adjustment-bonus{color:#bdf2c8;background:#3b985338}.field-adjustment-malus{color:#ffb4a8;background:#be483d38}:where(body:not(#css-dup-1)) .editable-field textarea{resize:vertical}.editable-field input[readonly],.editable-field textarea[readonly],.editable-field select:disabled,.notes-editor[readonly]{cursor:default}.autosave-status{color:#f0dfc8;margin:-10px 0 18px;font-size:.9rem}.autosave-status-error{color:#ffb4a8}.save-toast{z-index:40;border:1px solid var(--border);width:min(620px,100vw - 40px);min-height:48px;color:var(--text);background:var(--surface-raised);border-radius:14px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;padding:8px 8px 8px 16px;animation:.18s ease-out save-toast-slide;display:grid;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #0000005c}.save-toast-pending,.save-toast-saving{background:#483214f5;border-color:#e8b56773}.save-toast-saved{background:#14462af5;border-color:#81d69b73}.save-toast-error{background:#56201ff5;border-color:#ff8d8580}.save-toast-message{color:inherit;font-weight:800}.save-toast-close{width:34px;min-width:34px;height:34px;min-height:34px;color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;place-items:center;font-size:1.35rem;font-weight:900;line-height:1;display:grid}@keyframes save-toast-slide{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@media (width<=880px){:where(body:not(#css-dup-1)) .sheet-hero,:where(body:not(#css-dup-1)) .sheet-hero-main,:where(body:not(#css-dup-1)) .breadcrumb{flex-direction:column}:where(body:not(#css-dup-2)) .sheet-hero-main{align-items:flex-start}:where(body:not(#css-dup-1)) .sheet-grid,:where(body:not(#css-dup-1)) .resources-grid,:where(body:not(#css-dup-1)) .skill-groups,:where(body:not(#css-dup-1)) .characteristic-list,:where(body:not(#css-dup-1)) .identity-edit-list,:where(body:not(#css-dup-1)) .identity-rules-grid,:where(body:not(#css-dup-1)) .sheet-hero-stats,:where(body:not(#css-dup-1)) .combat-grid,:where(body:not(#css-dup-2)) .combat-summary,:where(body:not(#css-dup-2)) .state-grid,:where(body:not(#css-dup-1)) .spell-list,:where(body:not(#css-dup-1)) .inventory-summary,:where(body:not(#css-dup-1)) .inventory-list,:where(body:not(#css-dup-1)) .progression-count,:where(body:not(#css-dup-1)) .resource-fields,:where(body:not(#css-dup-1)) .editable-card-grid,:where(body:not(#css-dup-1)) .inventory-edit-row,:where(body:not(#css-dup-1)) .alchemy-grid,:where(body:not(#css-dup-1)) .talents-grid{grid-template-columns:1fr}:where(body:not(#css-dup-1)) .alchemy-block:first-child{grid-column:auto}:where(body:not(#css-dup-2)) .enchantment-card-header{flex-direction:column}:where(body:not(#css-dup-2)) .zone-list{justify-content:flex-start}}.app-shell .breadcrumb{color:var(--text-muted)}.app-shell .breadcrumb a{color:var(--accent-strong)}.app-shell .sheet-hero{border-color:var(--border-strong);color:var(--text);background:linear-gradient(135deg,#141c28f5,#111823eb),radial-gradient(circle at 100% 0,#e8b5673d,#0000 20rem),radial-gradient(circle at 0 100%,#4f90d929,#0000 18rem);border-radius:20px;box-shadow:0 28px 76px #00000047}.app-shell .sheet-hero p,.app-shell .sheet-hero-meta,.app-shell .sheet-hero-meta .editable-field input,.app-shell .sheet-hero-meta span{color:var(--text-soft)}.app-shell .sheet-hero h1,.app-shell .sheet-hero-fields .editable-field input,.app-shell .sheet-hero-stats .editable-field input{color:var(--text)}.app-shell .sheet-avatar{color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), #7fb4ff);border-color:#fff3}.app-shell .sheet-avatar-actions label{min-height:44px;color:var(--accent-ink);background:var(--accent);border-color:#0000;border-radius:10px}.app-shell .sheet-avatar-actions button{border-color:var(--border);min-height:44px;color:var(--text);background:var(--surface-soft);border-radius:10px}.app-shell .sheet-hero-stats .editable-field,.app-shell .characteristic-list .editable-field,.app-shell .skill-group,.app-shell .combat-block,.app-shell .spell-card,.app-shell .alchemy-block,.app-shell .talent-block,.app-shell .enchantment-card,.app-shell .editable-list-row,.app-shell .editable-card{border-color:var(--border);background:var(--surface-soft)}.app-shell .resource-card{border-color:var(--border);color:var(--text);background:var(--surface-raised);border-radius:16px}.app-shell .resource-bar{background:#cad3df29}.app-shell .resource-bar span{background:linear-gradient(90deg, #7fb4ff, var(--accent))}.app-shell .identity-characteristics,.app-shell .identity-list div,.app-shell .compact-table-row,.app-shell .inventory-row,.app-shell .talent-card,.app-shell .slot-row,.app-shell .inventory-extension{border-color:var(--border)}.app-shell .identity-list dt,.app-shell .resource-card p,.app-shell .skill-row,:where(body:not(#css-dup-1)) .app-shell .inventory-row,.app-shell .compact-table-row span,.app-shell .compact-table-row small,.app-shell .arrow-card small,.app-shell .combat-summary span,.app-shell .state-grid div,.app-shell .inventory-summary span,.app-shell .spell-card span,.app-shell .talent-card span,.app-shell .spell-card p,.app-shell .talent-card p,.app-shell .enchantment-card p,.app-shell .notes-content,.app-shell .editable-field span,.app-shell .inventory-summary small,.app-shell .progression-count .editable-field span,.app-shell .autosave-status{color:var(--text-muted)}.app-shell .identity-list dd,.app-shell .identity-characteristics h2,.app-shell .resource-card h3,.app-shell .skill-group h2,.app-shell .combat-block h3,.app-shell .spell-card h3,.app-shell .alchemy-block h3,.app-shell .talent-block h3,.app-shell .enchantment-card h3,.app-shell .skill-row strong,.app-shell .inventory-row strong,.app-shell .compact-table-row strong,.app-shell .arrow-card strong,.app-shell .combat-summary strong,.app-shell .state-grid strong,.app-shell .gift-row strong,.app-shell .inventory-summary strong,.app-shell .progression-count .editable-field input,.app-shell .talent-card h4{color:var(--text)}.app-shell .editable-field input,.app-shell .editable-field textarea,.app-shell .editable-field select,.app-shell .notes-editor,.app-shell .editable-list input,.app-shell .editable-card input,.app-shell .editable-card textarea,.app-shell .slot-row input,.app-shell .gift-add-row input,.app-shell .skill-value input{border-color:var(--border);color:var(--text);background:#fff1;border-radius:10px}.app-shell .editable-field input::placeholder,.app-shell .editable-list input::placeholder,.app-shell .editable-card input::placeholder,.app-shell .editable-card textarea::placeholder,.app-shell .gift-add-row input::placeholder{color:#cad3df9e}.number-stepper{border:1px solid var(--border);background:#fff1;border-radius:12px;grid-template-columns:44px minmax(48px,1fr) 44px;align-items:center;display:grid;overflow:hidden}.number-stepper input,.editable-field .number-stepper input,.skill-value .number-stepper input{text-align:center;background:0 0;border:0;border-radius:0;min-height:42px;padding:8px 6px;font-weight:900}.number-stepper__button,.editable-field .number-stepper__button,.skill-value .number-stepper__button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;background:#ffffff14;border:0;border-radius:0;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.number-stepper__button:hover:not(:disabled){background:#e8b5673d}.number-stepper__button:disabled{cursor:default;opacity:.36}.app-shell .skill-value{justify-content:flex-end;min-width:188px}.app-shell .skill-value .number-stepper{flex:0 0 144px;grid-template-columns:44px minmax(56px,1fr) 44px;width:144px}.app-shell .field-adjustment-bonus{color:var(--success);background:#81d69b24}.app-shell .field-adjustment-malus{color:var(--danger);background:#ff8d8524}.app-shell .autosave-status-error,.app-shell .sheet-avatar-error{color:var(--danger)}.app-shell .ingredient-pill{border-color:var(--border);color:var(--text-muted);background:var(--surface-soft)}.app-shell .ingredient-pill.is-owned,.app-shell .spell-card strong,.app-shell .zone-list span,.app-shell .skill-value small,.app-shell .race-effect-list span{color:var(--accent-ink);background:var(--accent)}.app-shell .inline-add-button,.app-shell .editable-list button,.app-shell .editable-card button{min-height:44px;color:var(--accent-ink);background:var(--accent);border-color:#0000;border-radius:10px}.app-shell .identity-rules-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"gifts stone""gifts encumbrance";gap:16px}.app-shell .gift-editor{border:1px solid var(--border);background:linear-gradient(#ffffff0e,#ffffff07),#111823b3;border-radius:16px;grid-area:gifts;min-width:0;padding:18px}.app-shell .guardian-stone-editor{grid-area:stone;min-width:0}.app-shell .encumbrance-editor{grid-area:encumbrance;min-width:0}.app-shell .identity-rule-card{border-color:var(--border);background:linear-gradient(#ffffff0d,#ffffff07),#111823ad;border-radius:16px;height:100%;padding:18px}.app-shell .gift-editor h3,.app-shell .identity-rule-card h3{color:var(--text);letter-spacing:0;font-size:1.05rem}.app-shell .gift-list{gap:8px}.app-shell .gift-row{background:#ffffff0b;border-color:#9fb2cd29;border-radius:12px;grid-template-columns:minmax(0,1fr) 36px;min-height:54px;padding:10px 10px 10px 12px}.app-shell .gift-row button{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text-muted);background:#ffffff12;border:1px solid #0000;border-radius:999px;font-size:1.25rem;line-height:1}.app-shell .gift-row button:hover{color:var(--danger);background:#ff8d8521}.app-shell .gift-add-row{grid-template-columns:minmax(0,1fr) 44px;margin-top:4px}.app-shell .gift-add-row button{width:44px;min-width:44px;min-height:44px;color:var(--accent-ink);background:var(--accent);border-color:#0000;border-radius:12px}.app-shell .rule-effects{border-color:var(--border);gap:8px}.app-shell .rule-effects p{line-height:1.5}.app-shell .race-effect-list{gap:7px}:where(body:not(#css-dup-1)) .app-shell .race-effect-list span{border:0;border-radius:999px;padding:7px 10px;font-size:.84rem}.app-shell .encumbrance-editor .identity-rule-card{align-content:start}.app-shell .encumbrance-fields{gap:14px}.app-shell .encumbrance-fields .editable-field{gap:8px}.app-shell .encumbrance-fields .number-stepper{border-radius:14px;grid-template-columns:42px minmax(52px,1fr) 42px}.app-shell .encumbrance-fields .number-stepper__button{width:42px;min-width:42px}@media (width<=880px){:where(body:not(#css-dup-1)) .app-shell .breadcrumb{align-items:stretch;gap:10px;margin-bottom:16px}:where(body:not(#css-dup-1)) .app-shell .sheet-hero{border-radius:16px;align-items:stretch;gap:18px;padding:18px}:where(body:not(#css-dup-1)) .app-shell .sheet-avatar{flex-basis:88px;width:88px;height:88px;font-size:2rem}:where(body:not(#css-dup-1)) .app-shell .sheet-hero h1,:where(body:not(#css-dup-1)) .app-shell .sheet-hero-fields .editable-field input{font-size:2.15rem;line-height:1.02}:where(body:not(#css-dup-1)) .app-shell .sheet-hero-meta{align-items:flex-start}.app-shell .sheet-hero-stats{gap:10px}:where(body:not(#css-dup-1)) .app-shell .sheet-hero-stats .editable-field,:where(body:not(#css-dup-1)) .app-shell .characteristic-list .editable-field,.app-shell .progression-count .editable-field,:where(body:not(#css-dup-1)) .app-shell .combat-summary span,:where(body:not(#css-dup-1)) .app-shell .state-grid div,:where(body:not(#css-dup-1)) .app-shell .inventory-summary span{border-radius:12px;min-height:auto;padding:12px}:where(body:not(#css-dup-1)) .app-shell .resource-card,:where(body:not(#css-dup-1)) .app-shell .skill-group,:where(body:not(#css-dup-1)) .app-shell .combat-block,:where(body:not(#css-dup-1)) .app-shell .spell-card,:where(body:not(#css-dup-1)) .app-shell .alchemy-block,:where(body:not(#css-dup-1)) .app-shell .talent-block,:where(body:not(#css-dup-1)) .app-shell .enchantment-card{border-radius:12px;padding:14px}:where(body:not(#css-dup-1)) .app-shell .skill-row,:where(body:not(#css-dup-2)) .app-shell .inventory-row{flex-direction:column;align-items:stretch;gap:8px}:where(body:not(#css-dup-1)) .app-shell .skill-value,:where(body:not(#css-dup-1)) .app-shell .skill-value .number-stepper{width:100%;min-width:0}:where(body:not(#css-dup-1)) .app-shell .editable-list-row,:where(body:not(#css-dup-1)) .app-shell .editable-card{padding:10px}.app-shell .sheet-grid{gap:14px}}@media (width<=980px){:where(body:not(#css-dup-1)) .app-shell .identity-rules-grid{grid-template-columns:1fr;grid-template-areas:"gifts""stone""encumbrance"}:where(body:not(#css-dup-1)) .app-shell .gift-editor,:where(body:not(#css-dup-1)) .app-shell .identity-rule-card{border-radius:14px;padding:14px}:where(body:not(#css-dup-1)) .app-shell .encumbrance-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){:where(body:not(#css-dup-2)) .app-shell .encumbrance-fields{grid-template-columns:1fr}:where(body:not(#css-dup-1)) .app-shell .gift-row{grid-template-columns:minmax(0,1fr) 34px}}.app-shell .sheet-hero-main{min-width:min(520px,100%)}.app-shell .sheet-hero-fields{min-width:0}.app-shell :is(.sheet-hero h1){overflow-wrap:anywhere;max-width:8.5em;font-size:clamp(2.4rem,5.8vw,3.8rem);line-height:1.02}.app-shell .sheet-hero-stats{grid-template-columns:repeat(3,minmax(154px,1fr));align-self:center;min-width:min(620px,100%);max-width:660px}.app-shell :is(.sheet-hero-stats .editable-field){text-align:left;border-radius:16px;align-content:start;min-height:0;padding:14px 16px 16px}.app-shell :is(.sheet-hero-stats .editable-field-label){align-items:flex-start;min-height:22px}.app-shell :is(.sheet-hero-stats .editable-field input){font-size:1.35rem}.app-shell :is(.sheet-hero-stats .number-stepper){border-radius:10px;grid-template-columns:42px minmax(70px,1fr) 42px}.app-shell :is(.sheet-hero-stats .number-stepper input){min-height:40px;padding:4px 6px}.app-shell :is(.sheet-hero-stats .number-stepper__button){width:42px;min-width:42px;height:40px;min-height:40px}@media (width<=1040px){.app-shell .sheet-hero{flex-direction:column;align-items:stretch}:where(body:not(#hero-wrap-1)) .app-shell :is(.sheet-hero h1){max-width:100%}:where(body:not(#hero-stats-1)) .app-shell .sheet-hero-stats{align-self:stretch}}@media (width<=620px){:where(body:not(#hero-stats-2)) .app-shell .sheet-hero-stats{grid-template-columns:1fr}}.sheet-hero--profile{grid-template-columns:minmax(0,1fr);align-items:end;gap:18px;display:grid}.sheet-hero--profile .sheet-hero-main{width:100%}.sheet-hero--profile .sheet-hero-fields{max-width:min(100%,760px)}.app-shell .sheet-hero--profile h1{max-width:none}.sheet-hero--profile .sheet-hero-stats{place-self:end;width:min(100%,520px)}@media (width>=1041px){:where(body:not(#hero-profile-height)) .sheet-hero--profile{min-height:286px}}:where(body:not(#hero-profile-grid)) .sheet-hero--profile .sheet-hero-main{grid-template-columns:minmax(0,1fr) 124px;grid-template-areas:"identity avatar";align-items:start;gap:24px;display:grid}:where(body:not(#hero-profile-fields)) .sheet-hero--profile .sheet-hero-fields{grid-area:identity}.sheet-hero--profile .sheet-avatar{grid-area:avatar;justify-self:end}.sheet-avatar-editable{cursor:pointer;position:relative;overflow:visible}.sheet-avatar-editable:after{width:30px;height:30px;color:var(--accent-ink);background:var(--accent);content:"+";border:1px solid #ffffff38;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-7px;right:-7px}.sheet-avatar-editable:hover{box-shadow:0 18px 44px #00000047,0 0 0 4px #e8b5672e}.sheet-avatar-editable img{border-radius:inherit}.sheet-avatar input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.sheet-hero--profile .sheet-avatar-actions{margin-top:18px}.avatar-cropper{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.avatar-cropper-panel{border:1px solid var(--border);background:var(--surface-raised);border-radius:18px;gap:16px;width:min(420px,100%);padding:20px;display:grid;box-shadow:0 24px 80px #0000006b}.avatar-cropper-preview{border:1px solid var(--border-strong);background:#ffffff0f;border-radius:50%;place-self:center;place-items:center;width:220px;height:220px;display:grid;overflow:hidden}.avatar-cropper-preview img{object-fit:cover;transform-origin:50%;width:100%;height:100%}.avatar-cropper-control{color:var(--text-muted);gap:8px;font-size:.9rem;display:grid}.avatar-cropper-control input{width:100%}.avatar-cropper-actions{justify-content:flex-end;gap:10px;display:flex}.avatar-cropper-actions button{border:1px solid var(--border);color:var(--text);background:var(--surface-soft);cursor:pointer;border-radius:10px;padding:8px 14px;font-weight:800}.avatar-cropper-actions button:last-child{color:var(--accent-ink);background:var(--accent);border-color:#0000}.avatar-cropper-remove{color:var(--danger);margin-right:auto}@media (width<=760px){:where(body:not(#hero-profile-mobile-grid)) .sheet-hero--profile .sheet-hero-main{grid-template-columns:1fr;grid-template-areas:"avatar""identity"}:where(body:not(#hero-profile-mobile-avatar)) .sheet-hero--profile .sheet-avatar{justify-self:start}}.auth-page{isolation:isolate;background:linear-gradient(90deg,#0b0a0ad1,#0b0a0a7a),url(/login-background.webp) 50%/cover no-repeat;place-items:center;width:calc(100% + 64px);min-height:100vh;margin:-32px;padding:32px 20px;display:grid;position:relative;overflow:hidden}.auth-page:before{z-index:-1;content:"";background:radial-gradient(circle at 30% 18%,#f1c27d29,#0000 28%),linear-gradient(#04060a14,#04060ab3);position:absolute;inset:0}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#100d0ac7;border:1px solid #e5c4962e;border-radius:8px;width:min(100%,440px);padding:32px;box-shadow:0 24px 80px #00000040}.auth-card h1{color:#fff8ed;margin:0}.auth-intro{color:#cdb89f;margin:12px 0 24px}.auth-form{gap:16px;display:grid}.auth-form label{color:#f4eadc;gap:8px;display:grid}.auth-form label>span{color:#f4eadc;font-size:.9rem}.auth-form input{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:14px;padding:12px 14px}.auth-form [role=alert],.form-error{color:#ffb4a8;font-size:.9rem}.auth-form button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:14px;padding:12px 16px;font-weight:700}.auth-form button:disabled{cursor:wait;opacity:.7}.auth-switch{color:#cdb89f;margin:24px 0 0}.auth-switch a{color:#f1c27d}.form-success{color:#b9f6ca;background:#2e7d322e;border:1px solid #91d4a359;border-radius:14px;margin:0 0 18px;padding:12px 14px;display:block}@media (width<=640px){.auth-page{background-position:42%;width:calc(100% + 24px);min-height:100vh;margin:-12px;padding:24px 14px}.auth-card{padding:24px}}.admin-users-page{gap:24px;display:grid}.admin-user-list{gap:16px;margin-top:24px;display:grid}.admin-user-card{background:#fff8ed0a;border:1px solid #e5c49629;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex}.admin-user-card h2{color:#fff8ed;margin:0 0 8px}.admin-user-card p{color:#cdb89f;margin:4px 0}.admin-user-card__actions{gap:12px;display:flex}.admin-user-card__actions button,.admin-user-row button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.admin-user-card__actions button:disabled{cursor:wait;opacity:.7}.admin-user-table{gap:10px;margin-top:24px;display:grid}.admin-user-row{background:#fff8ed08;border:1px solid #e5c4961f;border-radius:14px;grid-template-columns:minmax(320px,1fr) 180px 200px 140px;align-items:end;gap:16px;padding:14px 16px;display:grid}.admin-user-row__identity{gap:10px;display:grid}.admin-user-row strong{color:#fff8ed}.admin-user-row p{color:#cdb89f;margin:4px 0 0}.admin-user-row label{color:#f4eadc;gap:6px;display:grid}.admin-user-row input,.admin-user-row select{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.admin-user-row button:disabled{cursor:not-allowed;opacity:.6}.admin-create-user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.admin-create-user-form label{color:#f4eadc;gap:6px;display:grid}.admin-create-user-form input,.admin-create-user-form select{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.admin-create-user-form button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;align-self:end;padding:10px 14px;font-weight:700}.admin-create-user-form button:disabled{cursor:wait;opacity:.7}.admin-user-row__actions{gap:10px;display:grid}.admin-user-row__actions button{width:100%}.admin-user-row .admin-user-row__danger-button{color:#fff8ed;background:#8f2f24}.admin-user-row .admin-user-row__danger-button:hover:not(:disabled){background:#a53a2d}.admin-modal-backdrop{z-index:50;background:#00000094;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-modal{background:#20160f;border:1px solid #e5c49638;border-radius:20px;width:min(100%,440px);padding:24px;box-shadow:0 24px 80px #0000006b}.admin-modal h2{color:#fff8ed;margin:0 0 12px}.admin-modal p{color:#cdb89f;margin:0}.admin-modal strong{color:#fff8ed}.admin-modal__actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.admin-modal__actions button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.admin-modal__actions button:disabled{cursor:wait;opacity:.7}.admin-modal__field{color:#f4eadc;gap:6px;margin-top:18px;display:grid}.admin-modal__field input{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.account-page{gap:24px;display:grid}.account-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:24px;display:grid}.account-grid .panel{align-self:start}.account-grid .panel h2{color:#fff8ed;margin:0 0 18px;font-size:1.45rem}.account-form{gap:16px;display:grid}.account-form label{color:#f4eadc;gap:6px;display:grid}.account-form input{color:#fff8ed;background:#15100bb8;border:1px solid #e5c4963d;border-radius:12px;padding:10px 12px}.account-form button{color:#2a1709;cursor:pointer;background:#f1c27d;border:0;border-radius:12px;justify-self:start;padding:10px 14px;font-weight:700}.account-form button:disabled{cursor:not-allowed;opacity:.6}.account-danger-zone{border-color:#ffb4a847}.account-danger-zone p{color:#d8c4ad}.account-form .account-danger-zone__button{color:#fff8ed;background:#8f2f24}.account-form .account-danger-zone__button:hover:not(:disabled){background:#a53a2d}@media (width<=860px){.account-grid{grid-template-columns:1fr}}