:root{--color-bg: #1c1816;--color-bg-secondary: #211d1a;--color-bg-tertiary: #2a2420;--color-surface: #2a2420;--color-surface-hover: #352f2a;--color-border: #4a3f38;--color-text: #f4efe8;--color-text-muted: #a89a8c;--color-primary: #c45c2a;--color-primary-hover: #d4714a;--color-accent: #b8973d;--color-accent-glow: rgba(184, 151, 61, .3);--color-success: #5a8a5a;--color-danger: #b33a3a;--color-danger-dark: #8a2c2c;--color-danger-light: #d45050;--color-warning: #b8973d;--color-warning-dark: #9a7a2d;--color-warning-light: #d4b050;--color-accent-dark: #9a7a2d;--color-accent-light: #d4b050;--color-primary-dark: #a04a20;--color-text-on-accent: #1c1816;--color-text-on-primary: #ffffff;--color-text-on-danger: #ffffff;--color-overlay-bg: rgba(0, 0, 0, .5);--color-overlay-control: #ffffff;--color-overlay-control-hover: rgba(255, 255, 255, .1);--color-highlight: rgba(255, 255, 255, .05);--color-highlight-strong: rgba(255, 255, 255, .1);--color-info: #6a9fd9;--color-character: #8b3a4a;--color-place: #4a7c59;--color-item: #b8860b;--color-event: #4a5568;--color-quest: #9b2335;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--sidebar-width: 280px;--header-height: 56px;--font-display: "Crimson Text", Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--icon-xs: 1rem;--icon-sm: 1.25rem;--icon-md: 1.5rem;--icon-lg: 2rem;--icon-xl: 2.5rem;--icon-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(30, 20, 15, .3);--shadow-md: 0 4px 8px rgba(30, 20, 15, .25);--shadow-lg: 0 10px 20px rgba(30, 20, 15, .3);--shadow-glow: 0 0 20px var(--color-accent-glow);--shadow-inset: inset 0 1px 3px rgba(30, 20, 15, .2);--journal-bg: #1a1612;--journal-bg-texture: // Leather grain - fine diagonal lines repeating-linear-gradient( 135deg, rgba(255,255,255,.015) 0px, transparent 1px, transparent 3px ), repeating-linear-gradient( 45deg, rgba(0,0,0,.08) 0px, transparent 1px, transparent 4px ), // Color variation patches radial-gradient(ellipse at 20% 30%, rgba(60,45,30,.35) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(45,35,25,.25) 0%, transparent 40%), radial-gradient(ellipse at 50% 80%, rgba(50,40,28,.3) 0%, transparent 45%), radial-gradient(ellipse at 70% 60%, rgba(40,30,20,.2) 0%, transparent 35%);--journal-vignette: inset 0 0 120px 40px rgba(0,0,0,.4);--journal-card-shadow: 0 2px 8px rgba(0,0,0,.3), 0 12px 40px rgba(0,0,0,.25);--journal-content-bg: #211c18;--journal-session-title: #b8973d;--journal-event-name: #d4c4a8;--journal-event-date: #9a8a74;--journal-text: #c4b8a0;--journal-border: #3d342a;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}[data-theme=light]{--color-bg: #f9f5ef;--color-bg-secondary: #f4f0e8;--color-bg-tertiary: #ebe5db;--color-surface: #fffdf8;--color-surface-hover: #f9f5ef;--color-border: #d4c9b8;--color-text: #2a2118;--color-text-muted: #6b5d4d;--color-primary: #a84820;--color-primary-hover: #8a3a18;--color-primary-dark: #8a3a18;--color-accent-glow: rgba(184, 151, 61, .2);--color-accent-dark: #8a6a20;--color-accent-light: #c09830;--color-danger-dark: #8a2020;--color-danger-light: #c04040;--color-warning-dark: #8a6a20;--color-warning-light: #c09830;--color-text-on-accent: #ffffff;--color-highlight: rgba(0, 0, 0, .04);--color-highlight-strong: rgba(0, 0, 0, .08);--color-info: #3a72b0;--shadow-sm: 0 1px 2px rgba(42, 33, 24, .08);--shadow-md: 0 4px 8px rgba(42, 33, 24, .1);--shadow-lg: 0 10px 20px rgba(42, 33, 24, .12);--shadow-inset: inset 0 1px 3px rgba(42, 33, 24, .1);--journal-bg: #f5f0e6;--journal-bg-texture: // Parchment mottling - subtle warm patches radial-gradient(ellipse at 25% 20%, rgba(210,190,150,.2) 0%, transparent 50%), radial-gradient(ellipse at 75% 40%, rgba(200,180,140,.15) 0%, transparent 45%), radial-gradient(ellipse at 40% 70%, rgba(220,200,160,.18) 0%, transparent 40%), radial-gradient(ellipse at 85% 80%, rgba(195,175,135,.12) 0%, transparent 35%), // Faint crinkle lines linear-gradient(160deg, transparent 40%, rgba(180,160,120,.06) 40.5%, transparent 41%), linear-gradient(200deg, transparent 55%, rgba(180,160,120,.05) 55.5%, transparent 56%), linear-gradient(340deg, transparent 30%, rgba(180,160,120,.04) 30.5%, transparent 31%);--journal-vignette: inset 0 0 100px 30px rgba(160,140,100,.15);--journal-card-shadow: 0 1px 4px rgba(42,33,24,.1), 0 8px 30px rgba(42,33,24,.08);--journal-content-bg: #fffdf8;--journal-session-title: #4a3728;--journal-event-name: #5a4a3a;--journal-event-date: #7a6a5a;--journal-text: #4a4035;--journal-border: #d4c9b8}[data-theme=dark]{--color-bg: #1c1816;--color-bg-secondary: #211d1a;--color-bg-tertiary: #2a2420;--color-surface: #2a2420;--color-surface-hover: #352f2a;--color-border: #4a3f38;--color-text: #f4efe8;--color-text-muted: #a89a8c;--color-primary: #c45c2a;--color-primary-hover: #d4714a;--color-primary-dark: #a04a20;--color-accent-glow: rgba(184, 151, 61, .3);--color-accent-dark: #9a7a2d;--color-accent-light: #d4b050;--color-danger-dark: #8a2c2c;--color-danger-light: #d45050;--color-warning-dark: #9a7a2d;--color-warning-light: #d4b050;--color-text-on-accent: #1c1816;--shadow-sm: 0 1px 2px rgba(30, 20, 15, .3);--shadow-md: 0 4px 8px rgba(30, 20, 15, .25);--shadow-lg: 0 10px 20px rgba(30, 20, 15, .3);--shadow-inset: inset 0 1px 3px rgba(30, 20, 15, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;transition:background-color .25s ease,color .25s ease}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.01em}h1{font-size:var(--text-2xl);line-height:1.2}h2{font-size:var(--text-xl);line-height:1.3}h3{font-size:var(--text-lg);line-height:1.4}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent);margin:var(--spacing-md) 0;position:relative}.divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:6px;background:var(--color-border);border-radius:1px}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-inset);transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-inset),0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.input::placeholder{color:var(--color-text-muted)}.input[disabled]{opacity:.6}textarea.input{resize:vertical;min-height:100px}.label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--color-text);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.6}.form-section{margin-bottom:var(--spacing-xl)}.form-row{display:flex;gap:var(--spacing-lg);align-items:flex-start;flex-wrap:wrap}.form-row>*{flex:1;min-width:200px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--color-text);font-size:.875rem;padding:var(--spacing-xs) 0}.checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--color-accent)}.checkbox-label span{-webkit-user-select:none;user-select:none}[data-theme=light] .input{background-image:linear-gradient(180deg,#fffefacc,#faf5eb80)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.btn-primary{background:linear-gradient(180deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 85%,black) 100%);color:#fff;box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a}.btn-primary:hover{background:linear-gradient(180deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md),inset 0 1px #ffffff26}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm),inset 0 2px 4px #0003}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-danger{background:linear-gradient(180deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);color:var(--color-text-on-danger);box-shadow:var(--shadow-sm)}.btn-danger:hover{background:linear-gradient(180deg,var(--color-danger-light) 0%,var(--color-danger) 100%)}.btn-warning{background:linear-gradient(180deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:var(--color-text-on-accent);box-shadow:var(--shadow-sm)}.btn-warning:hover{background:linear-gradient(180deg,var(--color-warning-light) 0%,var(--color-warning) 100%)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;font-size:var(--text-base)}.btn-icon:hover{background:var(--color-surface-hover);color:var(--color-accent);border-color:var(--color-accent)}.btn-icon.active{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,var(--color-surface))}.btn-icon.danger:hover{color:var(--color-danger);border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.btn-icon-bordered{display:inline-flex;align-items:center;justify-content:center;font-size:var(--icon-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.btn-icon-bordered:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-icon-bordered.favorited,.btn-icon-bordered.active{color:var(--color-accent);border-color:var(--color-accent)}.btn-icon-ghost{display:inline-flex;align-items:center;justify-content:center;font-size:var(--icon-sm);padding:var(--spacing-xs);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.btn-icon-ghost:hover,.btn-icon-ghost.favorited,.btn-icon-ghost.active{color:var(--color-accent)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px dashed transparent;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.btn-ghost:hover{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.btn-toggle{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:none;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.btn-toggle:not(:last-child){border-right:1px solid var(--color-border)}.btn-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-toggle.active{background:var(--color-primary);color:#fff}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.stack{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stack-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-slide{transition:transform .2s ease}.hover-slide:hover{transform:translate(4px)}.focus-ring:focus,.focus-ring:focus-within{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.disabled,[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.border-entity-character{border-left:3px solid var(--color-character)}.border-entity-place{border-left:3px solid var(--color-place)}.border-entity-item{border-left:3px solid var(--color-item)}.border-entity-event{border-left:3px solid var(--color-event)}.border-entity-quest{border-left:3px solid var(--color-quest)}.border-top-character{border-top:3px solid var(--color-character)}.border-top-place{border-top:3px solid var(--color-place)}.border-top-item{border-top:3px solid var(--color-item)}.border-top-event{border-top:3px solid var(--color-event)}.border-top-quest{border-top:3px solid var(--color-quest)}.bg-entity-character{background:color-mix(in srgb,var(--color-character) 15%,var(--color-surface))}.bg-entity-place{background:color-mix(in srgb,var(--color-place) 15%,var(--color-surface))}.bg-entity-item{background:color-mix(in srgb,var(--color-item) 15%,var(--color-surface))}.bg-entity-event{background:color-mix(in srgb,var(--color-event) 15%,var(--color-surface))}.bg-entity-quest{background:color-mix(in srgb,var(--color-quest) 15%,var(--color-surface))}.text-entity-character{color:var(--color-character)}.text-entity-place{color:var(--color-place)}.text-entity-item{color:var(--color-item)}.text-entity-event{color:var(--color-event)}.text-entity-quest{color:var(--color-quest)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}[data-theme=light] .card{background-image:linear-gradient(180deg,#fffefacc,#faf5eb80)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid transparent;transition:all .15s ease}.tag:hover{border-color:var(--color-border)}.tag.more{background:var(--color-border)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.entity-pill-list{display:flex;flex-wrap:wrap;gap:6px}.entity-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-bg-tertiary);border-radius:999px;font-size:.8rem;line-height:1.6;text-decoration:none;color:var(--color-primary);transition:background .15s ease}.entity-pill:hover{background:var(--color-surface-hover);text-decoration:none}.entity-pill-icon{font-size:.75rem}.entity-pill-label{font-size:.7rem;color:var(--color-text-muted)}.entity-pill .btn-icon{padding:0 2px;font-size:.85rem;min-width:auto;background:transparent;opacity:.4}.entity-pill:hover .btn-icon{opacity:1}.entity-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:inset 0 -1px #0003,inset 0 1px #ffffff1a}.entity-badge.character{background:var(--color-character);color:var(--color-text-on-primary)}.entity-badge.place{background:var(--color-place);color:var(--color-text-on-primary)}.entity-badge.item{background:var(--color-item);color:var(--color-text-on-accent)}.entity-badge.event{background:var(--color-event);color:var(--color-text-on-primary)}.entity-badge.quest{background:var(--color-quest);color:var(--color-text-on-primary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;line-height:1}.badge-muted{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.badge-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.badge-success{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent)}.badge-danger{background:color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent)}.badge-warning{background:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) * 2);text-align:center;color:var(--color-text-muted)}.empty-state p{margin-bottom:var(--spacing-md)}.empty-state-icon{font-size:var(--icon-xl);margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:var(--text-sm)}.overlay-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text);text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:var(--color-surface-hover)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.desc-list{list-style:disc;padding-left:var(--spacing-lg);font-size:var(--text-sm);color:var(--color-text-muted)}.desc-list li{margin-bottom:var(--spacing-xs)}.desc-list li:last-child{margin-bottom:0}.description-list{list-style:disc;padding-left:var(--spacing-md);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4;margin:0 0 var(--spacing-sm)}.description-list li{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-list li.more{list-style:none;margin-left:calc(-1 * var(--spacing-md));font-style:italic}.flex-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.detail-page{max-width:800px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.detail-header-left{flex:1}.back-link{font-size:.875rem;color:var(--color-text-muted);display:inline-block;margin-bottom:var(--spacing-sm)}.back-link:hover{color:var(--color-primary)}.title-row{display:flex;align-items:center;gap:var(--spacing-md)}.title-input{font-family:var(--font-display);font-size:1.75rem;font-weight:600;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text);padding:var(--spacing-xs) 0;width:100%;transition:border-color .2s ease}.title-input:hover{border-bottom-color:var(--color-border)}.title-input:focus{outline:none;border-bottom-color:var(--color-primary)}.title-input::placeholder{color:var(--color-text-muted)}.title-input-lg{font-size:2.25rem}.detail-actions{display:flex;gap:var(--spacing-sm);align-items:center}.meta{color:var(--color-text-muted);font-size:.875rem}.meta p{margin:var(--spacing-xs) 0}@media(max-width:768px){.detail-header{flex-direction:column;align-items:stretch}.detail-actions{justify-content:flex-end}.title-row{flex-wrap:wrap}.title-input{font-size:1.5rem}.title-input-lg{font-size:1.75rem}.form-row{flex-direction:column}.form-row>*{min-width:100%}}@media(max-width:480px){.title-input{font-size:1.35rem}.title-input-lg{font-size:1.5rem}}.list-page{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-sm)}.page-header h1{margin:0;white-space:nowrap;flex-shrink:0}.desktop-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:flex-end;flex-wrap:nowrap;min-width:0}.desktop-toolbar>*{flex:none}.desktop-toolbar .input,.desktop-toolbar select{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;width:auto}.desktop-toolbar input.input{width:100px}.desktop-toolbar input.input.search-input{width:120px}.desktop-toolbar input.input.search-input:focus{width:150px}.desktop-toolbar input.input:focus{width:130px}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.quick-create{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.quick-create-input{width:100px;padding-right:var(--spacing-md);transition:width .2s ease}.quick-create-input:focus{width:140px}.desktop-toolbar .quick-create{flex:none}.creating-indicator{position:absolute;right:var(--spacing-xs);color:var(--color-text-muted);font-size:.75rem}.filters{display:flex;gap:var(--spacing-xs);align-items:center}.search-input{width:120px;transition:width .2s ease}.search-input:focus{width:160px}.select{width:auto;min-width:80px;max-width:120px}.desktop-toolbar .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;white-space:nowrap}.desktop-toolbar .btn-icon{padding:var(--spacing-xs);font-size:.875rem}.desktop-toolbar .btn-group{flex-shrink:0}.desktop-toolbar .btn-toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--spacing-lg)}.count-info{margin-top:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:.875rem}.filter-toggle{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.filter-toggle.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mobile-filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.list-page .mobile-only,.entity-list-page .mobile-only,.events-page .mobile-only,.characters-page .mobile-only{display:none}@media(max-width:768px){.list-page .desktop-only,.entity-list-page .desktop-only,.events-page .desktop-only,.characters-page .desktop-only{display:none}.list-page .mobile-only,.entity-list-page .mobile-only,.events-page .mobile-only,.characters-page .mobile-only{display:flex}.page-header{flex-direction:row;align-items:center}.header-actions.mobile-only{gap:var(--spacing-sm)}.mobile-filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-filters .quick-create,.mobile-filters input,.mobile-filters select{width:100%}.entity-grid{grid-template-columns:1fr}.page-header.mobile-stack{flex-direction:column;align-items:stretch}.page-header.mobile-stack .header-actions{flex-direction:column;width:100%}.page-header.mobile-stack .quick-create,.page-header.mobile-stack .quick-create-input{width:100%}.page-header.mobile-stack .quick-create-input:focus{width:100%}.page-header.mobile-stack .btn-group{width:100%}.page-header.mobile-stack .btn-toggle{flex:1}.filters.mobile-stack{flex-direction:column}.filters.mobile-stack .search-input{min-width:100%}.filters.mobile-stack .select{width:100%}}@media(max-width:480px){.page-header h1{font-size:1.25rem}.header-actions{gap:var(--spacing-sm)}}@media(max-width:768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem;--header-height: 52px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.btn{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.btn-sm{min-height:36px}.input{min-height:44px;font-size:16px}.tag{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.card{padding:var(--spacing-md)}::-webkit-scrollbar{width:4px;height:4px}}@media(max-width:480px){:root{--spacing-lg: .75rem;--spacing-xl: 1rem}h1{font-size:1.35rem}}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-stack>*{width:100%!important}}.loading-screen.svelte-12qhfyh{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--color-bg)}.loading-logo.svelte-12qhfyh{width:3rem;height:3rem;animation:svelte-12qhfyh-pulse 2s ease-in-out infinite}.loading-spinner.svelte-12qhfyh{color:var(--color-text-muted);font-size:var(--text-sm)}@keyframes svelte-12qhfyh-pulse{0%,to{opacity:.4}50%{opacity:1}}