:root{--pico-font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--pico-border-radius:.5rem;--primary:#3b82f6;--success:#22c55e;--warning:#f59e0b;--error:#ef4444}.text-center{text-align:center}.text-muted{color:var(--pico-muted-color)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.font-mono{font-family:ui-monospace,monospace}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.hidden{display:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header{z-index:100;background:var(--pico-background-color);border-bottom:1px solid var(--pico-muted-border-color);margin-bottom:1.5rem;padding:.75rem 0;position:sticky;top:0}.app-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-title{margin:0;font-size:1.25rem;font-weight:700}.header-actions{align-items:center;gap:.5rem;display:flex}.category-tabs{background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;padding:.5rem;display:flex}.tab-btn{border-radius:var(--pico-border-radius);cursor:pointer;color:var(--pico-muted-color);white-space:nowrap;background:0 0;border:none;padding:.4rem .75rem;font-size:.8rem;transition:all .15s}.tab-btn:hover{background:var(--pico-secondary-hover-background);color:var(--pico-color)}.tab-btn.active{background:var(--primary);color:#fff}.tab-btn .icon{margin-right:.25rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.filter-bar input[type=search]{flex:1;min-width:200px;margin-bottom:0}.filter-bar label{white-space:nowrap;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.filter-bar label input[type=checkbox]{width:auto;margin:0}.var-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.var-card{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:.75rem;transition:border-color .15s}.var-card:hover{border-color:var(--pico-muted-color)}.var-card.modified{border:2px solid var(--primary);box-shadow:0 0 8px #3b82f64d}.var-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.var-card-title{margin:0;font-size:.9rem;font-weight:600;line-height:1.2}.var-card-name{color:var(--pico-muted-color);font-family:ui-monospace,monospace;font-size:.65rem}.var-card-control{margin-top:.5rem}.var-card-narrative{background:var(--pico-secondary-background);color:var(--pico-color);border-radius:4px;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.75rem;display:flex}.var-card-narrative .text-sm{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.var-card-deps{color:var(--pico-color);background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:4px;margin-top:.5rem;padding:.25rem .5rem}.dep-tag{color:var(--warning);background:#f59e0b26;border-radius:2px;margin-left:.25rem;padding:0 .25rem;font-weight:600;display:inline-block}.dep-tag.met{color:var(--success);background:#22c55e26}.dep-tag.missing{color:var(--error);background:#ef444426;border:1px solid #ef44444d}.type-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600;display:inline-block}.type-badge.bool{color:var(--success);background:#22c55e26}.type-badge.meter{color:var(--primary);background:#3b82f626}.type-badge.stage{color:#a855f7;background:#a855f726}.type-badge.counter{color:var(--warning);background:#f59e0b26}.type-badge.number,.type-badge.string,.type-badge.unknown{background:var(--pico-secondary-background);color:var(--pico-muted-color)}.toggle-group{gap:.25rem;display:flex}.toggle-opt{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);cursor:pointer;text-align:center;background:0 0;flex:1;padding:.35rem .5rem;font-size:.8rem;font-weight:500;transition:all .15s}.toggle-opt:hover{border-color:var(--pico-muted-color)}.toggle-opt.active.on{background:var(--success);border-color:var(--success);color:#fff}.toggle-opt.active.off{background:var(--pico-secondary-background);border-color:var(--pico-secondary-background)}.meter-control{align-items:center;gap:.75rem;display:flex}.meter-control input[type=range]{flex:1}.meter-value{color:var(--primary);text-align:right;min-width:2.5rem;font-family:ui-monospace,monospace;font-size:1.1rem;font-weight:700}.meter-bar{background:var(--pico-secondary-background);border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.meter-bar-fill{height:100%;transition:width .2s,background .2s}.stepper{align-items:center;gap:.5rem;display:flex}.stepper button{width:2.5rem;margin:0;padding:.5rem}.stepper input{text-align:center;flex:1;margin:0}.upload-zone{border:2px dashed var(--pico-muted-border-color);border-radius:var(--pico-border-radius);text-align:center;cursor:pointer;margin:2rem 0;padding:3rem 2rem;transition:all .2s}.upload-zone:hover{border-color:var(--primary);background:var(--pico-card-background-color)}.toast-container{z-index:1000;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border-radius:var(--pico-border-radius);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);cursor:pointer;padding:.75rem 1rem;animation:.3s toast-in;box-shadow:0 4px 12px #00000026}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.info{border-left:4px solid var(--primary)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.spinner{border:3px solid var(--pico-muted-border-color);border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-bar{color:var(--pico-muted-color);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.8rem;display:flex}.stat-item{align-items:center;gap:.25rem;display:flex}.stat-item strong{color:var(--pico-color)}.empty-state{text-align:center;color:var(--pico-muted-color);padding:3rem 1rem}.wiki-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.wiki-card{text-align:center;border-radius:var(--pico-border-radius);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);color:var(--pico-color);flex-direction:column;align-items:center;padding:1rem;text-decoration:none;transition:all .15s;display:flex}.wiki-card:hover{border-color:var(--primary);transform:translateY(-2px)}.wiki-card .icon{margin-bottom:.5rem;font-size:1.75rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.character-card{text-align:center;border-radius:var(--pico-border-radius);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);color:var(--pico-color);flex-direction:column;align-items:center;padding:1.25rem 1rem;text-decoration:none;transition:all .2s;display:flex}.character-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.character-card .icon{margin-bottom:.5rem;font-size:2.5rem}.character-card .name{font-size:1rem;font-weight:600}.character-card .progress{color:var(--pico-muted-color);margin-top:.5rem;font-size:.75rem}.character-card .progress-bar{background:var(--pico-secondary-background);border-radius:2px;width:100%;height:4px;margin-top:.25rem;overflow:hidden}.character-card .progress-bar-fill{background:var(--primary);height:100%;transition:width .3s}.back-btn{border-radius:var(--pico-border-radius);color:var(--pico-color);justify-content:center;align-items:center;padding:.5rem;text-decoration:none;transition:background .15s;display:flex}.back-btn:hover{background:var(--pico-secondary-background)}.storyline-list{flex-direction:column;gap:1rem;display:flex}.storyline-card{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);overflow:hidden}.storyline-header{cursor:pointer;text-align:left;width:100%;color:var(--pico-color);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem;transition:background .15s;display:flex}.storyline-header:hover{background:var(--pico-secondary-background)}.storyline-info{align-items:center;gap:.75rem;display:flex}.storyline-icon{font-size:1.5rem}.storyline-info h2{margin:0;font-size:1rem;font-weight:600}.storyline-progress{color:var(--pico-muted-color);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.storyline-stages{border-top:1px solid var(--pico-muted-border-color);padding:0 1rem 1rem}.stage-card{background:var(--pico-secondary-background);border-radius:var(--pico-border-radius);margin-top:.75rem;padding:.75rem}.stage-card.locked{opacity:.7}.stage-header{cursor:pointer;width:100%;color:var(--pico-color);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.stage-info{align-items:center;gap:.5rem;font-weight:500;display:flex}.stage-variables{border-top:1px solid var(--pico-muted-border-color);margin-top:.75rem;padding-top:.75rem}.var-mini{background:var(--pico-card-background-color);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.35rem;padding:.35rem .5rem;font-size:.8rem;display:flex}.var-mini-name{font-weight:500}.var-mini-value{color:var(--primary);font-family:ui-monospace,monospace}