@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;700;800&family=IBM+Plex+Mono:wght@500&display=swap";:root{--font-main:"Bricolage Grotesque", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-m:16px;--radius-l:24px;--shadow-soft:0 12px 30px #0d1c2c1f}:root[data-theme=sunrise]{--bg-1:#f3efe7;--bg-2:#e8dfcf;--ink-1:#1f2e37;--ink-2:#44535c;--accent:#c2410c;--accent-2:#1676aa;--card:#ffffffb8;--stroke:#25343d1f;--chip:#fff4eb}:root[data-theme=abyss]{--bg-1:#101b2d;--bg-2:#1f2b44;--ink-1:#eff3f8;--ink-2:#b4c0cf;--accent:#f59e0b;--accent-2:#67e8f9;--card:#161f2eb8;--stroke:#b3d1ec2b;--chip:#1f314acc}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-main);color:var(--ink-1);background:radial-gradient(circle at 15% 10%, var(--bg-2), var(--bg-1) 45%) fixed}a{color:inherit}.app-shell{flex-direction:column;gap:1rem;min-height:100vh;padding:1.2rem;display:flex;position:relative;overflow:hidden}.ambient-shape{filter:blur(72px);pointer-events:none;z-index:0;border-radius:999px;animation:11s ease-in-out infinite alternate ambient-drift;position:fixed}.ambient-shape-left{background:color-mix(in oklab, var(--accent) 28%, transparent);width:280px;height:280px;top:-60px;left:-70px}.ambient-shape-right{background:color-mix(in oklab, var(--accent-2) 22%, transparent);width:360px;height:360px;animation-delay:1.5s;bottom:-140px;right:-140px}.glass-card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius-l);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);z-index:1;transition:border-color .22s,box-shadow .22s,transform .22s;position:relative}.glass-card:hover{box-shadow:0 18px 40px #0d1c2c29}.site-header{grid-template-columns:1fr auto auto;align-items:center;gap:.9rem;padding:1rem 1.2rem;animation:.42s reveal-down;display:grid}.brand-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:.78rem}.brand-title{letter-spacing:.01em;text-wrap:balance;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1}.main-nav{flex-wrap:wrap;gap:.45rem;display:flex}.main-nav-link{color:var(--ink-2);border:1px solid #0000;border-radius:999px;padding:.5rem .8rem;text-decoration:none;transition:all .18s;position:relative}.main-nav-link:hover{border-color:var(--stroke);color:var(--ink-1);transform:translateY(-1px)}.main-nav-link-active{background:color-mix(in oklab, var(--accent) 13%, transparent);color:var(--ink-1);border-color:color-mix(in oklab, var(--accent) 27%, transparent)}.main-nav-link-active:after{content:"";background:color-mix(in oklab, var(--accent) 78%, #fff);border-radius:999px;height:2px;position:absolute;bottom:.18rem;left:.9rem;right:.9rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.ui-toggle{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;transition:transform .17s,border-color .17s,background .17s;display:inline-flex}.ui-toggle:hover{border-color:color-mix(in oklab, var(--accent) 38%, var(--stroke));transform:translateY(-1px)rotate(-8deg)}.ui-toggle-active{border-color:color-mix(in oklab, var(--accent) 48%, transparent)}.ui-toggle-icon{font-size:1.06rem;line-height:1}.auth-button,.user-chip{border:1px solid var(--stroke);font-family:var(--font-mono);border-radius:999px;padding:.44rem .76rem;font-size:.74rem}.auth-button{cursor:pointer;background:color-mix(in oklab, var(--accent) 15%, transparent);color:var(--ink-1);transition:transform .17s,border-color .17s,box-shadow .17s,filter .17s}.auth-button:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 55%, var(--stroke));transform:translateY(-1px);box-shadow:0 10px 22px #0d1c2c24}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-content{align-items:center;gap:.45rem;display:inline-flex}.auth-button-google{background:color-mix(in oklab, var(--card) 76%, #fff)}.google-logo{flex:none;width:1rem;height:1rem}.user-chip{background:var(--chip);color:var(--ink-2)}.user-chip-button{cursor:pointer}.user-chip-button:hover:not(:disabled){border-color:color-mix(in oklab, var(--accent) 40%, var(--stroke));transform:translateY(-1px)}.user-chip-button:disabled{cursor:not-allowed;opacity:.65}.site-main{flex:1;animation:.5s reveal-up;display:flex}.catalog-page,.about-page,.not-found-page{flex-direction:column;gap:.9rem;width:min(1280px,100%);margin:0 auto;display:flex}.hero-panel{justify-content:space-between;align-items:start;gap:1rem;padding:1.2rem;display:flex}.hero-panel h2{margin:0 0 .45rem;font-size:clamp(1.25rem,3.4vw,2rem)}.hero-panel p{color:var(--ink-2);margin:0;line-height:1.45}.hero-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem}.hero-quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.hero-link,.hero-link-btn{border:1px solid var(--stroke);background:color-mix(in oklab, var(--accent-2) 10%, transparent);font-family:var(--font-mono);cursor:pointer;color:var(--ink-1);border-radius:999px;padding:.52rem .8rem;font-size:.78rem;text-decoration:none}.release-strip{opacity:.8;border-style:dashed;padding:.45rem .72rem}.release-strip>p{font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.68rem}.release-list{gap:.26rem;padding-bottom:.12rem;display:flex;overflow-x:auto}.release-list button{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);opacity:.78;cursor:pointer;border-radius:999px;flex:none;padding:.22rem .48rem;font-size:.74rem}.controls-panel{flex-direction:column;gap:.8rem;padding:1rem;display:flex}.controls-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.controls-row-search{align-items:stretch}.search-input-wrap{border:1px solid color-mix(in oklab, var(--accent) 35%, var(--stroke));background:color-mix(in oklab, white 78%, var(--chip));border-radius:999px;flex:420px;align-items:center;gap:.55rem;min-width:min(100%,250px);padding:.14rem .2rem .14rem .75rem;transition:box-shadow .16s,border-color .16s,transform .16s;display:flex;box-shadow:0 7px 22px #11223421}.search-input-wrap:focus-within{border-color:color-mix(in oklab, var(--accent) 58%, var(--stroke));box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent), 0 10px 24px #11223429;transform:translateY(-1px)}.search-input-icon{color:color-mix(in oklab, var(--accent) 65%, var(--ink-2));opacity:.92;flex:none}.search-input{color:#1a2833;min-width:0;font:inherit;background:0 0;border:0;border-radius:999px;flex:auto;padding:.62rem .84rem .62rem 0}.search-input:focus{outline:none}:root[data-theme=abyss] .search-input{color:#eff3f8}:root[data-theme=abyss] .search-input-wrap{background:color-mix(in oklab, #0f1a2b 88%, var(--chip));box-shadow:0 9px 24px #02071180}.sort-button{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);cursor:pointer;border-radius:999px;padding:.64rem .72rem}.sort-button:hover{border-color:color-mix(in oklab, var(--accent) 42%, var(--stroke));background:color-mix(in oklab, var(--accent) 12%, var(--chip))}.icon-button{justify-content:center;align-items:center;width:2.05rem;min-width:2.05rem;height:2.05rem;padding:0;font-size:.98rem;line-height:1;display:inline-flex}.scope-select-wrap{color:var(--ink-2);flex:260px;justify-content:flex-end;align-items:center;gap:.45rem;min-width:0;margin-left:auto;font-size:.9rem;display:flex}.scope-select-wrap label{white-space:nowrap;font-size:.86rem}.scope-select-container{width:clamp(11rem,32vw,20rem);min-width:0;max-width:100%}.scope-select{border:1px solid var(--stroke);background:var(--chip);width:100%;min-width:0;max-width:100%;color:var(--ink-1);text-overflow:ellipsis;border-radius:999px;padding:.5rem .82rem}.filter-chip{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);cursor:pointer;border-radius:999px;padding:.43rem .78rem;transition:all .15s}.filter-chip-active{background:color-mix(in oklab, var(--accent) 18%, transparent);border-color:color-mix(in oklab, var(--accent) 36%, transparent)}.result-label{font-family:var(--font-mono);color:var(--ink-2);margin:0}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:1fr;gap:.8rem;display:grid}.catalog-grid-item{opacity:0;height:auto;animation:.42s forwards card-in;transform:translateY(10px)scale(.98)}@keyframes card-in{to{opacity:1;transform:translateY(0)scale(1)}}.catalog-card{perspective:1200px;height:320px;transition:transform .26s cubic-bezier(.2,.72,.24,1);position:relative;overflow:visible}.catalog-card-clickable{cursor:pointer}.catalog-card-clickable:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 58%, transparent);outline-offset:2px}.catalog-card:hover{transform:translateY(-6px)scale(1.01)}.catalog-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.24,.76,.2,1);position:relative}.catalog-card.flipped .catalog-card-inner{transform:rotateY(180deg)}.catalog-card-front,.catalog-card-back{backface-visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0}.catalog-card-front{isolation:isolate;justify-content:flex-end;padding:.75rem;overflow:hidden;transform:rotateY(0)}.catalog-card-front.glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.catalog-card-front:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#070c14bd 0%,#070c1438 36%,#070c14d1 72%,#070c14f0 100%);position:absolute;inset:0}.catalog-card-front:after{content:"";mix-blend-mode:screen;opacity:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff52,#fff0);width:34%;height:140%;transition:transform .64s cubic-bezier(.17,.67,.3,1),opacity .22s;position:absolute;top:-20%;left:-38%;transform:translate(-120%)skew(-16deg)}.catalog-card-back{padding:.82rem;overflow:hidden auto;transform:rotateY(180deg)}.catalog-card.flipped .catalog-card-front,.catalog-card:not(.flipped) .catalog-card-back{pointer-events:none}.catalog-card-media{z-index:0;position:absolute;inset:0}.catalog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .52s cubic-bezier(.2,.72,.24,1),filter .36s;transform:scale(1)}.catalog-card:hover .catalog-card-media img{filter:saturate(1.08)contrast(1.05);transform:scale(1.055)}.catalog-card:hover .catalog-card-front:after{opacity:.52;transform:translate(215%)skew(-16deg)}.catalog-card:hover .catalog-card-front{border-color:color-mix(in oklab, var(--accent) 34%, var(--stroke));box-shadow:0 16px 34px #0a162457}.catalog-card-top-row{z-index:3;justify-content:space-between;align-items:flex-start;gap:.45rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.card-id{font-family:var(--font-mono);letter-spacing:.01em;color:#f8f8f8;background:#0000009e;border-radius:999px;margin:0;padding:.3rem .62rem;font-size:.95rem;font-weight:700;position:relative}.card-rating-widget-wrapper{z-index:3;position:relative}.flip-btn-front,.flip-btn-back{color:#f8f8f8;cursor:pointer;background:#00000094;border:1px solid #ffffff29}.flip-btn-front{z-index:3;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .56rem;font-size:.76rem;font-weight:600;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.flip-btn-front span{line-height:1}.flip-btn-back{border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.flip-btn-front:hover,.flip-btn-back:hover{background:#000c}.star-rating-widget{color:#f8f8f8;font-family:var(--font-mono);cursor:pointer;background:#0000009e;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.3rem;padding:.32rem .64rem;font-size:1.04rem;font-weight:700;transition:all .15s;display:flex}.star-rating-widget:hover{background:#000000d9;box-shadow:0 4px 12px #0000004d}.star-rating-widget.inline{border-radius:999px;padding:.26rem .54rem;font-size:.94rem}.star-rating-widget.expanded{border-radius:8px;padding:.4rem .64rem}.current-rating-badge{align-items:center;gap:.3rem;display:flex}.star-icon-yellow{color:#ffc107;stroke:#ffc107}.rating-value{line-height:1}.star-selector-row{align-items:center;gap:.15rem;display:flex}.star-btn{cursor:pointer;color:var(--ink-3);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0 .1rem;transition:transform .15s,color .15s;display:flex}.star-btn:hover,.star-btn.active{color:#ffc107;transform:scale(1.15)}.star-btn .star-icon{stroke-width:2.5px}.star-btn:hover .star-icon,.star-btn.active .star-icon{fill:#ffc107;stroke:#ffc107}@keyframes spinner{to{transform:rotate(360deg)}}.saving-spinner{border:2px solid #ffc1074d;border-top-color:#ffc107;border-radius:50%;width:14px;height:14px;margin-left:.4rem;animation:.6s linear infinite spinner;display:inline-block}.viewer-rating-container{align-items:center;margin-left:1rem;display:inline-flex}.catalog-card-body{z-index:2;border-radius:calc(var(--radius-m) - 2px);background:linear-gradient(#070c1414 0%,#070c148a 26%,#070c14db 100%);flex-direction:column;gap:.5rem;margin-top:auto;padding:.82rem;transition:transform .26s,background .26s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.catalog-card:hover .catalog-card-body{background:linear-gradient(#070c140a 0%,#070c147a 24%,#070c14d6 100%);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.catalog-card,.catalog-card-media img,.catalog-card-body,.catalog-card-front:after{transition:none}.catalog-card:hover{transform:none}.catalog-card:hover .catalog-card-media img,.catalog-card:hover .catalog-card-front:after,.catalog-card:hover .catalog-card-body{filter:none;opacity:0;transform:none}}.catalog-card-body h3{color:#f6f8ff;text-shadow:0 2px 12px #0000006b;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;line-height:1.3;display:-webkit-box;overflow:hidden}.card-meta{color:#eef2ffd9;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.35;display:-webkit-box;overflow:hidden}.card-description{color:#eef2ffe0;line-clamp:4;-webkit-line-clamp:4;text-shadow:0 1px 10px #0000005c;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card-characters-empty{color:var(--ink-2);margin:0;font-size:.78rem}.card-actions{flex-direction:column;gap:.4rem;margin-top:auto;display:flex}.catalog-card-front .external-links a{color:#f6f8ff;background:#0006;border-color:#ffffff57}.catalog-card-front .external-links a:hover{background:#0000009e}.back-header{justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.4rem;display:flex}.back-header h4{margin:0;font-size:.96rem}.back-content{flex-direction:column;gap:.58rem;height:100%;display:flex}.back-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:.74rem}.back-content h5{margin:0;font-size:1.04rem;line-height:1.3}.back-infos{color:var(--ink-2);flex-direction:column;gap:.38rem;font-size:.88rem;display:flex}.back-infos p{margin:0}.arc-desc{font-style:italic}.saga-block{border:1px solid var(--stroke);background:color-mix(in oklab, var(--card) 82%, transparent);border-radius:12px;padding:.46rem .55rem}.missing-info{color:var(--ink-2)}.back-characters{border:1px dashed color-mix(in oklab, var(--accent) 24%, var(--stroke));background:color-mix(in oklab, var(--card) 82%, transparent);border-radius:12px;padding:.5rem}.back-characters-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);margin:0 0 .4rem;font-size:.68rem}.back-characters-list{flex-wrap:wrap;gap:.34rem;max-height:clamp(84px,18vh,132px);margin:0;padding:0 .2rem 0 0;list-style:none;display:flex;overflow:auto}.back-character-chip{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);border-radius:999px;padding:.2rem .5rem;font-size:.74rem;line-height:1.2}.open-viewer-back{border:1px solid color-mix(in oklab, var(--accent) 35%, var(--stroke));background:color-mix(in oklab, var(--accent) 12%, transparent);width:fit-content;color:var(--ink-1);cursor:pointer;border-radius:999px;margin-top:auto;padding:.42rem .75rem}.external-links{flex-wrap:wrap;gap:.45rem;display:flex}.external-links a{border:1px solid var(--stroke);border-radius:999px;padding:.33rem .62rem;font-size:.77rem;text-decoration:none}.async-state{text-align:center;color:var(--ink-2);padding:1.3rem}.async-state h3{color:var(--ink-1);margin:0 0 .5rem}.loader-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;margin:0 auto .5rem;animation:.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.7)}}.viewer-backdrop{overscroll-behavior:contain;z-index:30;background:#060b12a3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.viewer-modal{flex-direction:column;gap:.7rem;width:min(1160px,100%);max-height:min(92vh,980px);padding:.85rem;display:flex;overflow-y:auto}.viewer-header,.viewer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.viewer-header p{font-family:var(--font-mono);margin:0}.viewer-provider{gap:.4rem;display:flex}.viewer-provider button,.close-button,.viewer-nav button,.viewer-links a{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);cursor:pointer;border-radius:999px;padding:.42rem .7rem;text-decoration:none}.provider-active{border-color:color-mix(in oklab, var(--accent-2) 50%, transparent);background:color-mix(in oklab, var(--accent-2) 20%, transparent)}.viewer-frame-wrap{flex:none;height:clamp(220px,46vh,560px);min-height:220px}.viewer-frame{border:1px solid var(--stroke);border-radius:var(--radius-m);background:#fff;width:100%;height:100%}.feedback-panel{border-radius:var(--radius-m);border:1px dashed color-mix(in oklab, var(--accent-2) 30%, var(--stroke));padding:.75rem}.feedback-header h3{margin:0;font-size:1rem}.feedback-header p{color:var(--ink-2);margin:.35rem 0 0;font-size:.84rem}.feedback-grid{grid-template-columns:1fr 1.6fr;gap:.7rem;margin-top:.75rem;display:grid}.feedback-block{border:1px solid var(--stroke);background:color-mix(in oklab, var(--card) 80%, transparent);border-radius:14px;padding:.65rem}.feedback-block h4{margin:0 0 .45rem;font-size:.92rem}.feedback-subtle{color:var(--ink-2);margin:0;font-size:.82rem}.feedback-form{flex-direction:column;gap:.35rem;margin-top:.6rem;display:flex}.feedback-form label{color:var(--ink-2);font-size:.78rem}.feedback-form input,.feedback-form select,.feedback-form textarea{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);font:inherit;border-radius:10px;padding:.45rem .6rem}.feedback-form button{border:1px solid color-mix(in oklab, var(--accent) 35%, var(--stroke));background:color-mix(in oklab, var(--accent) 12%, transparent);width:fit-content;color:var(--ink-1);cursor:pointer;border-radius:999px;padding:.38rem .72rem}.feedback-form button:disabled{opacity:.6;cursor:not-allowed}.feedback-comments{flex-direction:column;gap:.4rem;max-height:170px;margin-top:.65rem;display:flex;overflow:auto}.feedback-comment-item{border:1px solid var(--stroke);background:var(--chip);border-radius:10px;padding:.4rem .5rem}.feedback-comment-item div{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.feedback-comment-item strong{font-size:.8rem}.feedback-comment-item span{color:var(--ink-2);font-size:.7rem}.feedback-comment-item p{color:var(--ink-1);margin:.26rem 0 0;font-size:.82rem}.feedback-error{color:#c92a2a;margin:0;font-size:.82rem}.auth-required-backdrop{z-index:40;background:#070c13ad;place-items:center;padding:1rem;animation:.18s fade-in;display:grid;position:fixed;inset:0}.auth-required-modal{border-radius:var(--radius-m);flex-direction:column;gap:.7rem;width:min(420px,100%);padding:1rem;animation:.26s modal-pop;display:flex}.auth-required-modal h4{margin:0}.auth-required-modal p{color:var(--ink-2);margin:0;line-height:1.45}.auth-required-actions{flex-wrap:wrap;gap:.5rem;display:flex}.auth-required-actions button{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);cursor:pointer;border-radius:999px;padding:.45rem .76rem}.auth-required-actions button:first-child{background:color-mix(in oklab, var(--accent) 18%, transparent)}.viewer-nav,.viewer-links{flex-wrap:wrap;gap:.45rem;display:flex}.site-footer{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:.8rem;padding:.9rem 1.1rem;animation:.6s reveal-up;display:flex}.site-footer p{margin:0;font-size:.85rem}@keyframes reveal-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ambient-drift{0%{transform:translate(0,0)}to{transform:translate(10px,-8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.about-page,.not-found-page{padding:1.2rem}.admin-page{flex-direction:column;gap:.9rem;width:min(1280px,100%);margin:0 auto;display:flex}.admin-panel{padding:1.2rem}.admin-panel h2,.admin-panel h3{margin:0 0 .55rem}.admin-panel p{color:var(--ink-2);margin:0 0 .55rem}.admin-subtle{font-family:var(--font-mono);font-size:.8rem}.admin-grid{grid-template-columns:1fr 1.3fr;gap:.9rem;display:grid}.admin-form{flex-direction:column;gap:.5rem;display:flex}.admin-form label{color:var(--ink-2);flex-direction:column;gap:.26rem;font-size:.9rem;display:flex}.admin-form input[type=number]{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);font:inherit;border-radius:10px;padding:.46rem .6rem}.admin-check{align-items:center;flex-direction:row!important;gap:.45rem!important}.admin-check input[type=checkbox]{width:1rem;height:1rem}.admin-search-label{color:var(--ink-2);margin:.3rem 0 .35rem;font-size:.86rem;display:block}.admin-search-input{border:1px solid var(--stroke);background:var(--chip);width:100%;color:var(--ink-1);font:inherit;border-radius:10px;padding:.5rem .62rem}.admin-list{flex-direction:column;gap:.55rem;margin-top:.75rem;display:flex}.admin-list-item{border:1px solid var(--stroke);background:color-mix(in oklab, var(--card) 88%, transparent);border-radius:12px;justify-content:space-between;gap:.65rem;padding:.62rem;display:flex}.admin-item-title{color:var(--ink-1);margin:0 0 .18rem;font-weight:600}.admin-item-meta{color:var(--ink-2);margin:0 0 .22rem;font-size:.82rem}.admin-actions-inline{flex-wrap:wrap;gap:.5rem;display:flex}.admin-actions-inline button,.admin-actions-inline a{border:1px solid var(--stroke);background:var(--chip);color:var(--ink-1);cursor:pointer;border-radius:999px;padding:.42rem .72rem;text-decoration:none}.admin-actions-inline button:first-child{background:color-mix(in oklab, var(--accent) 18%, transparent)}.admin-actions-inline button:disabled{opacity:.6;cursor:not-allowed}.admin-error{color:#c92a2a}.admin-json{border:1px solid var(--stroke);background:color-mix(in oklab, var(--chip) 75%, transparent);font-family:var(--font-mono);color:var(--ink-1);border-radius:12px;margin:.6rem 0 0;padding:.72rem;font-size:.76rem;line-height:1.38;overflow:auto}.about-page{line-height:1.55}.about-page a{color:color-mix(in oklab, var(--accent-2) 75%, var(--ink-1))}.about-page h3{margin-top:.4rem}.kofi-cont{border:1px solid var(--stroke);background:color-mix(in oklab, var(--card) 82%, transparent);border-radius:14px;margin-top:.45rem;overflow:hidden}.kofi-frame{border:0;width:100%;min-height:520px;display:block}.about-page h2,.about-page h3,.not-found-page h2{margin:0 0 .5rem}.about-page p,.not-found-page p{color:var(--ink-2);margin:0 0 .8rem}.about-actions{flex-wrap:wrap;gap:.5rem;display:flex}.about-actions a,.not-found-page a{border:1px solid var(--stroke);border-radius:999px;padding:.4rem .75rem;text-decoration:none}@media (width<=1024px){.site-header{grid-template-columns:1fr}.hero-panel{flex-direction:column}.hero-quick-actions{justify-content:flex-start}}@media (width<=680px){.app-shell{padding:.7rem}.viewer-backdrop{place-items:start center;padding:.55rem}.viewer-modal{max-height:96vh;padding:.58rem}.viewer-frame-wrap{height:clamp(190px,36vh,360px)}.feedback-grid{grid-template-columns:1fr}.feedback-comments{max-height:130px}.kofi-frame{min-height:460px}.controls-row-search{gap:.5rem}.search-input-wrap{flex-basis:100%;min-width:0}.scope-select-wrap{flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;margin-left:0}.scope-select-wrap label{white-space:normal}.catalog-card{height:360px}.catalog-card-top-row{top:.58rem;left:.58rem;right:.58rem}.card-id,.star-rating-widget{font-size:.92rem}.flip-btn-front{padding:.26rem .5rem;font-size:.72rem;bottom:.58rem;right:.58rem}.back-characters-list{gap:.28rem}.back-character-chip{font-size:.7rem}.star-rating-widget.expanded{max-width:calc(100vw - 5.2rem);overflow-x:auto}.scope-select-container{width:100%}.admin-grid{grid-template-columns:1fr}.admin-list-item{flex-direction:column}}
