.app{position:relative;min-height:100vh}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:998}.sidebar{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:var(--bg-secondary);border-right:2px solid var(--border);padding:1rem;overflow-y:auto;transition:left .3s ease;z-index:999;box-shadow:2px 0 20px var(--shadow)}.sidebar.open{left:0}.close-button{width:100%;background:var(--accent);color:var(--bg-primary);padding:.75rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.close-button:hover{filter:brightness(1.15);box-shadow:0 2px 8px #d4af3766}.sidebar-item{display:block;padding:.75rem 1rem;margin-bottom:.5rem;color:var(--text-light);text-decoration:none;border-radius:4px;transition:all .2s}.sidebar-item:hover{background:var(--bg-secondary);filter:brightness(1.15);border-left:3px solid var(--accent);padding-left:calc(1rem - 3px)}.sidebar-item.active{background:var(--bg-secondary);filter:brightness(1.3);border-left:3px solid var(--accent);color:var(--accent);padding-left:calc(1rem - 3px)}.sidebar-options{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-label{font-weight:700;margin-bottom:.5rem;font-size:1.1rem}.sidebar-info{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.info-item{margin-bottom:1rem;font-size:.9rem;line-height:1.4}.menu-button{position:fixed;top:1rem;left:1rem;width:50px;height:50px;background:var(--accent);color:var(--bg-primary);font-size:1.5rem;border-radius:8px;z-index:997;box-shadow:0 4px 12px var(--shadow);font-weight:700}.menu-button:hover{filter:brightness(1.15);box-shadow:0 6px 16px var(--shadow);transform:translateY(-2px)}.scroll-to-top{position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;background:var(--accent);color:var(--bg-primary);font-size:1.5rem;border-radius:8px;z-index:997;box-shadow:0 4px 12px var(--shadow);font-weight:700}.scroll-to-top:hover{filter:brightness(1.15);box-shadow:0 6px 16px var(--shadow);transform:translateY(-2px)}.main-content{max-width:1200px;margin:0 auto;padding:4rem 1rem 1rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px var(--shadow)}.section-title{font-size:1.5rem;margin-bottom:1rem;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.character-header-banner{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(212,175,55,.05) 100%);border:2px solid var(--accent);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 24px var(--shadow),inset 0 1px #d4af3733}.character-name-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:3px solid var(--accent)}.character-name-input{width:100%;font-size:2.5rem;font-weight:700;color:var(--accent);background:transparent;border:none;padding:0;text-align:center;letter-spacing:2px}.character-name-input::placeholder{color:var(--text-light);opacity:.5}.character-name-input:focus{outline:none;text-shadow:0 0 10px rgba(212,175,55,.5)}.header-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.header-stats-row:last-child{margin-bottom:0}.stat-box-header{display:flex;flex-direction:column;gap:.5rem}.stat-box-header input{width:100%;padding:.75rem;font-size:1.2rem;font-weight:600;text-align:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:6px;color:var(--accent);transition:all .2s}.stat-box-header input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #d4af374d}.stat-box-header label{font-size:.8rem;font-weight:700;color:var(--text-light);opacity:.7;text-transform:uppercase;letter-spacing:1px;text-align:center}.hp-group-header{display:flex;flex-direction:column;gap:.5rem}.hp-group-header>label{font-size:.8rem;font-weight:700;color:var(--text-light);opacity:.7;text-transform:uppercase;letter-spacing:1px;text-align:center}.hp-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hp-box-header{display:flex;flex-direction:column;gap:.25rem}.hp-box-header input{width:100%;padding:.75rem;font-size:1.1rem;font-weight:600;text-align:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:6px;color:var(--accent);transition:all .2s}.hp-box-header input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #d4af374d}.hp-box-header label{font-size:.75rem;color:var(--text-light);opacity:.6;text-align:center}.character-header .card{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-group{display:flex;flex-direction:column}.info-group label{font-size:.85rem;color:var(--text-light);opacity:.7;margin-top:.25rem}.info-group input{width:100%}.attributes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.attribute{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid var(--border);border-radius:8px;background:var(--bg-primary);box-shadow:inset 0 2px 4px var(--shadow)}.attribute label{font-weight:700;margin-bottom:.5rem;font-size:1.1rem}.attribute input{width:60px;text-align:center;font-size:1.5rem;margin-bottom:.5rem}.attribute-mod{font-size:1.2rem;font-weight:700;padding:.5rem 1rem;border-radius:4px;border:1px solid var(--border)}.class-background-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.class-background-left{display:flex;flex-direction:column;gap:1.5rem}.class-background-right{display:flex;flex-direction:column;gap:.5rem;height:100%}.class-background-right label{font-weight:600;color:var(--accent);font-size:.95rem}.class-background-right textarea{flex:1;min-height:200px;padding:.75rem;border:2px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-light);font-size:.95rem;font-family:EB Garamond,serif;resize:vertical;transition:all .2s}.class-background-right textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #d4af374d}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:.5rem;color:var(--accent);font-size:.95rem}.form-group input{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-light);font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #d4af374d}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:start}.hit-points{display:flex;flex-direction:column;gap:.5rem}.hp-group{display:flex;flex-direction:column}.hp-group label{font-size:.85rem;color:var(--text-light);opacity:.7;margin-bottom:.25rem}.hp-group input{width:100%;font-size:1.2rem;text-align:center}.hit-dice label{display:block;margin-bottom:.75rem;font-weight:700}.hit-dice-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.hit-dice-item{display:flex;flex-direction:column;gap:.4rem}.hit-dice-item input{width:100%;padding:.6rem;font-size:1.1rem;text-align:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:6px;font-weight:600}.hit-dice-item input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #d4af374d}.hit-dice-item span{font-size:.8rem;font-weight:600;color:var(--text-light);opacity:.7;text-align:center;text-transform:uppercase;letter-spacing:.5px}.death-saves label{display:block;margin-bottom:.75rem;font-weight:700}.death-saves-content{display:flex;flex-direction:column;gap:1rem}.saves-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px}.saves-row span{min-width:auto;font-size:1rem;font-weight:600;color:var(--text-light)}.checkboxes{display:flex;gap:.5rem}.checkboxes input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:var(--accent)}.conditions label,.boons label{display:block;margin-bottom:.5rem;font-weight:700}.conditions textarea,.boons textarea{width:100%;resize:vertical}.saves-skills-container{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.stat-column{display:flex;flex-direction:column;gap:.5rem}.stat-header{text-align:center;font-weight:700;font-size:1.1rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border)}.skills-divider{height:1.5rem}.saves-section h4,.skills-section h4,.spellcasting-section h4{margin-bottom:1rem;font-size:1.2rem}.save-item,.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border-radius:4px;background:var(--bg-primary);border:1px solid var(--border)}.save-item label,.skill-item label{font-size:.85rem;text-align:center;word-break:break-word;width:100%;order:-2}.save-item input[type=text],.skill-item input[type=text]{width:90%;text-align:center;font-weight:700;font-size:1.1rem;padding:.4rem;order:-1}.save-item input[type=checkbox],.skill-item input[type=checkbox]{margin:0}.skill-item{gap:.4rem}.skill-checkbox{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;cursor:pointer;position:relative;background:transparent;transition:all .2s ease}.skill-checkbox:hover{border-color:var(--accent)}.skill-checkbox.prof{background:var(--text-light);border-color:var(--text-light)}.skill-checkbox.expert{background:var(--text-light);border-color:var(--text-light);box-shadow:0 0 0 4px var(--bg-primary),0 0 0 7px var(--text-light)}.prepared-checkbox{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;cursor:pointer;position:relative;background:transparent;transition:all .2s ease}.prepared-checkbox:hover{border-color:var(--accent)}.prepared-checkbox.prepared{background:var(--text-light);border-color:var(--text-light)}.prepared-checkbox.always{background:var(--text-light);border-color:var(--text-light);box-shadow:0 0 0 4px var(--bg-primary),0 0 0 7px var(--text-light)}.skill-attr{font-size:.85rem;color:var(--text-light);opacity:.7}.spell-select{margin-bottom:1rem}.spell-select label{display:block;margin-bottom:.5rem;font-weight:700}.spell-select select{width:100%}.spell-stats{display:flex;flex-direction:column;gap:1rem}.spell-stat label{display:block;margin-bottom:.5rem;font-weight:700}.spell-stat input{width:100%;text-align:center;font-size:1.2rem}.proficiencies-grid{display:grid;grid-template-columns:1fr;gap:2.12rem}.prof-item label{display:block;margin-bottom:.5rem;font-weight:700}.checkbox-list{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.checkbox-list label{display:flex;align-items:center;gap:.4rem;margin:0;font-weight:400}.prof-item textarea{width:100%;resize:vertical}.features-grid{display:grid;grid-template-columns:1fr;gap:1rem}.feature-item label{display:block;margin-bottom:.5rem;font-weight:700}.feature-item textarea{width:100%;resize:vertical}.two-column-layout{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;align-items:start}.charges-section .charges-container{display:flex;flex-direction:column;gap:1rem}.charge-row{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px}.charge-controls{display:flex;gap:.25rem}.charge-name{flex:2}.charge-max{width:70px}.charge-boxes{flex:1;display:grid;grid-template-columns:repeat(10,20px);gap:.25rem}.delete-btn{background:var(--danger);color:var(--text-light);padding:.25rem .5rem;font-size:1.2rem;min-width:30px;border:1px solid var(--border)}.delete-btn:hover{filter:brightness(1.2);box-shadow:0 2px 8px #8f3a3a66}.move-btn{background:var(--bg-secondary);color:var(--accent);padding:.25rem .5rem;font-size:1.2rem;min-width:30px;border:1px solid var(--border)}.move-btn:hover:not(:disabled){background:#d4af3726;box-shadow:0 2px 8px #d4af374d}.move-btn:disabled{opacity:.3;cursor:not-allowed}.action-buttons{display:flex;gap:.25rem;justify-content:center}.add-btn{background:var(--success);color:var(--text-light);padding:.75rem 1.5rem;font-size:1rem;width:100%;font-weight:600;border:1px solid var(--border)}.add-btn:hover{filter:brightness(1.2);box-shadow:0 2px 8px #5a8f5a66}.add-btn-small{background:var(--success);color:#fff;padding:.5rem 1rem;font-size:.9rem;margin-top:.5rem}.add-btn-small:hover{filter:brightness(1.2)}.attack-abilities-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.attack-abilities-table th{background:var(--bg-secondary);filter:brightness(1.3);color:var(--accent);padding:.75rem;text-align:left;border-bottom:2px solid var(--accent)}.attack-abilities-table td{padding:.5rem;border-bottom:1px solid var(--border)}.attack-abilities-table input,.attack-abilities-table select{width:100%}.col-name{width:225px}.col-stat{width:95px}.col-type{width:135px}.col-prof{width:50px;text-align:center}.col-prof input[type=checkbox]{display:flex;margin:0 auto}.col-dc{width:85px}.col-damage{width:150px}.col-notes{width:auto}.col-controls{width:50px}.col-number{width:75px}.equipment-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.currency-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.currency-item{display:flex;flex-direction:column;align-items:center}.currency-item label{font-weight:700;margin-bottom:.25rem}.currency-item input{width:100%;text-align:center}.encumbrance{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.encumbrance-item label{display:block;font-size:.85rem;color:var(--text-light);opacity:.7;margin-bottom:.25rem}.encumbrance-item input{width:100%}.items-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.items-table th{background:var(--bg-secondary);filter:brightness(1.3);color:var(--accent);padding:.75rem;text-align:left;border-bottom:2px solid var(--accent)}.items-table td{padding:.5rem;border-bottom:1px solid var(--border)}.items-table input{width:100%}.spells-section{max-width:100%}.spell-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.spell-level{margin-bottom:2rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px}.spell-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.spell-level-header h4{margin:0}.spell-slots{display:flex;align-items:center;gap:1rem}.spell-slots-input{display:flex;align-items:center;gap:.5rem}.slot-count{width:35px}.slot-checkboxes{display:flex;gap:.25rem;flex-wrap:wrap}.spells-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.spell-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border)}.spell-controls{display:flex;align-items:center;gap:.25rem}.spell-name{flex:1;min-width:200px}.spell-link-group{display:flex;align-items:center;gap:.25rem;margin-left:auto}.spell-link{width:200px}.link-btn{background:var(--accent);color:var(--bg-primary);padding:.25rem .5rem;font-size:1rem;min-width:35px;border:1px solid var(--border)}.link-btn:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 2px 8px #d4af3766}.link-btn:disabled{background:var(--bg-primary);color:var(--text-light);opacity:.5;cursor:not-allowed}.personality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.personality-item label{display:block;margin-bottom:.5rem;font-weight:700}.personality-item textarea{width:100%;resize:vertical}.backstory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.backstory-item label{display:block;margin-bottom:.5rem;font-weight:700}.backstory-item textarea{width:100%;resize:vertical}.backstory-item.full-width{grid-column:1 / -1}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.notes-item label{display:block;margin-bottom:.5rem;font-weight:700}.notes-item textarea{width:100%;resize:vertical}.footer{background:var(--bg-secondary);filter:brightness(1.3);color:var(--text-light);padding:1.5rem;text-align:center}.footer btwo-column-layout{grid-template-columns:1fr}.footer .equipment-container{grid-template-columns:1fr}@media(max-width:768px){.character-header .card,.attributes-grid .two-column-layout,.equipment-container{grid-template-columns:1fr}}@media(max-width:768px){.character-header .card{grid-template-columns:1fr}.attributes-grid,.saves-skills-container{grid-template-columns:repeat(2,1fr)}.personality-grid,.backstory-grid,.notes-grid,.proficiencies-grid,.spell-info-grid{grid-template-columns:1fr}.currency-grid{grid-template-columns:repeat(3,1fr)}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-modal{background:var(--bg-light);padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d}.confirm-modal h2{margin:0 0 1rem;color:var(--danger);filter:brightness(.7);font-size:1.5rem}.confirm-modal p{margin:0 0 1.5rem;line-height:1.6;color:var(--text-dark)}.confirm-modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.confirm-button{padding:.5rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.confirm-button.cancel{background:var(--neutral);color:#fff}.confirm-button.cancel:hover{filter:brightness(.9)}.confirm-button.confirm{background:var(--danger);color:#fff}.confirm-button.confirm:hover{filter:brightness(.85)}:root{--bg-primary: #1a1410;--bg-secondary: #2a2118;--bg-light: #d4a574;--text-light: #e8d4b0;--text-dark: #2c1810;--accent: #d4af37;--border: #4a3f2f;--success: #5a8f5a;--danger: #8f3a3a;--neutral: #6c757d;--shadow: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:EB Garamond,serif;background:var(--bg-primary);color:var(--text-light);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;font-weight:600}input,textarea,select{font-family:EB Garamond,serif;font-size:1rem;padding:.5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-light);transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #d4af374d}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border);border-radius:50%;cursor:pointer;position:relative;background:var(--bg-primary);transition:all .2s ease;flex-shrink:0}input[type=checkbox]:hover{border-color:var(--accent)}input[type=checkbox]:checked{background:var(--text-light);border-color:var(--text-light)}button{font-family:Cinzel,serif;cursor:pointer;border:none;padding:.5rem 1rem;border-radius:4px;transition:all .2s}.locked-field{background-color:#2a211880!important;border:2px solid var(--accent)!important;color:var(--text-light)!important;border-radius:4px!important;cursor:not-allowed!important}div.locked-field,span.locked-field{padding:.5rem 1rem;display:inline-block}.auto-filled{background-color:#2a211880!important;border:2px solid var(--accent)!important;color:var(--text-light)!important;cursor:not-allowed}.auto-filled-example{background-color:#2a211880;border:2px solid var(--accent);color:var(--text-light);padding:.2rem .5rem;border-radius:4px;display:inline-block}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}