.loading-gate-skeleton{display:flex;min-height:100vh;background:var(--bg)}.skeleton-nav-bar{width:56px;background:var(--bg-tertiary);border-right:2px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0;gap:var(--space-2);flex-shrink:0}.skeleton-content{flex:1;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-panel{width:280px;background:var(--bg-tertiary);border-left:1px solid var(--border);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.skeleton-block{background:var(--bg-accent);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-brand{width:36px;height:36px;border-radius:8px}.skeleton-nav{width:36px;height:36px;border-radius:var(--radius-lg)}.skeleton-heading{height:1.5rem;width:60%}.skeleton-line{height:1rem;width:90%}.skeleton-line.short{width:50%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.loading-gate-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:100vh;padding:var(--space-8);background:var(--bg);color:var(--text);text-align:center}.loading-gate-error h1{font-size:var(--text-2xl);color:var(--danger)}.loading-gate-error-detail{font-family:monospace;font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-accent);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);max-width:500px;word-break:break-word;text-align:left;-webkit-user-select:all;user-select:all}.loading-gate-error-hint{font-size:var(--text-xs);color:var(--text-muted);max-width:400px}.loading-gate-retry{padding:var(--space-2) var(--space-6);background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer}.loading-gate-retry:hover{opacity:.85}.loading-gate-retry--secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-emphasis)}.loading-gate-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.loading-gate-report{font-size:var(--text-xs);color:var(--text-muted)}.side-panel{background:var(--bg-secondary);border-left:1px solid var(--border-emphasis);display:flex;flex-direction:column;min-height:0;overflow:hidden;z-index:var(--z-panel)}.side-panel-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.side-panel-tab{flex:1;padding:var(--space-2-5) 0;background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-std),border-color var(--transition-std)}.side-panel-tab:hover{color:var(--text)}.side-panel-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.side-panel-content{flex:1;overflow-y:auto;padding:var(--space-3)}.ability-scores-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);margin-bottom:var(--space-3)}.ability-score-row{display:flex;justify-content:space-between;padding:var(--space-1) var(--space-1-5)}.ability-score-row .label{color:var(--text);font-size:var(--text-xs)}.ability-score-row .value{color:var(--text-secondary);font-weight:600;font-size:var(--text-xs)}.stats-separator{border:none;border-top:1px solid var(--border);margin:var(--space-2) 0}.stat-row{display:flex;justify-content:space-between;padding:var(--space-1) var(--space-1-5);font-size:var(--text-xs)}.stat-row .label{color:var(--text)}.stat-row .value{color:var(--text-secondary);font-weight:600}.feat-entry{padding:var(--space-1) var(--space-1-5);font-size:var(--text-xs);color:var(--text)}.collapsible-section{border-bottom:1px solid var(--border)}.collapsible-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);background:var(--bg-tertiary);color:var(--accent);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.03em;cursor:pointer;border:none;border-left:3px solid var(--accent);width:100%;text-align:left}.collapsible-header:hover{background:var(--bg-subtle)}.collapsible-header .chevron{font-size:var(--text-xs)}.collapsible-header .chevron.expanded{transform:rotate(90deg)}.collapsible-content{display:grid;grid-template-rows:0fr}.collapsible-content.expanded{grid-template-rows:1fr}.collapsible-content-inner{overflow:hidden}.confirm-overlay{position:fixed;inset:0;background:rgb(from var(--bg) r g b / .7);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.confirm-modal{background:var(--bg-tertiary);border:1px solid var(--border-emphasis);border-radius:8px;padding:var(--space-5) var(--space-6);max-width:400px;width:90%}.confirm-modal-title{font-family:var(--font-display);color:var(--text);font-size:var(--text-base);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-2)}.confirm-modal-message{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.confirm-modal-input{margin-bottom:var(--space-4)}.confirm-modal-input label{display:block;color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-1-5)}.confirm-modal-input strong{color:var(--text)}.confirm-modal-input input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1-5) var(--space-2);font-size:var(--text-sm);box-sizing:border-box}.confirm-modal-input input:focus{outline:none;border-color:var(--accent)}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.confirm-modal-actions .btn-ghost{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs)}.confirm-modal-actions .btn-primary{padding:var(--space-1-5) var(--space-4);font-size:var(--text-xs)}.editable-text{display:inline-flex;align-items:center;cursor:text}.editable-text-display{border-bottom:1px dotted var(--border);padding:0 var(--space-0-5);min-width:3rem}.editable-text:hover .editable-text-display{border-color:var(--accent)}.editable-text-placeholder{color:var(--text-muted);font-style:italic}.editable-text-input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-0-5) var(--space-1-5);font-size:inherit;font-family:inherit;min-width:5rem;max-width:14rem}.editable-text-input:focus{outline:none;border-color:var(--accent)}.character-view{padding:var(--space-4) var(--space-6)}.character-list{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.character-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1-5) var(--space-2-5);border:1px solid transparent;font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.character-row.active{background:var(--bg-accent);border-color:var(--border-emphasis)}.character-row .character-marker{color:var(--accent);font-weight:700;width:1rem;text-align:center}.character-row .character-name{color:var(--text);font-weight:600;min-width:7rem}.character-row .character-server{color:var(--text-muted);min-width:5.5rem}.character-row .character-class-summary{color:var(--text-secondary);flex:1}.character-row .character-life-count{color:var(--text-muted);font-size:var(--text-xs)}.character-row-actions{display:flex;gap:var(--space-1);align-self:stretch;align-items:stretch;margin:calc(-1 * var(--space-1-5)) calc(-1 * var(--space-2-5));margin-left:0;padding-right:var(--space-2-5)}.row-action-btn{background:transparent;border:none;color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--space-0-5) var(--space-1-5);font-size:var(--text-xs);font-weight:500;cursor:pointer}.row-action-btn:hover{color:var(--text-secondary);background:var(--bg-accent)}.row-action-btn.btn-primary-sm{background:var(--accent);color:var(--bg);font-weight:600}.row-action-btn.btn-primary-sm:hover{background:color-mix(in oklch,var(--accent) 70%,white)}.row-action-btn.delete:hover{color:var(--danger);background:var(--bg-danger)}.character-list-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.character-list-actions .btn-ghost{background:var(--bg-accent)}.character-list-actions .import-ddo-btn{border-style:dashed}.past-lives-divider{border:none;border-top:2px solid var(--border-emphasis);margin:var(--space-2) 0 var(--space-4)}.past-lives-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.past-lives-header h2{font-family:var(--font-display);color:var(--text);font-size:var(--text-base);font-weight:600;letter-spacing:.02em}.past-lives-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.stack-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1-5);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.stack-row.empty .stack-name{color:var(--text-muted)}.stack-name{color:var(--text);width:12rem;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-bar{display:flex;gap:var(--space-0-5)}.stack-pip{width:1rem;height:1rem;border-radius:var(--radius-sm);background:var(--bg-subtle);position:relative}.stack-pip.filled{background:var(--accent)}.stack-pip.current-has:not(.locked):not(.filled){background:repeating-linear-gradient(-45deg,var(--bg-accent-muted),var(--bg-accent-muted) 3px,transparent 3px,transparent 6px)}.stack-pip.current-has-filled:not(.filled){background:var(--bg-accent-muted)}.stack-pip.locked{background:repeating-linear-gradient(-45deg,var(--accent),var(--accent) 3px,transparent 3px,transparent 6px)}.stack-pip.pip-has-locked{background:repeating-linear-gradient(-45deg,var(--bg-accent-muted),var(--bg-accent-muted) 3px,transparent 3px,transparent 6px)}.stack-pip.pip-has-filled{background:var(--bg-accent-muted)}.stack-pip.pip-missing{border:2px solid var(--border-danger)}.stack-bar>span:not(.stack-pip){display:inline-flex}.stack-count{color:var(--text-muted);font-size:var(--text-xs);min-width:1.5rem;text-align:center}.stack-bonus{color:var(--text-secondary);font-size:var(--text-xs)}.bonus-earned{color:var(--text-secondary)}.bonus-remaining{color:var(--text-muted);margin-left:var(--space-1-5)}.stacks-hint{display:none;color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-1-5);opacity:.7}@media(max-width:768px){.stacks-hint{display:block}}.total-past-lives{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);padding:var(--space-0-5) var(--space-1-5)}.bonus-summary{margin-top:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-1)}.bonus-summary-header{display:flex;align-items:center;gap:var(--space-1-5);cursor:pointer;-webkit-user-select:none;user-select:none}.bonus-toggle{color:var(--text-muted);font-size:var(--text-xs)}.bonus-rows{display:grid;grid-template-rows:0fr}.bonus-rows-inner{overflow:hidden}.bonus-rows.expanded{grid-template-rows:1fr}.bonus-row{padding:var(--space-0-5) var(--space-1-5);font-size:var(--text-xs)}.bonus-value{color:var(--text-secondary)}.life-history-title{font-family:var(--font-display);color:var(--text);font-size:var(--text-base);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-2)}.life-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1-5);font-size:var(--text-xs)}.life-entry .life-marker{color:var(--accent);font-weight:700;width:.75rem}.life-entry .life-number{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;white-space:nowrap;min-width:3rem}.life-entry .life-name{color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem}.life-entry .life-summary{color:var(--text);flex:1;min-width:0}.life-actions{display:flex;gap:var(--space-0-5);flex-shrink:0;align-self:stretch;align-items:stretch;margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-1-5));margin-left:0;padding-right:var(--space-1-5)}.life-entry.viewing{background:var(--bg-accent)}.reincarnate-panel{background:var(--bg-accent);border:1px solid var(--border-emphasis);border-radius:var(--radius-lg);padding:var(--space-3);margin:var(--space-1-5) 0 var(--space-2) var(--space-5)}.reincarnate-panel-header{color:var(--text);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2-5)}.reincarnate-panel-field{margin-bottom:var(--space-2)}.reincarnate-panel-field label{display:block;color:var(--text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.reincarnate-type-options{display:flex;gap:var(--space-1)}.reincarnate-type-btn{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:500;cursor:pointer}.reincarnate-type-btn:hover{color:var(--text);border-color:var(--text-muted)}.reincarnate-type-btn.active{color:var(--accent);border-color:var(--accent);background:var(--bg-tertiary)}.epic-feat-select{display:flex;flex-direction:column;gap:var(--space-1-5)}.epic-feat-group-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.epic-feat-group .reincarnate-type-options{flex-wrap:wrap}.reincarnate-panel-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2-5)}.add-planned-life-btn{display:flex;align-items:center;gap:var(--space-1-5);width:100%;background:none;border:1px dashed var(--border);color:var(--text-muted);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);cursor:pointer;margin-bottom:var(--space-1-5)}.add-planned-life-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-subtle)}@media(max-width:768px){.character-view{padding:var(--space-3) var(--space-4)}.character-row{flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.character-row .character-marker{width:auto}.character-row .character-name,.character-row .character-server{min-width:auto}.character-row .character-class-summary{flex-basis:100%;order:10;padding-left:var(--space-7)}.past-lives-content{grid-template-columns:1fr;gap:0}.past-lives-content>*:nth-child(2){border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-4)}.past-lives-divider{margin:var(--space-4) 0 var(--space-5)}.stack-row .stack-bonus{display:none}.character-list-actions{flex-wrap:wrap}}.nav-bar-character-card{--card-h: 184px;--strip-h: 40px;position:relative;display:flex;flex-direction:column;height:var(--card-h);flex-shrink:0;margin:var(--space-1-5) var(--space-1-5);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;overflow:hidden;transition:background var(--transition-fast)}.nav-bar-character-card:hover:not(.active){background:var(--bg-subtle)}.nav-bar-character-card.active{cursor:default}.nav-bar-character-strip{display:grid;grid-template-columns:calc(var(--icon-col) - .8rem) 1fr;align-items:center;height:var(--strip-h);flex-shrink:0}.nav-bar-character-strip>svg{justify-self:center}.nav-bar-character-strip-name{font-size:var(--text-xs);font-weight:700;color:var(--text);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--space-2)}.nav-bar-divider--swap{position:relative;overflow:visible}.nav-bar-character-swap-btn{position:absolute;top:50%;left:calc((var(--icon-col) - .8rem - 24px) / 2);transform:translateY(-50%);z-index:var(--z-local);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.nav-bar-character-swap-btn:hover{color:var(--accent);border-color:var(--accent)}.nav-bar-character-slot{flex:1;display:grid;grid-template-columns:calc(var(--icon-col) - .8rem) 1fr;align-items:center;min-height:0}.nav-bar-character-slot>svg{justify-self:center}.nav-bar-character-info{display:flex;flex-direction:column;min-width:0;padding-right:var(--space-2)}.nav-bar-character-name{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--space-0-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-bar-character-card.active{border-color:var(--accent)}.nav-bar-character-card.active:before{z-index:var(--z-local)}.nav-bar-character-card.active .nav-bar-character-strip,.nav-bar-character-card.active .nav-bar-character-strip-name{color:var(--accent)}.nav-bar-character-card.active .nav-bar-divider:not(.nav-bar-divider--swap){background:var(--accent)}.nav-bar-character-build-placeholder{height:.65rem;margin:var(--space-px) 0;border-bottom:1px dashed var(--text-muted);max-width:70%}.nav-bar-character-build-placeholder:last-child{max-width:55%}.nav-bar-character-build{font-size:var(--text-xs);color:var(--text-muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-bar{--icon-col: 54px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch;padding:var(--space-2) 0 0 0;z-index:var(--z-nav);min-height:0;overflow:hidden}.app-nav-bar:not(.expanded) .nav-bar-collapsible{opacity:0;max-width:0;max-height:0;padding:0;margin:0;overflow:hidden}.app-nav-bar:not(.expanded) .nav-bar-group-label-text{opacity:0;max-width:0;padding:0;overflow:hidden}.app-nav-bar:not(.expanded) .nav-bar-group-label:before{opacity:0;max-width:0}.nav-bar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.nav-bar-brand{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;flex-shrink:0;padding:0 var(--space-3)}.nav-bar-brand-text{font-family:inherit;font-size:var(--text-lg);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.15;color:var(--accent)}.nav-bar-divider{height:1px;background:var(--border);flex-shrink:0}.nav-bar-items{display:flex;flex-direction:column;gap:var(--space-0-5);width:100%}.nav-bar-btn,.nav-bar-build-row,.nav-bar-collapse-btn{width:100%;height:40px;min-height:40px;display:grid;grid-template-columns:var(--icon-col) 1fr;align-items:center;background:transparent;cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast),background var(--transition-fast)}:is(.nav-bar-btn,.nav-bar-build-row,.nav-bar-collapse-btn)>svg{justify-self:center}.nav-bar-btn,.nav-bar-build-row{color:var(--text-secondary);position:relative;white-space:nowrap}.nav-bar-btn.active,.nav-bar-build-row.active,.nav-bar-character-card.active{color:var(--accent);background:var(--bg-accent);cursor:default}:is(.nav-bar-btn.active,.nav-bar-build-row.active,.nav-bar-character-card.active):hover{background:var(--bg-accent);color:var(--accent)}:is(.nav-bar-btn.active,.nav-bar-build-row.active,.nav-bar-character-card.active):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.nav-bar-btn.active .nav-bar-label,.nav-bar-build-row.active .nav-bar-label{font-weight:600}.nav-bar-btn{border:none;border-radius:0}.nav-bar-btn--compact>svg{opacity:.6}.nav-bar-btn--compact .nav-bar-label{font-size:var(--text-xs);color:var(--text-muted)}.nav-bar-btn--compact:hover>svg,.nav-bar-btn--compact.active>svg{opacity:1}.nav-bar-btn--compact:hover .nav-bar-label{color:var(--text)}.nav-bar-btn--compact.active .nav-bar-label{color:var(--accent);font-weight:600}.nav-bar-label{font-size:var(--text-sm);font-weight:500;text-align:left;overflow:hidden;text-overflow:ellipsis}.nav-bar-group{width:100%}.nav-bar-group-label{display:flex;align-items:center;height:28px;padding:0;color:var(--text-muted)}.nav-bar-group-label:before{content:"";width:calc(var(--icon-col) - .5rem);height:1px;background:var(--border);flex-shrink:0}.nav-bar-group-label:after{content:"";flex:1;height:1px;background:var(--border)}.nav-bar-group-label.has-active{color:var(--accent)}.nav-bar-group-label-text{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:0 var(--space-2)}.nav-bar-bottom{margin-top:auto;flex-shrink:0;width:100%}.nav-bar-collapse-btn{flex-shrink:0;border:none;border-top:1px solid var(--border);color:var(--text-muted)}@media(max-width:599px){.app-nav-bar.expanded{position:fixed;inset:0;z-index:var(--z-overlay)}}.bottom-bar{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-secondary)}.bottom-bar-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-0-5) var(--space-2);gap:var(--space-4)}.bottom-bar-btn{display:flex;align-items:center;gap:var(--space-1-5);background:none;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap}.bottom-bar-build{min-width:0}.bottom-bar-name{font-weight:700;color:var(--text)}.bottom-bar-description{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.bottom-bar-warnings{color:var(--danger);font-weight:600;flex-shrink:0}.bottom-bar-warnings svg:last-child{transition:transform var(--transition-fast)}.bottom-bar:has(.bottom-bar-warning-list) .bottom-bar-warnings svg:last-child{transform:rotate(180deg)}.bottom-bar-ok{color:var(--text-muted);flex-shrink:0}.bottom-bar-ok svg{color:var(--accent)}.bottom-bar-status{position:relative;flex-shrink:0}.bottom-bar-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;animation:tooltip-in var(--transition-fast);transition:opacity var(--transition-std)}.bottom-bar-tooltip.fading{opacity:0}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bottom-bar-warning-list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto;border-top:1px solid var(--border)}.bottom-bar-warning-item{display:flex;align-items:center;padding:var(--space-1-5) var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:var(--text-xs);text-align:left}.bottom-bar-warning-item--error{color:var(--danger)}.bottom-bar-warning-item--warning{color:var(--accent)}.app-shell{display:flex;flex-direction:column;height:100vh}.app{flex:1;min-height:0;display:grid;grid-template-columns:220px 1fr 280px}.app.app--nav-bar-collapsed{grid-template-columns:56px 1fr 280px}.app.app--no-stats{grid-template-columns:220px 1fr}.app.app--nav-bar-collapsed.app--no-stats{grid-template-columns:56px 1fr}.app-content{overflow:auto;min-width:0;min-height:0}.section-placeholder{padding:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.settings-view{padding:var(--space-6);max-width:400px}.settings-view-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--space-6)}.settings-view-section{margin-bottom:var(--space-6)}.settings-view-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.settings-view-theme-toggle{display:flex;gap:var(--space-1);background:var(--bg-accent);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-1)}.settings-view-theme-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.settings-view-theme-opt.active{color:var(--accent);background:var(--bg-accent)}.settings-view-accent-grid{display:flex;flex-direction:column;gap:var(--space-0-5)}.settings-view-accent-swatch{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1-5) var(--space-2);border:none;border-radius:var(--radius-lg);background:transparent}.settings-view-accent-swatch.selected{background:var(--bg-accent)}.settings-view-accent-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1.5px rgb(from var(--tint) r g b / .08)}.settings-view-accent-swatch.selected .settings-view-accent-dot{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px currentColor}.settings-view-accent-name{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.settings-view-accent-swatch.selected .settings-view-accent-name{color:var(--accent);font-weight:600}.settings-view-accent-check{margin-left:auto;color:var(--accent);display:flex}:root{--bg: #18181b;--tint: white;--text: rgb(from var(--tint) r g b / .85);--accent: #b8962e;--danger: #ef4444;--font-display: "Vollkorn", Georgia, serif;--text-secondary: rgb(from var(--text) r g b / .65);--text-muted: rgb(from var(--text) r g b / .45);--bg-secondary: color-mix(in srgb, var(--tint) 3%, var(--bg));--bg-tertiary: color-mix(in srgb, var(--tint) 6%, var(--bg));--bg-subtle: rgb(from var(--tint) r g b / .1);--bg-accent: color-mix(in srgb, var(--accent) 8%, var(--bg));--bg-accent-muted: rgb(from var(--accent) r g b / .35);--bg-danger: rgb(from var(--danger) r g b / .1);--border: color-mix(in srgb, var(--tint) 17%, var(--bg));--border-emphasis: color-mix(in srgb, var(--tint) 10%, var(--border));--border-accent: color-mix(in srgb, var(--accent) 15%, var(--border));--border-danger: color-mix(in srgb, var(--danger) 40%, var(--border));--transition-fast: .15s;--transition-std: .3s;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--z-local: 1;--z-panel: 10;--z-nav: 20;--z-overlay: 40;--z-modal: 100;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;color-scheme:dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg: #f4f4f5;--tint: black;--accent: #8b7335;color-scheme:light;background:var(--bg)}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:color-mix(in oklch,var(--accent) 70%,white)}h1{font-size:var(--text-3xl);line-height:1.1;margin-bottom:var(--space-2)}.tooltip-portal{position:fixed;background:var(--bg-tertiary);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1-5) var(--space-2);font-size:var(--text-xs);max-width:250px;text-align:center;pointer-events:none;z-index:var(--z-modal)}.section-label{font-family:var(--font-display);color:var(--accent);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-2);margin-bottom:var(--space-1-5)}.section-label:first-child{margin-top:0}.btn-ghost{background:var(--bg-secondary);border:1px solid var(--border-accent);color:var(--text-secondary);border-radius:var(--radius-md);padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:color var(--transition-std),border-color var(--transition-std),background var(--transition-std),transform var(--transition-fast)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-tertiary);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.btn-ghost-sm{background:var(--bg-secondary);border:1px solid var(--border-accent);color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:color var(--transition-std),border-color var(--transition-std),background var(--transition-std),transform var(--transition-fast)}.btn-ghost-sm:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-tertiary);transform:translateY(-1px)}.btn-ghost-sm:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-md);padding:var(--space-1-5) var(--space-3-5);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--transition-std),transform var(--transition-fast)}.btn-primary:hover{background:color-mix(in oklch,var(--accent) 70%,white);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary-sm{background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--transition-std),transform var(--transition-fast)}.btn-primary-sm:hover{background:color-mix(in oklch,var(--accent) 70%,white);transform:translateY(-1px)}.btn-primary-sm:active{transform:translateY(0)}.hoverable{cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.hoverable:not(.active):not(.selected):hover{background:var(--bg-subtle);color:var(--text)}.hoverable.active,.hoverable.selected{cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}