@import url('subject-scenes.css?v=1');
/* Final Paper & play refinement. Application behaviour remains in app.js. */
.subject-collection { display:none; }
[data-design="sparkles"] { --bg:#fcfbf8; --line:#e8e6df; }
[data-design="sparkles"] .topbar { background:#fffefa; }
[data-design="sparkles"] .sidebar { background:#fffefa; }
[data-design="sparkles"] main { padding-top:28px; }
[data-design="sparkles"] .breadcrumb { margin-bottom:18px; }
[data-design="sparkles"] .library-heading {
  background:#f3f1e9; border:1px solid #e5e2d8; border-radius:24px;
  padding:36px 330px 36px 34px; min-height:280px; overflow:hidden; isolation:isolate;
}
[data-design="sparkles"] .library-heading::before {
  content:''; position:absolute; width:260px; height:260px; right:20px; bottom:-30px;
  background:#e7ecdc; border-radius:48% 52% 43% 57%; z-index:-1; transform:rotate(-12deg);
}
[data-design="sparkles"] .library-heading::after {
  content:''; position:absolute; inset:0; pointer-events:none; z-index:-1;
  background-image:radial-gradient(#706e591c .7px,transparent .7px); background-size:9px 9px;
}
[data-design="sparkles"] .library-heading h1 { font-size:clamp(38px,4vw,57px); letter-spacing:-1.9px; margin:15px 0; }
[data-design="sparkles"] .library-heading h1 em { position:relative; white-space:nowrap; }
[data-design="sparkles"] .library-heading h1 em::after { content:''; display:block; height:5px; width:92%; background:#dbb561; border-radius:50%; transform:rotate(-2deg); margin-top:4px; }
[data-design="sparkles"] .library-heading .sparkles-art { right:12px; bottom:24px; width:305px; height:230px; }
[data-design="sparkles"] .eyebrow { font-size:10px; letter-spacing:2.2px; font-weight:600; }
[data-design="sparkles"] .primary { box-shadow:0 3px 0 #00000014; transition:transform .18s,background .18s,box-shadow .18s; }
[data-design="sparkles"] .primary:hover { transform:translateY(-2px); box-shadow:0 5px 0 #00000014; }
[data-design="sparkles"] .primary:active { transform:translateY(1px); box-shadow:none; }
[data-design="sparkles"] .subject-collection { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 35px; }
[data-design="sparkles"] .subject-tile { --tile:#eee8f4; display:flex; align-items:center; gap:12px; padding:17px 13px; border:1px solid var(--line); border-radius:15px; background:#fff; transition:transform .22s,border-color .22s,background .22s; min-width:0; }
[data-design="sparkles"] [data-subject="English"] { --tile:#e9ecf8; }
[data-design="sparkles"] [data-subject="Maths"],[data-design="sparkles"] [data-subject="Math"] { --tile:#faf0cf; }
[data-design="sparkles"] [data-subject="Science"] { --tile:#e5f0e5; }
[data-design="sparkles"] [data-subject="Art"] { --tile:#f7e6df; }
[data-design="sparkles"] .subject-tile-art { background:var(--tile); border-radius:13px; display:grid; place-items:center; width:47px; height:51px; flex-shrink:0; transform:rotate(-4deg); transition:transform .25s; }
[data-design="sparkles"] .subject-tile .subject-art { width:38px; height:38px; }
[data-design="sparkles"] .subject-tile strong { display:block; font-size:14px; font-weight:600; }
[data-design="sparkles"] .subject-tile small { display:block; color:var(--muted); font-size:10px; margin-top:5px; line-height:1.4; }
[data-design="sparkles"] .tile-arrow { margin-left:auto; color:#85857b; font-size:16px; }
[data-design="sparkles"] .subject-tile:hover { transform:translateY(-3px); background:var(--tile); border-color:#b4b2a6; }
[data-design="sparkles"] .subject-tile:hover .subject-tile-art { transform:rotate(5deg) scale(1.08); }
[data-design="sparkles"] .subject-link { margin:3px 0; transition:background .2s; }
[data-design="sparkles"] .subject-link.active { background:var(--tile); color:#18181b; }
[data-design="sparkles"] .sidebar-note { background:#e6edda; border:1px solid #d6dfc8; border-radius:17px; position:relative; }
[data-design="sparkles"] .sidebar-note p { font-size:18px; }
[data-design="sparkles"] .sidebar-note .tiny-leaf { display:inline-block; }
[data-design="sparkles"] .sidebar-note:hover .tiny-leaf { animation:sun-greeting .8s ease-in-out; }
[data-design="sparkles"] .resource-card { border-radius:17px; padding:26px; box-shadow:0 3px 0 #19191903; }
[data-design="sparkles"] .resource-card .subject-badge { background:var(--tile,#f4f4f5); padding:7px 11px; }
[data-design="sparkles"] .resource-card:hover { border-color:#acafa0; box-shadow:0 9px 25px #22221108; }
[data-design="sparkles"] .preferred-label { background:#edf2e5; border:1px solid #dfe7d3; border-radius:20px; padding:4px 9px; }
[data-design="sparkles"] .section-bar h2 { font-size:25px; }
[data-design="sparkles"] .panel { border-radius:17px; }
[data-design="sparkles"] .worksheet-stage { background:#eeeee7; }
[data-design="sparkles"] .empty-state { background:#fffefa; border:1px dashed #d5d4c9; border-radius:20px; margin-top:5px; }
[data-design="sparkles"] .empty-symbol { background:#edf0e2; transform:rotate(-5deg); border-radius:18px; }
@media(prefers-reduced-motion:no-preference) {
  [data-design="sparkles"] .library-heading { animation:paper-arrive .5s ease-out both; }
  [data-design="sparkles"] .subject-tile { animation:paper-arrive .45s ease-out both; }
  [data-design="sparkles"] .subject-tile:nth-child(2) { animation-delay:.06s; }
  [data-design="sparkles"] .subject-tile:nth-child(3) { animation-delay:.12s; }
  [data-design="sparkles"] .subject-tile:nth-child(4) { animation-delay:.18s; }
  [data-design="sparkles"] dialog[open] { animation:paper-arrive .2s ease-out; }
}
@keyframes paper-arrive { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes sun-greeting { 50% { transform:rotate(40deg); } }
@media(max-width:1200px) { [data-design="sparkles"] .subject-collection { grid-template-columns:repeat(2,minmax(0,1fr)); } [data-design="sparkles"] .library-heading { padding-right:240px; } [data-design="sparkles"] .library-heading .sparkles-art { width:230px; } [data-design="sparkles"] .library-heading::before { width:215px; height:235px; right:0; } }
@media(max-width:880px) { [data-design="sparkles"] .library-heading { padding:28px 26px 135px; } [data-design="sparkles"] .library-heading .sparkles-art { width:175px; height:135px; bottom:4px; right:14px; } [data-design="sparkles"] .library-heading::before { width:170px; height:150px; bottom:-30px; } }
@media(max-width:600px) { [data-design="sparkles"] .library-heading { border-radius:20px; padding:25px 22px 133px; } [data-design="sparkles"] .library-heading h1 { font-size:38px; letter-spacing:-1.4px; } [data-design="sparkles"] .subject-collection { gap:10px; } [data-design="sparkles"] .subject-tile { padding:13px 10px; gap:9px; } [data-design="sparkles"] .subject-tile-art { width:35px; height:42px; } [data-design="sparkles"] .subject-tile .subject-art { width:31px; height:31px; } [data-design="sparkles"] .tile-arrow { display:none; } [data-design="sparkles"] .subject-tile strong { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { [data-design="sparkles"] .subject-tile:hover,[data-design="sparkles"] .primary:hover,[data-design="sparkles"] .primary:active,[data-design="sparkles"] .subject-tile:hover .subject-tile-art { transform:none; } }
@media(max-width:600px) {
  [data-design="sparkles"] .sidebar nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
  [data-design="sparkles"] .subject-link { flex-direction:column; gap:3px; padding:8px 3px; font-size:12px; }
}
@media print { .subject-collection { display:none!important; } [data-design="sparkles"] .print-stage { background:none; } }