.canon-app-wrapper{margin-bottom:2.5rem}.filter-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:14px;margin-bottom:2rem;padding:1.25rem}.search-row{gap:.75rem;margin-bottom:1rem;display:flex}.search-box{flex:1;position:relative}.search-box input{background:var(--bg-canvas);border:1px solid var(--border-subtle);width:100%;height:48px;color:var(--text-primary);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:10px;padding:0 1rem 0 2.75rem;font-size:.95rem}.search-box input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px hsl(var(--accent-blue-raw) / .15)}.search-icon{color:var(--text-muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.epoch-select{background:var(--bg-canvas);border:1px solid var(--border-subtle);height:48px;color:var(--text-primary);cursor:pointer;border-radius:10px;min-width:180px;padding:0 1rem;font-size:.9rem}.pill-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);min-height:40px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease, transform .1s var(--ease-spring);border-radius:20px;align-items:center;gap:.4rem;padding:0 1.1rem;font-size:.85rem;font-weight:600;display:flex}.pill:hover{background:var(--border-subtle);color:var(--text-primary);transform:translateY(-1px)}.pill:active{transform:scale(.96)}.pill.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;font-weight:700}.pill-star.active{background:var(--accent-gold);border-color:var(--accent-gold);color:#fff}.stage-grid{grid-template-columns:1fr 340px;gap:2rem;display:grid}.books-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;min-height:450px;display:grid}.book-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:transform var(--duration-fast) var(--ease-spring), border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.book-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.card-header-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.card-book-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.2rem;font-size:1.25rem;font-weight:700;line-height:1.25}.card-book-link{color:inherit;transition:color var(--duration-fast) ease;text-decoration:none}.card-book-link:hover{color:var(--accent-blue);text-decoration:underline}.btn-link-action{text-align:center;text-decoration:none}.card-author{color:var(--accent-blue);margin-bottom:.75rem;font-size:.925rem;font-weight:600}.card-motifs-text{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}.card-motifs-text strong{color:var(--text-primary)}.card-actions-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.75rem;display:flex}.btn-card-action{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);min-height:38px;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) cubic-bezier(.16, 1, .3, 1);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.8rem;font-weight:600;display:flex}.btn-card-action:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-card-action.in-basket{background:var(--state-success-bg);color:var(--state-success);border-color:var(--state-success)}.badge-fragment{background:hsl(var(--accent-blue-raw) / .12);color:var(--accent-blue);border:1px solid hsl(var(--accent-blue-raw) / .3)}.companion-sidebar{flex-direction:column;gap:1.5rem;height:fit-content;display:flex;position:sticky;top:5.5rem}.side-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:12px;padding:1.25rem}.card-warning{border-left:4px solid var(--state-danger)}.side-card-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.title-danger{color:var(--state-danger)}.side-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.countdown-display{font-family:var(--font-heading);color:var(--accent-gold);font-variant-numeric:tabular-nums;margin:.5rem 0;font-size:2.2rem;font-weight:800;line-height:1}.countdown-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.study-basket-list{color:var(--text-secondary);min-height:60px;max-height:220px;margin-bottom:1rem;font-size:.875rem;list-style:none;overflow-y:auto}.study-basket-list li{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.basket-empty{font-style:italic;color:var(--text-muted)!important;border-bottom:none!important;padding:.75rem 0!important}.remove-basket-btn{color:var(--state-danger);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.2rem;line-height:1}.btn-print{background:var(--accent-gold);color:#fff;cursor:pointer;width:100%;min-height:46px;box-shadow:0 2px 8px 0 hsl(var(--accent-gold-raw) / .3);transition:background-color var(--duration-fast) ease;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}.btn-print:hover{background:var(--accent-gold-hover)}.modal-overlay{backdrop-filter:blur(6px);z-index:200;background:#0f172abf;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:720px;max-height:88vh;padding:1.75rem;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.modal-title{font-size:1.35rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);margin:0}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.modal-plot-timeline{flex-direction:column;gap:.55rem;margin:.75rem 0 1.25rem;display:flex}.modal-plot-step{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.65rem .85rem;font-size:.875rem;line-height:1.5;display:flex}.step-num{background:var(--accent-gold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;margin-top:2px;font-size:.75rem;font-weight:700;display:inline-flex}.step-desc{color:var(--text-secondary)}.modal-chars-grid{grid-template-columns:1fr;gap:.75rem;margin:.75rem 0 1.25rem;display:grid}.modal-char-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:.85rem}.char-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.char-name{font-family:var(--font-heading);color:var(--text-primary);font-size:.95rem}.char-role{background:hsl(var(--accent-blue-raw) / .12);color:var(--accent-blue);border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.char-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;line-height:1.5}.char-relations{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.relation-tag{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;line-height:1.3}.rel-love{color:#f43f5e;background:#e2367026;border:1px solid #e236704d}.rel-ally{color:#10b981;background:#1fad6626;border:1px solid #1fad664d}.rel-conflict{color:#ef4444;background:#e2363626;border:1px solid #e236364d}.rel-mentor{color:#3b82f6;background:#428bf026;border:1px solid #428bf04d}.rel-family{color:#f59e0b;background:#ee9d2b26;border:1px solid #ee9d2b4d}.rel-foil{color:#a855f7;background:#af57db26;border:1px solid #af57db4d}.cardinal-modal-box{background:hsl(var(--state-danger-raw) / .08);border:1px solid hsl(var(--state-danger-raw) / .25);border-radius:8px;margin:1rem 0;padding:.85rem}.cardinal-modal-title{color:var(--state-danger);align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.85rem;font-weight:700;display:flex}.cardinal-modal-list{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.825rem;line-height:1.45}@media (width<=960px){.stage-grid{grid-template-columns:1fr}.search-row{flex-direction:column}.epoch-select{width:100%}}.hero-scene[data-astro-cid-lcdefpme]{padding-bottom:2rem}.editorial-prose[data-astro-cid-lcdefpme]{margin-top:3rem}.editorial-prose[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{font-size:var(--text-h2);margin-top:2.5rem;margin-bottom:.75rem}.internal-link-list[data-astro-cid-lcdefpme]{flex-direction:column;gap:.75rem;margin:1.5rem 0 2rem 1.5rem;font-size:.95rem;display:flex}.internal-link-list[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]{color:var(--text-secondary)}