/* Catalogue scroll is independent of the presentation player. */
html{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}body.catalog-page{height:auto;overflow:visible;min-height:100dvh}.catalog-page .shell{min-height:100dvh}.catalog-page .sidebar{background:linear-gradient(165deg,#162c42,#1c2745 55%,#30234b)}.catalog-page .content{max-width:1600px}.catalog-page .masthead{position:relative}.kka-hero{background:radial-gradient(ellipse at 90% 10%,#b7aaff60,transparent 50%),linear-gradient(135deg,#174552,#233a6c 70%,#604e94);min-height:290px}.kka-hero h2{font-size:42px}.kka-hero p{font-size:14px;max-width:390px}.kka-hero .hero-art{width:100%;margin:0;padding:14px 20px;filter:drop-shadow(0 20px 20px #07152b38)}.subject-card{position:relative}.subject-card .card-bottom:after{content:'';position:absolute;inset:0}.subject-card:focus-within{outline:3px solid #7e6ae8;outline-offset:3px}.subject-cover{aspect-ratio:16/10}.subject-details h3{font-size:17px;line-height:1.35}.subject-details p{font-size:12px;line-height:1.65}.subject-details .subject-area{font-size:10px;letter-spacing:.04em}.subject-card[data-group='kka-0'] .subject-area{color:#236e92}.subject-card[data-group='kka-1'] .subject-area{color:#a45967}.subject-card[data-group='kka-2'] .subject-area{color:#6554a1}.subject-card[data-group='kka-3'] .subject-area{color:#258273}.subject-card[data-group='kka-4'] .subject-area{color:#99713b}.subject-card[data-group='kka-5'] .subject-area{color:#5468a6}.kka-filters{gap:7px}.kka-filters .filter{max-width:220px;text-align:left;line-height:1.3;min-height:38px}.theme-toggle{white-space:nowrap}html[data-theme='light'] .catalog-page{background:radial-gradient(circle at 95% 3%,#e4dcff,transparent 22%),radial-gradient(circle at 20% 55%,#e1f5f0,transparent 25%),#f7f8fc}html[data-theme='dark'] .subject-card .subject-area{color:#c0badf}html[data-theme='dark'] .catalog-page{background:radial-gradient(circle at 90% 1%,#293956,transparent 22%),#0d1729}html[data-theme='dark'] .empty{background:#142136}html[data-theme='dark'] .auth-form,html[data-theme='dark'] .auth-page{background:#101b30}html[data-theme='dark'] .stack input,html[data-theme='dark'] .password-box input{background:#18243b;color:#eef6ff;border-color:#374562}html[data-theme='dark'] .auth-form .guest-link{color:#b8ccff}html[data-theme='dark'] .auth-story{background:linear-gradient(130deg,#152e40,#302b57)}.auth-story img{object-fit:contain}.auth-story h1{font-size:39px}.auth-story p{color:#cedcea}.auth-header-actions{display:flex;gap:14px;align-items:center}
@media(max-width:700px){.catalog-page .sidebar{padding:16px}.catalog-page .side-nav{flex-wrap:wrap}.catalog-page .content{padding:22px 16px}.catalog-page .masthead{padding:0 16px}.catalog-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kka-hero h2{font-size:30px}.kka-hero .hero-copy{max-width:78%;padding:26px 0 30px 23px}.kka-hero .hero-art{width:235px;opacity:.36;right:-70px;bottom:0;padding:0}.kka-hero p{font-size:12px}.subject-details h3{font-size:14px}.subject-details p{font-size:11px}.kka-filters .filter{max-width:172px;font-size:10px}.auth-story h1{font-size:31px}.search{max-width:145px}.catalog-toolbar h2{font-size:18px}.auth-header-actions small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.subject-card{transition:none}}