:root{--bg-primary:#0f0f0a;--bg-secondary:#1a1a15;--bg-tertiary:#121210;--bg-table-header:#1f1f1a;--text-primary:#d2cbc9;--text-heading:#fff;--text-secondary:#bbb;--text-muted:#999;--text-hint:#777;--text-faint:#444;--border-primary:#2f2f22;--border-input:#3f3f33;--border-hover:#555;--hover-bg:#ffffff08;--shadow-color:#0000004d;--input-text:#fff;--accent:#e5e5d1;--accent-end:#e5e5d1;--accent-gradient:#e5e5d1;--accent-light:#e5e5d122;--accent-light-end:#e5e5d122;--accent-border:#e5e5d155;--accent-shadow:#e5e5d140;--title-color:#fff;--highlight:#e5e5d1;--accent-text:#0f0f0a;--assoc-pill-bg:#2a2a3d;--assoc-pill-text:#fff}[data-theme=light]{--bg-primary:#f0f0f5;--bg-secondary:#fff;--bg-tertiary:#e8e8f0;--bg-table-header:#e0e0ea;--text-primary:#2d3436;--text-heading:#1a1a2e;--text-secondary:#444;--text-muted:#666;--text-hint:#888;--text-faint:#bbb;--border-primary:#d0d0dd;--border-input:#c0c0cc;--border-hover:#aaa;--hover-bg:#0000000a;--shadow-color:#0000001a;--input-text:#2d3436;--accent:#1a1a2e;--accent-end:#1a1a2e;--accent-gradient:#1a1a2e;--accent-light:#1a1a2e11;--accent-light-end:#1a1a2e11;--accent-border:#1a1a2e33;--accent-shadow:#1a1a2e26;--title-color:#1a1a2e;--highlight:#1a1a2e;--accent-text:#fff;--assoc-pill-bg:#1a1a2e;--assoc-pill-text:#fff}[data-activity-theme=website]{font-family:var(--ds-font-body);--bg-primary:var(--ds-paper);--bg-secondary:var(--ds-paper-card);--bg-tertiary:var(--ds-paper-2);--bg-table-header:var(--ds-paper-2);--text-primary:var(--ds-ink);--text-heading:var(--ds-ink);--text-secondary:var(--ds-ink-soft);--text-muted:var(--ds-ink-soft);--text-hint:var(--ds-ink-soft);--text-faint:color-mix(in srgb, var(--ds-ink-soft) 45%, transparent);--border-primary:var(--ds-hairline);--border-input:var(--ds-hairline);--border-hover:var(--ds-gold);--hover-bg:var(--ds-paper-2);--shadow-color:#1f2d281f;--input-text:var(--ds-ink);--accent:var(--ds-gold-deep);--accent-end:var(--ds-gold);--accent-gradient:var(--ds-gold);--accent-light:color-mix(in srgb, var(--ds-gold) 16%, transparent);--accent-light-end:color-mix(in srgb, var(--ds-gold) 16%, transparent);--accent-border:color-mix(in srgb, var(--ds-gold-deep) 35%, transparent);--accent-shadow:#efb23c40;--accent-text:var(--ds-gold-ink);--title-color:var(--ds-ink);--highlight:var(--ds-gold-deep);--assoc-pill-bg:var(--ds-board);--assoc-pill-text:var(--ds-chalk)}[data-activity-theme=classic]{--bg-primary:#0f0f0a;--bg-secondary:#1a1a15;--bg-tertiary:#121210;--bg-table-header:#1f1f1a;--text-primary:#d2cbc9;--text-heading:#fff;--text-secondary:#bbb;--text-muted:#999;--text-hint:#777;--text-faint:#444;--border-primary:#2f2f22;--border-input:#3f3f33;--border-hover:#555;--hover-bg:#ffffff08;--shadow-color:#0000004d;--input-text:#fff;--accent:#e5e5d1;--accent-end:#e5e5d1;--accent-gradient:#e5e5d1;--accent-light:#e5e5d122;--accent-light-end:#e5e5d122;--accent-border:#e5e5d155;--accent-shadow:#e5e5d140;--title-color:#fff;--highlight:#e5e5d1;--accent-text:#0f0f0a;--assoc-pill-bg:#2a2a3d;--assoc-pill-text:#fff}[data-activity-theme=classic-light]{--bg-primary:#f0f0f5;--bg-secondary:#fff;--bg-tertiary:#e8e8f0;--bg-table-header:#e0e0ea;--text-primary:#2d3436;--text-heading:#1a1a2e;--text-secondary:#444;--text-muted:#666;--text-hint:#888;--text-faint:#bbb;--border-primary:#d0d0dd;--border-input:#c0c0cc;--border-hover:#aaa;--hover-bg:#0000000a;--shadow-color:#0000001a;--input-text:#2d3436;--accent:#1a1a2e;--accent-end:#1a1a2e;--accent-gradient:#1a1a2e;--accent-light:#1a1a2e11;--accent-light-end:#1a1a2e11;--accent-border:#1a1a2e33;--accent-shadow:#1a1a2e26;--accent-text:#fff;--title-color:#1a1a2e;--highlight:#1a1a2e;--assoc-pill-bg:#1a1a2e;--assoc-pill-text:#fff}[data-activity-theme=chalkboard]{--bg-primary:#1a3a1c;--bg-secondary:#2d4a2e;--bg-tertiary:#1a3a1c;--bg-table-header:#3a5a3c;--text-primary:#e8e8d8;--text-heading:#fff;--text-secondary:#c8d8c0;--text-muted:#a8b8a0;--text-hint:#889880;--text-faint:#5a6a5c;--border-primary:#5a7a5c;--border-input:#4a6a4c;--border-hover:#7a9a7c;--hover-bg:#ffffff0d;--shadow-color:#0000004d;--input-text:#e8e8d8;--accent:#f0d878;--accent-end:#f0d878;--accent-gradient:#f0d878;--accent-light:#f0d87822;--accent-light-end:#f0d87822;--accent-border:#f0d87855;--accent-shadow:#f0d87840;--accent-text:#1a3a1c;--title-color:#fff;--highlight:#f0d878;--assoc-pill-bg:#3a5a3c;--assoc-pill-text:#e8e8d8}[data-activity-theme=ocean]{--bg-primary:#0d2840;--bg-secondary:#1a3a5c;--bg-tertiary:#0d2840;--bg-table-header:#2a4a6c;--text-primary:#c8dce8;--text-heading:#fff;--text-secondary:#a8c8d8;--text-muted:#88a8b8;--text-hint:#688898;--text-faint:#3a5a6c;--border-primary:#3a7abd;--border-input:#2a5a8d;--border-hover:#5a9add;--hover-bg:#ffffff0d;--shadow-color:#0000004d;--input-text:#c8dce8;--accent:#5cc8f0;--accent-end:#5cc8f0;--accent-gradient:#5cc8f0;--accent-light:#5cc8f022;--accent-light-end:#5cc8f022;--accent-border:#5cc8f055;--accent-shadow:#5cc8f040;--accent-text:#0d2840;--title-color:#fff;--highlight:#5cc8f0;--assoc-pill-bg:#2a4a6c;--assoc-pill-text:#c8dce8}[data-activity-theme=forest]{--bg-primary:#1a2a18;--bg-secondary:#2a3a28;--bg-tertiary:#1a2a18;--bg-table-header:#3a4a38;--text-primary:#d8d0c0;--text-heading:#f0e8d8;--text-secondary:#b8b0a0;--text-muted:#988878;--text-hint:#787060;--text-faint:#4a4a40;--border-primary:#5a6a48;--border-input:#4a5a38;--border-hover:#7a8a68;--hover-bg:#ffffff0a;--shadow-color:#0000004d;--input-text:#d8d0c0;--accent:#c8b888;--accent-end:#c8b888;--accent-gradient:#c8b888;--accent-light:#c8b88822;--accent-light-end:#c8b88822;--accent-border:#c8b88855;--accent-shadow:#c8b88840;--accent-text:#1a2a18;--title-color:#f0e8d8;--highlight:#c8b888;--assoc-pill-bg:#3a4a38;--assoc-pill-text:#d8d0c0}[data-activity-theme=sunset]{--bg-primary:#3a1a0a;--bg-secondary:#4a2a1a;--bg-tertiary:#3a1a0a;--bg-table-header:#5a3a2a;--text-primary:#e8d0c0;--text-heading:#fff0e0;--text-secondary:#c8b0a0;--text-muted:#a89080;--text-hint:#887060;--text-faint:#5a4a3a;--border-primary:#c87830;--border-input:#8a5a30;--border-hover:#d89848;--hover-bg:#ffffff0d;--shadow-color:#0000004d;--input-text:#e8d0c0;--accent:#f0a848;--accent-end:#f0a848;--accent-gradient:#f0a848;--accent-light:#f0a84822;--accent-light-end:#f0a84822;--accent-border:#f0a84855;--accent-shadow:#f0a84840;--accent-text:#3a1a0a;--title-color:#fff0e0;--highlight:#f0a848;--assoc-pill-bg:#5a3a2a;--assoc-pill-text:#e8d0c0}[data-activity-theme=minimal]{--bg-primary:#f0f0f2;--bg-secondary:#f8f8fa;--bg-tertiary:#e8e8ea;--bg-table-header:#e0e0e2;--text-primary:#333;--text-heading:#111;--text-secondary:#555;--text-muted:#777;--text-hint:#999;--text-faint:#ccc;--border-primary:#d0d0d5;--border-input:#c0c0c5;--border-hover:#aaa;--hover-bg:#00000008;--shadow-color:#00000014;--input-text:#333;--accent:#333;--accent-end:#333;--accent-gradient:#333;--accent-light:#3331;--accent-light-end:#3331;--accent-border:#3333;--accent-shadow:#33333326;--accent-text:#fff;--title-color:#111;--highlight:#333;--assoc-pill-bg:#333;--assoc-pill-text:#fff}[data-activity-theme=galaxy]{--bg-primary:#120a24;--bg-secondary:#1a1030;--bg-tertiary:#120a24;--bg-table-header:#2a1840;--text-primary:#d8c8e8;--text-heading:#fff;--text-secondary:#b8a8c8;--text-muted:#9888a8;--text-hint:#786888;--text-faint:#4a3a5a;--border-primary:#5a3878;--border-input:#4a2868;--border-hover:#7a5898;--hover-bg:#ffffff0d;--shadow-color:#0000004d;--input-text:#d8c8e8;--accent:#e070c0;--accent-end:#e070c0;--accent-gradient:#e070c0;--accent-light:#e070c022;--accent-light-end:#e070c022;--accent-border:#e070c055;--accent-shadow:#e070c040;--accent-text:#120a24;--title-color:#fff;--highlight:#e070c0;--assoc-pill-bg:#2a1840;--assoc-pill-text:#d8c8e8}[data-activity-theme=berry]{--bg-primary:#1e0c14;--bg-secondary:#2a1520;--bg-tertiary:#1e0c14;--bg-table-header:#3a2030;--text-primary:#e8d0d8;--text-heading:#fff0f4;--text-secondary:#c8a8b0;--text-muted:#a88890;--text-hint:#886870;--text-faint:#5a3a42;--border-primary:#6a3848;--border-input:#5a2838;--border-hover:#8a5868;--hover-bg:#ffffff0a;--shadow-color:#0000004d;--input-text:#e8d0d8;--accent:#e8a0b0;--accent-end:#e8a0b0;--accent-gradient:#e8a0b0;--accent-light:#e8a0b022;--accent-light-end:#e8a0b022;--accent-border:#e8a0b055;--accent-shadow:#e8a0b040;--accent-text:#1e0c14;--title-color:#fff0f4;--highlight:#e8a0b0;--assoc-pill-bg:#3a2030;--assoc-pill-text:#e8d0d8}[data-activity-theme=arctic]{--bg-primary:#101c28;--bg-secondary:#1a2530;--bg-tertiary:#101c28;--bg-table-header:#243040;--text-primary:#c8d8e8;--text-heading:#f0f8ff;--text-secondary:#a0b8c8;--text-muted:#8098a8;--text-hint:#607888;--text-faint:#384858;--border-primary:#3a5868;--border-input:#2a4858;--border-hover:#5a7888;--hover-bg:#ffffff0d;--shadow-color:#0000004d;--input-text:#c8d8e8;--accent:#a0d8f0;--accent-end:#a0d8f0;--accent-gradient:#a0d8f0;--accent-light:#a0d8f022;--accent-light-end:#a0d8f022;--accent-border:#a0d8f055;--accent-shadow:#a0d8f040;--accent-text:#101c28;--title-color:#f0f8ff;--highlight:#a0d8f0;--assoc-pill-bg:#243040;--assoc-pill-text:#c8d8e8}[data-activity-theme=lavender]{--bg-primary:#e8e0f4;--bg-secondary:#f0eaf8;--bg-tertiary:#ddd4ec;--bg-table-header:#d8d0e8;--text-primary:#3a2858;--text-heading:#2a1848;--text-secondary:#5a4878;--text-muted:#7a6898;--text-hint:#9a88b0;--text-faint:#c0b8d0;--border-primary:#c8b8e0;--border-input:#b8a8d0;--border-hover:#a090c0;--hover-bg:#0000000a;--shadow-color:#0000001a;--input-text:#3a2858;--accent:#7c5cbf;--accent-end:#7c5cbf;--accent-gradient:#7c5cbf;--accent-light:#7c5cbf15;--accent-light-end:#7c5cbf15;--accent-border:#7c5cbf33;--accent-shadow:#7c5cbf33;--accent-text:#fff;--title-color:#2a1848;--highlight:#7c5cbf;--assoc-pill-bg:#7c5cbf;--assoc-pill-text:#fff}[data-activity-theme=sand]{--bg-primary:#ebe4d8;--bg-secondary:#f5f0e8;--bg-tertiary:#e0d8c8;--bg-table-header:#d8d0c0;--text-primary:#4a3820;--text-heading:#3a2810;--text-secondary:#6a5838;--text-muted:#8a7858;--text-hint:#a89878;--text-faint:#c8b898;--border-primary:#d0c0a0;--border-input:#c0b090;--border-hover:#a89070;--hover-bg:#0000000a;--shadow-color:#0000001a;--input-text:#4a3820;--accent:#a07840;--accent-end:#a07840;--accent-gradient:#a07840;--accent-light:#a0784015;--accent-light-end:#a0784015;--accent-border:#a0784033;--accent-shadow:#a0784033;--accent-text:#fff;--title-color:#3a2810;--highlight:#a07840;--assoc-pill-bg:#a07840;--assoc-pill-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body:before{content:"";pointer-events:none;z-index:0;opacity:var(--doodle-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' fill='none' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- pencil (dusty rose) --%3E%3Cg transform='translate(30,30) rotate(-12)' stroke='%23996070'%3E%3Crect x='0' y='0' width='7' height='55' rx='1'/%3E%3Cpolygon points='0,55 7,55 3.5,65'/%3E%3Cline x1='0' y1='8' x2='7' y2='8'/%3E%3C/g%3E%3C!-- star (steel blue) --%3E%3Cg transform='translate(160,25)' stroke='%23607899'%3E%3Cpolygon points='12,0 15,9 24,9 17,15 19,24 12,19 5,24 7,15 0,9 9,9'/%3E%3C/g%3E%3C!-- ABC (muted purple) --%3E%3Ctext x='310' y='50' font-family='serif' font-size='20' fill='%23706088' stroke='none' font-style='italic'%3EABc%3C/text%3E%3C!-- apple (forest) --%3E%3Cg transform='translate(420,20)' stroke='%23608870'%3E%3Cellipse cx='14' cy='16' rx='13' ry='14'/%3E%3Cpath d='M14,3 Q16,-5 19,-3'/%3E%3Cpath d='M12,4 Q9,0 14,3'/%3E%3C/g%3E%3C!-- ruler (burnt sienna) --%3E%3Cg transform='translate(70,130) rotate(6)' stroke='%23997058'%3E%3Crect x='0' y='0' width='10' height='75' rx='1'/%3E%3Cline x1='0' y1='12' x2='5' y2='12'/%3E%3Cline x1='0' y1='25' x2='7' y2='25'/%3E%3Cline x1='0' y1='37' x2='5' y2='37'/%3E%3Cline x1='0' y1='50' x2='7' y2='50'/%3E%3Cline x1='0' y1='62' x2='5' y2='62'/%3E%3C/g%3E%3C!-- globe (slate blue) --%3E%3Cg transform='translate(210,110)' stroke='%23587098'%3E%3Ccircle cx='18' cy='18' r='17'/%3E%3Cellipse cx='18' cy='18' rx='7' ry='17'/%3E%3Cline x1='1' y1='18' x2='35' y2='18'/%3E%3Cpath d='M4,9 Q18,12 32,9'/%3E%3Cpath d='M4,27 Q18,24 32,27'/%3E%3C/g%3E%3C!-- graduation cap (plum) --%3E%3Cg transform='translate(350,115)' stroke='%23886078'%3E%3Cpolygon points='22,6 44,16 22,26 0,16'/%3E%3Cline x1='22' y1='26' x2='22' y2='36'/%3E%3Cpath d='M8,20 L8,30 Q22,38 36,30 L36,20'/%3E%3C/g%3E%3C!-- 2+3 (olive) --%3E%3Ctext x='440' y='155' font-family='serif' font-size='18' fill='%23708860' stroke='none'%3E2%2B3%3C/text%3E%3C!-- open book (terracotta) --%3E%3Cg transform='translate(25,270)' stroke='%23986858'%3E%3Cpath d='M22,4 Q22,0 4,2 L4,30 Q22,27 22,24'/%3E%3Cpath d='M22,4 Q22,0 40,2 L40,30 Q22,27 22,24'/%3E%3Cline x1='8' y1='9' x2='19' y2='8'/%3E%3Cline x1='8' y1='14' x2='19' y2='13'/%3E%3Cline x1='25' y1='8' x2='36' y2='9'/%3E%3Cline x1='25' y1='13' x2='36' y2='14'/%3E%3C/g%3E%3C!-- lightbulb (amber) --%3E%3Cg transform='translate(155,260)' stroke='%23988848'%3E%3Cpath d='M12,0 A12,12 0 1,1 12,24'/%3E%3Cpath d='M12,24 A12,12 0 1,1 12,0'/%3E%3Cline x1='8' y1='26' x2='16' y2='26'/%3E%3Cline x1='9' y1='29' x2='15' y2='29'/%3E%3Cpath d='M12,-1 L12,-5'/%3E%3C/g%3E%3C!-- scissors (dark teal) --%3E%3Cg transform='translate(290,255) rotate(-8)' stroke='%23508880'%3E%3Ccircle cx='4' cy='24' r='4.5'/%3E%3Ccircle cx='22' cy='24' r='4.5'/%3E%3Cline x1='6' y1='20' x2='20' y2='4'/%3E%3Cline x1='20' y1='20' x2='6' y2='4'/%3E%3C/g%3E%3C!-- pi (indigo) --%3E%3Ctext x='410' y='290' font-family='serif' font-size='26' fill='%23786898' stroke='none'%3E%CF%80%3C/text%3E%3C!-- clock (jade) --%3E%3Cg transform='translate(55,380)' stroke='%23509070'%3E%3Ccircle cx='15' cy='15' r='15'/%3E%3Cline x1='15' y1='15' x2='15' y2='6'/%3E%3Cline x1='15' y1='15' x2='22' y2='15'/%3E%3Ccircle cx='15' cy='15' r='1.5'/%3E%3C/g%3E%3C!-- checkmark (mauve) --%3E%3Cg transform='translate(180,385)' stroke='%23906070'%3E%3Cpath d='M0,12 L8,22 L24,0' stroke-width='1.8'/%3E%3C/g%3E%3C!-- 123 (steel) --%3E%3Ctext x='290' y='405' font-family='serif' font-size='18' fill='%23607898' stroke='none' font-style='italic'%3E123%3C/text%3E%3C!-- paper airplane (copper) --%3E%3Cg transform='translate(390,370) rotate(12)' stroke='%23987060'%3E%3Cpath d='M0,14 L30,0 L9,11 Z'/%3E%3Cpath d='M9,11 L30,0 L13,22 Z'/%3E%3C/g%3E%3C!-- music note (moss) --%3E%3Cg transform='translate(455,390)' stroke='%23709060'%3E%3Cellipse cx='5' cy='18' rx='5' ry='3.5'/%3E%3Cline x1='10' y1='18' x2='10' y2='0'/%3E%3Cpath d='M10,0 Q16,2 10,5'/%3E%3C/g%3E%3C!-- triangle ruler (wisteria) --%3E%3Cg transform='translate(115,430) rotate(4)' stroke='%23887098'%3E%3Cpolygon points='0,40 40,40 0,0'/%3E%3Cpolygon points='6,35 24,35 6,17' stroke-dasharray='2.5,2.5'/%3E%3C/g%3E%3C!-- small star (sea green) --%3E%3Cg transform='translate(260,445)' stroke='%23509080'%3E%3Cpolygon points='8,0 10,6 16,6 11,10 13,16 8,12 3,16 5,10 0,6 6,6'/%3E%3C/g%3E%3C!-- magnifying glass (rose) --%3E%3Cg transform='translate(370,440)' stroke='%23985870'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cline x1='20' y1='20' x2='30' y2='30' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:480px 480px;position:fixed;inset:0}:root{--doodle-opacity:.27}[data-theme=light]{--doodle-opacity:.38}[data-theme=light]~body:before,html[data-theme=light] body:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- pencil (pink) --%3E%3Cg transform='translate(30,30) rotate(-12)' stroke='%23E8889A'%3E%3Crect x='0' y='0' width='7' height='55' rx='1'/%3E%3Cpolygon points='0,55 7,55 3.5,65'/%3E%3Cline x1='0' y1='8' x2='7' y2='8'/%3E%3C/g%3E%3C!-- star (sky blue) --%3E%3Cg transform='translate(160,25)' stroke='%2388B8E8'%3E%3Cpolygon points='12,0 15,9 24,9 17,15 19,24 12,19 5,24 7,15 0,9 9,9'/%3E%3C/g%3E%3C!-- ABC (lavender) --%3E%3Ctext x='310' y='50' font-family='serif' font-size='20' fill='%23A088D0' stroke='none' font-style='italic'%3EABc%3C/text%3E%3C!-- apple (green) --%3E%3Cg transform='translate(420,20)' stroke='%2388C8A0'%3E%3Cellipse cx='14' cy='16' rx='13' ry='14'/%3E%3Cpath d='M14,3 Q16,-5 19,-3'/%3E%3Cpath d='M12,4 Q9,0 14,3'/%3E%3C/g%3E%3C!-- ruler (peach) --%3E%3Cg transform='translate(70,130) rotate(6)' stroke='%23E8A880'%3E%3Crect x='0' y='0' width='10' height='75' rx='1'/%3E%3Cline x1='0' y1='12' x2='5' y2='12'/%3E%3Cline x1='0' y1='25' x2='7' y2='25'/%3E%3Cline x1='0' y1='37' x2='5' y2='37'/%3E%3Cline x1='0' y1='50' x2='7' y2='50'/%3E%3Cline x1='0' y1='62' x2='5' y2='62'/%3E%3C/g%3E%3C!-- globe (blue) --%3E%3Cg transform='translate(210,110)' stroke='%2380A8D8'%3E%3Ccircle cx='18' cy='18' r='17'/%3E%3Cellipse cx='18' cy='18' rx='7' ry='17'/%3E%3Cline x1='1' y1='18' x2='35' y2='18'/%3E%3Cpath d='M4,9 Q18,12 32,9'/%3E%3Cpath d='M4,27 Q18,24 32,27'/%3E%3C/g%3E%3C!-- graduation cap (mauve) --%3E%3Cg transform='translate(350,115)' stroke='%23C088B0'%3E%3Cpolygon points='22,6 44,16 22,26 0,16'/%3E%3Cline x1='22' y1='26' x2='22' y2='36'/%3E%3Cpath d='M8,20 L8,30 Q22,38 36,30 L36,20'/%3E%3C/g%3E%3C!-- 2+3 (sage) --%3E%3Ctext x='440' y='155' font-family='serif' font-size='18' fill='%2398B888' stroke='none'%3E2%2B3%3C/text%3E%3C!-- open book (salmon) --%3E%3Cg transform='translate(25,270)' stroke='%23D89888'%3E%3Cpath d='M22,4 Q22,0 4,2 L4,30 Q22,27 22,24'/%3E%3Cpath d='M22,4 Q22,0 40,2 L40,30 Q22,27 22,24'/%3E%3Cline x1='8' y1='9' x2='19' y2='8'/%3E%3Cline x1='8' y1='14' x2='19' y2='13'/%3E%3Cline x1='25' y1='8' x2='36' y2='9'/%3E%3Cline x1='25' y1='13' x2='36' y2='14'/%3E%3C/g%3E%3C!-- lightbulb (gold) --%3E%3Cg transform='translate(155,260)' stroke='%23D8B868'%3E%3Cpath d='M12,0 A12,12 0 1,1 12,24'/%3E%3Cpath d='M12,24 A12,12 0 1,1 12,0'/%3E%3Cline x1='8' y1='26' x2='16' y2='26'/%3E%3Cline x1='9' y1='29' x2='15' y2='29'/%3E%3Cpath d='M12,-1 L12,-5'/%3E%3C/g%3E%3C!-- scissors (teal) --%3E%3Cg transform='translate(290,255) rotate(-8)' stroke='%2380B8C0'%3E%3Ccircle cx='4' cy='24' r='4.5'/%3E%3Ccircle cx='22' cy='24' r='4.5'/%3E%3Cline x1='6' y1='20' x2='20' y2='4'/%3E%3Cline x1='20' y1='20' x2='6' y2='4'/%3E%3C/g%3E%3C!-- pi (purple) --%3E%3Ctext x='410' y='290' font-family='serif' font-size='26' fill='%23B090D0' stroke='none'%3E%CF%80%3C/text%3E%3C!-- clock (mint) --%3E%3Cg transform='translate(55,380)' stroke='%2378C8A8'%3E%3Ccircle cx='15' cy='15' r='15'/%3E%3Cline x1='15' y1='15' x2='15' y2='6'/%3E%3Cline x1='15' y1='15' x2='22' y2='15'/%3E%3Ccircle cx='15' cy='15' r='1.5'/%3E%3C/g%3E%3C!-- checkmark (rose) --%3E%3Cg transform='translate(180,385)' stroke='%23D088A0'%3E%3Cpath d='M0,12 L8,22 L24,0' stroke-width='1.8'/%3E%3C/g%3E%3C!-- 123 (cornflower) --%3E%3Ctext x='290' y='405' font-family='serif' font-size='18' fill='%2390A8D8' stroke='none' font-style='italic'%3E123%3C/text%3E%3C!-- paper airplane (coral) --%3E%3Cg transform='translate(390,370) rotate(12)' stroke='%23E0A090'%3E%3Cpath d='M0,14 L30,0 L9,11 Z'/%3E%3Cpath d='M9,11 L30,0 L13,22 Z'/%3E%3C/g%3E%3C!-- music note (lime) --%3E%3Cg transform='translate(455,390)' stroke='%23A0C888'%3E%3Cellipse cx='5' cy='18' rx='5' ry='3.5'/%3E%3Cline x1='10' y1='18' x2='10' y2='0'/%3E%3Cpath d='M10,0 Q16,2 10,5'/%3E%3C/g%3E%3C!-- triangle ruler (lilac) --%3E%3Cg transform='translate(115,430) rotate(4)' stroke='%23C0A0D8'%3E%3Cpolygon points='0,40 40,40 0,0'/%3E%3Cpolygon points='6,35 24,35 6,17' stroke-dasharray='2.5,2.5'/%3E%3C/g%3E%3C!-- small star (aqua) --%3E%3Cg transform='translate(260,445)' stroke='%2378C8B8'%3E%3Cpolygon points='8,0 10,6 16,6 11,10 13,16 8,12 3,16 5,10 0,6 6,6'/%3E%3C/g%3E%3C!-- magnifying glass (pink) --%3E%3Cg transform='translate(370,440)' stroke='%23D890A8'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cline x1='20' y1='20' x2='30' y2='30' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}body:has([data-theme=light]):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- pencil (pink) --%3E%3Cg transform='translate(30,30) rotate(-12)' stroke='%23E8889A'%3E%3Crect x='0' y='0' width='7' height='55' rx='1'/%3E%3Cpolygon points='0,55 7,55 3.5,65'/%3E%3Cline x1='0' y1='8' x2='7' y2='8'/%3E%3C/g%3E%3C!-- star (sky blue) --%3E%3Cg transform='translate(160,25)' stroke='%2388B8E8'%3E%3Cpolygon points='12,0 15,9 24,9 17,15 19,24 12,19 5,24 7,15 0,9 9,9'/%3E%3C/g%3E%3C!-- ABC (lavender) --%3E%3Ctext x='310' y='50' font-family='serif' font-size='20' fill='%23A088D0' stroke='none' font-style='italic'%3EABc%3C/text%3E%3C!-- apple (green) --%3E%3Cg transform='translate(420,20)' stroke='%2388C8A0'%3E%3Cellipse cx='14' cy='16' rx='13' ry='14'/%3E%3Cpath d='M14,3 Q16,-5 19,-3'/%3E%3Cpath d='M12,4 Q9,0 14,3'/%3E%3C/g%3E%3C!-- ruler (peach) --%3E%3Cg transform='translate(70,130) rotate(6)' stroke='%23E8A880'%3E%3Crect x='0' y='0' width='10' height='75' rx='1'/%3E%3Cline x1='0' y1='12' x2='5' y2='12'/%3E%3Cline x1='0' y1='25' x2='7' y2='25'/%3E%3Cline x1='0' y1='37' x2='5' y2='37'/%3E%3Cline x1='0' y1='50' x2='7' y2='50'/%3E%3Cline x1='0' y1='62' x2='5' y2='62'/%3E%3C/g%3E%3C!-- globe (blue) --%3E%3Cg transform='translate(210,110)' stroke='%2380A8D8'%3E%3Ccircle cx='18' cy='18' r='17'/%3E%3Cellipse cx='18' cy='18' rx='7' ry='17'/%3E%3Cline x1='1' y1='18' x2='35' y2='18'/%3E%3Cpath d='M4,9 Q18,12 32,9'/%3E%3Cpath d='M4,27 Q18,24 32,27'/%3E%3C/g%3E%3C!-- graduation cap (mauve) --%3E%3Cg transform='translate(350,115)' stroke='%23C088B0'%3E%3Cpolygon points='22,6 44,16 22,26 0,16'/%3E%3Cline x1='22' y1='26' x2='22' y2='36'/%3E%3Cpath d='M8,20 L8,30 Q22,38 36,30 L36,20'/%3E%3C/g%3E%3C!-- 2+3 (sage) --%3E%3Ctext x='440' y='155' font-family='serif' font-size='18' fill='%2398B888' stroke='none'%3E2%2B3%3C/text%3E%3C!-- open book (salmon) --%3E%3Cg transform='translate(25,270)' stroke='%23D89888'%3E%3Cpath d='M22,4 Q22,0 4,2 L4,30 Q22,27 22,24'/%3E%3Cpath d='M22,4 Q22,0 40,2 L40,30 Q22,27 22,24'/%3E%3Cline x1='8' y1='9' x2='19' y2='8'/%3E%3Cline x1='8' y1='14' x2='19' y2='13'/%3E%3Cline x1='25' y1='8' x2='36' y2='9'/%3E%3Cline x1='25' y1='13' x2='36' y2='14'/%3E%3C/g%3E%3C!-- lightbulb (gold) --%3E%3Cg transform='translate(155,260)' stroke='%23D8B868'%3E%3Cpath d='M12,0 A12,12 0 1,1 12,24'/%3E%3Cpath d='M12,24 A12,12 0 1,1 12,0'/%3E%3Cline x1='8' y1='26' x2='16' y2='26'/%3E%3Cline x1='9' y1='29' x2='15' y2='29'/%3E%3Cpath d='M12,-1 L12,-5'/%3E%3C/g%3E%3C!-- scissors (teal) --%3E%3Cg transform='translate(290,255) rotate(-8)' stroke='%2380B8C0'%3E%3Ccircle cx='4' cy='24' r='4.5'/%3E%3Ccircle cx='22' cy='24' r='4.5'/%3E%3Cline x1='6' y1='20' x2='20' y2='4'/%3E%3Cline x1='20' y1='20' x2='6' y2='4'/%3E%3C/g%3E%3C!-- pi (purple) --%3E%3Ctext x='410' y='290' font-family='serif' font-size='26' fill='%23B090D0' stroke='none'%3E%CF%80%3C/text%3E%3C!-- clock (mint) --%3E%3Cg transform='translate(55,380)' stroke='%2378C8A8'%3E%3Ccircle cx='15' cy='15' r='15'/%3E%3Cline x1='15' y1='15' x2='15' y2='6'/%3E%3Cline x1='15' y1='15' x2='22' y2='15'/%3E%3Ccircle cx='15' cy='15' r='1.5'/%3E%3C/g%3E%3C!-- checkmark (rose) --%3E%3Cg transform='translate(180,385)' stroke='%23D088A0'%3E%3Cpath d='M0,12 L8,22 L24,0' stroke-width='1.8'/%3E%3C/g%3E%3C!-- 123 (cornflower) --%3E%3Ctext x='290' y='405' font-family='serif' font-size='18' fill='%2390A8D8' stroke='none' font-style='italic'%3E123%3C/text%3E%3C!-- paper airplane (coral) --%3E%3Cg transform='translate(390,370) rotate(12)' stroke='%23E0A090'%3E%3Cpath d='M0,14 L30,0 L9,11 Z'/%3E%3Cpath d='M9,11 L30,0 L13,22 Z'/%3E%3C/g%3E%3C!-- music note (lime) --%3E%3Cg transform='translate(455,390)' stroke='%23A0C888'%3E%3Cellipse cx='5' cy='18' rx='5' ry='3.5'/%3E%3Cline x1='10' y1='18' x2='10' y2='0'/%3E%3Cpath d='M10,0 Q16,2 10,5'/%3E%3C/g%3E%3C!-- triangle ruler (lilac) --%3E%3Cg transform='translate(115,430) rotate(4)' stroke='%23C0A0D8'%3E%3Cpolygon points='0,40 40,40 0,0'/%3E%3Cpolygon points='6,35 24,35 6,17' stroke-dasharray='2.5,2.5'/%3E%3C/g%3E%3C!-- small star (aqua) --%3E%3Cg transform='translate(260,445)' stroke='%2378C8B8'%3E%3Cpolygon points='8,0 10,6 16,6 11,10 13,16 8,12 3,16 5,10 0,6 6,6'/%3E%3C/g%3E%3C!-- magnifying glass (pink) --%3E%3Cg transform='translate(370,440)' stroke='%23D890A8'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cline x1='20' y1='20' x2='30' y2='30' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}.app{z-index:1;width:min(1400px,95%);margin:0 auto;padding:24px 16px 60px;position:relative}.top-toolbar{z-index:var(--z-toolbar);align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:16px}.theme-toggle{border:2px solid var(--border-primary);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-heading);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.1)}.lang-switcher{position:relative}.lang-switcher-trigger{border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-heading);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);border-radius:20px;align-items:center;gap:4px;height:40px;padding:6px 10px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.lang-switcher-trigger:hover{border-color:var(--accent);transform:scale(1.05)}.lang-switcher-flag{font-size:1.1rem;line-height:1}.lang-switcher-label{letter-spacing:.05em;font-size:.8rem}.lang-switcher-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 8px 24px var(--shadow-color);border-radius:10px;min-width:90px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.lang-switcher-option{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:500;transition:background .15s;display:flex}.lang-switcher-option:hover{background:var(--hover-bg)}.lang-switcher-option.active{background:var(--accent-light);color:var(--accent);font-weight:700}.user-menu{position:relative}.user-menu-signin-btn{background:var(--ds-gold);color:var(--ds-gold-ink);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.user-menu-signin-btn:hover{opacity:.9}.user-menu-google-btn{align-items:center;height:40px;display:flex}.google-signin-loading{height:40px;color:var(--text-secondary);border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:20px;align-items:center;gap:8px;padding:0 16px;font-size:.85rem;display:flex}.google-signin-loading i{color:var(--accent);font-size:1rem}.google-signin-loading-lg{justify-content:center;height:44px;margin-top:16px;font-size:.95rem}.user-menu-trigger{border:2px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;width:40px;height:40px;box-shadow:0 2px 8px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex;overflow:hidden}.user-menu-trigger:hover{border-color:var(--accent);transform:scale(1.1)}.user-menu-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-menu-initials{color:var(--text-heading);font-size:.85rem;font-weight:700;line-height:1}.user-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);min-width:220px;box-shadow:0 8px 24px var(--shadow-color);border-radius:12px;padding:8px 0;animation:.15s userMenuFadeIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes userMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown-header{flex-direction:column;gap:2px;padding:10px 16px;display:flex}.user-menu-dropdown-name{color:var(--text-heading);font-size:.9rem;font-weight:600}.user-menu-dropdown-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.user-menu-dropdown-divider{background:var(--border-primary);height:1px;margin:4px 0}.user-menu-dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-family:inherit;font-size:.88rem;text-decoration:none;transition:background .15s;display:flex}.user-menu-dropdown-item:hover{background:var(--bg-tertiary,#0000000d)}.user-menu-dropdown-item i{text-align:center;width:16px;color:var(--text-muted)}.user-menu-dropdown-logout,.user-menu-dropdown-logout i{color:#e53e3e}.account-google-signin{justify-content:center;margin-top:16px;display:flex}.toolbar-inline{align-items:center;gap:8px;display:flex}.toolbar-burger{display:none;position:relative}.burger-btn{border:2px solid var(--border-primary);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-heading);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.burger-btn:hover{border-color:var(--accent)}.burger-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 8px 24px var(--shadow-color);border-radius:12px;flex-direction:column;gap:12px;min-width:200px;padding:12px;animation:.2s ease-out burgerSlideIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.burger-nav{flex-direction:column;gap:2px;width:100%;display:flex}.burger-nav-link{color:var(--text-heading);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.burger-nav-link:hover{background:var(--bg-tertiary)}.burger-nav-link.active{color:var(--accent)}.burger-nav-link i{text-align:center;width:18px;color:var(--accent)}.burger-divider{background:var(--border-primary);width:100%;height:1px}.burger-dropdown-item{justify-content:center;align-items:center;display:flex}.burger-dropdown-item .lang-switcher{width:100%}.burger-dropdown-item .lang-switcher-trigger{justify-content:center;width:100%}.burger-dropdown-item .user-menu{justify-content:center;width:100%;display:flex}.burger-dropdown-item .theme-toggle{border-radius:10px;width:100%;height:38px}.burger-dropdown-item .lang-switcher-dropdown{box-shadow:none;border:1px solid var(--border-primary);margin-top:6px;position:relative;top:auto;right:auto}@keyframes burgerSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.top-toolbar.toolbar-force-burger .toolbar-inline{display:none}.top-toolbar.toolbar-force-burger .toolbar-burger{display:block}@media (max-width:1800px){.toolbar-inline{display:none}.toolbar-burger{display:block}.lang-switcher-label{display:none}.user-menu-dropdown{min-width:200px;right:0}.category-nav{gap:6px}.category-tab{border-radius:10px;padding:8px 14px;font-size:.82rem}.lp-nav{padding-right:60px}}header{text-align:center;margin-bottom:28px}header h1{color:var(--title-color);cursor:pointer;margin-bottom:4px;font-size:2.4rem;transition:transform .2s}header h1:hover{transform:scale(1.05)}.subtitle{color:var(--text-hint);font-size:.95rem}.category-nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.category-tab{border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.category-tab:hover{border-color:var(--accent);color:var(--text-heading);transform:translateY(-2px)}.category-tab.active{background:var(--accent-gradient);color:var(--accent-text);box-shadow:0 4px 16px var(--accent-shadow);border-color:#0000}.tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:24px;display:flex}.tab{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-block}.tab:hover{border-color:var(--border-hover);color:var(--text-heading)}.tab.active{background:var(--accent-gradient);color:var(--accent-text);border-color:#0000;font-weight:600}.panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:20px;padding:28px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.controls label{color:var(--text-muted);flex-direction:column;flex:1;gap:6px;min-width:120px;font-size:.85rem;display:flex}.controls input[type=number],.controls input[type=text],.controls select{background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--input-text);border-radius:8px;width:100%;padding:10px 12px;font-size:1rem}.controls input[type=text]{max-width:400px}.controls textarea{background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--input-text);resize:vertical;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem}.controls input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.controls label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px;min-width:auto}.btn-primary{background:var(--accent-gradient);width:100%;color:var(--accent-text);cursor:pointer;border:none;border-radius:12px;margin-bottom:20px;padding:14px;font-size:1.1rem;font-weight:600;transition:all .2s;display:block}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-shadow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.action-buttons{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;margin-bottom:16px;display:grid}.action-buttons .btn-primary,.action-buttons .share-panel-wrapper .btn-primary{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;margin-top:0;margin-bottom:0;padding:10px 12px;font-size:.85rem;overflow:hidden}@media (max-width:480px){.action-buttons{grid-template-columns:1fr}}.btn-row{gap:8px;margin-bottom:20px;display:flex}.btn-row .btn-primary{flex:1;margin-bottom:0;padding:8px 12px;font-size:.85rem}.btn-row .fullscreen-btn{flex:1;width:auto!important;margin-top:0!important}.btn-add-inline{white-space:nowrap;flex-shrink:0;align-self:flex-end;width:auto!important;margin-bottom:0!important;padding:8px 16px!important;font-size:.85rem!important}.btn-small{border:1px solid var(--border-hover);color:var(--text-hint);cursor:pointer;text-align:center;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:68px;height:auto;line-height:1.2;transition:all .2s;border-radius:6px!important;width:auto!important;margin:0!important;padding:4px 12px!important;font-size:.75rem!important;display:inline-flex!important}.btn-small.btn-primary{background:var(--accent-gradient);color:var(--accent-text);border-color:#0000}.btn-small.btn-primary:hover{color:var(--accent-text);box-shadow:none;border-color:#0000;transform:translateY(-1px)}.btn-small:hover{color:#ff6b6b;border-color:#ff6b6b}.result-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:60px;display:flex}.result-area:empty{display:none}.dice{filter:drop-shadow(0 4px 8px #0000004d);justify-content:center;align-items:center;width:80px;height:80px;animation:.4s ease-out diceRoll;display:flex}@keyframes diceRoll{0%{opacity:0;transform:rotate(0)scale(.5)}50%{transform:rotate(180deg)scale(1.1)}to{opacity:1;transform:rotate(360deg)scale(1)}}.dice-total{text-align:center;width:100%;color:var(--title-color);font-size:1.1rem;font-weight:600}.number-ball{color:#fff;background:linear-gradient(135deg,#48dbfb,#0abde3);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.6rem;font-weight:800;line-height:1;animation:.3s ease-out popIn;display:flex;box-shadow:0 4px 12px #48dbfb4d}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.coin{filter:drop-shadow(0 4px 8px #0000004d);justify-content:center;align-items:center;width:100px;height:100px;animation:.5s ease-out coinFlip;display:flex}@keyframes coinFlip{0%{transform:rotateY(0)scale(.5)}50%{transform:rotateY(540deg)scale(1.1)}to{transform:rotateY(720deg)scale(1)}}.coin-stats{text-align:center;width:100%;color:var(--text-muted);margin-top:4px;font-size:.9rem}.winner-name{background:var(--accent);color:var(--accent-text);text-align:center;border-radius:12px;padding:16px 32px;font-size:1.5rem;font-weight:700;animation:.4s ease-out popIn;box-shadow:0 4px 16px #00000040}.card{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:80px;height:112px;font-weight:700;animation:.3s ease-out popIn;display:flex;box-shadow:0 4px 12px #0000004d}.card .card-value{font-size:1.3rem}.card .card-suit{font-size:1.6rem}.card.red{color:#e74c3c}.card.black{color:#2d3436}.team-block{background:var(--bg-tertiary);border:1px solid var(--border-input);border-radius:12px;flex:1;min-width:200px;padding:16px;animation:.3s ease-out popIn}.team-block h4{margin-bottom:10px;font-size:1rem}.team-block ul{flex-direction:column;gap:4px;list-style:none;display:flex}.team-block li{background:var(--bg-secondary);border-radius:6px;padding:6px 10px;font-size:.9rem}.wheel-container{justify-content:center;margin-bottom:16px;display:flex;position:relative}.wheel-pointer{color:#ff6b6b;z-index:10;filter:drop-shadow(0 2px 4px #00000080);transform-origin:50% 20%;font-size:2rem;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.wheel-pointer.flick{animation:.11s ease-out wheel-pointer-flick}@keyframes wheel-pointer-flick{0%{transform:translate(-50%)rotate(0)}35%{transform:translate(-50%)rotate(-16deg)}to{transform:translate(-50%)rotate(0)}}.wheel-burst{z-index:11;pointer-events:none;width:0;height:0;position:absolute;top:10px;left:50%}.wheel-burst span{opacity:0;border-radius:2px;animation:1.2s ease-out forwards wheel-confetti;position:absolute;top:0;left:0}@keyframes wheel-confetti{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}80%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:reduce){.wheel-pointer.flick{animation:none}.wheel-burst span{animation-duration:.5s}}#wheelCanvas{max-width:100%;height:auto}.wheel-with-result{justify-content:center;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.wheel-side{flex-direction:column;flex:none;align-items:center;display:flex}.wheel-side .wheel-container{margin-bottom:0}.wheel-remove-on-land{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;display:flex}.wheel-result-display{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:18px;min-width:0;max-width:420px;min-height:380px;padding:20px;display:flex}.wheel-result-image-wrap{aspect-ratio:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(180px,32vw,280px);display:flex;overflow:hidden;box-shadow:0 6px 20px #00000040}.wheel-result-image{object-fit:cover;width:100%;height:100%}.wheel-result-label{color:#fff;text-align:center;word-break:break-word;border-radius:12px;max-width:100%;padding:14px 28px;font-size:clamp(1.25rem,2.5vw,1.85rem);font-weight:700;box-shadow:0 4px 12px #0003}.wheel-result-empty{color:var(--text-hint);opacity:.7;flex-direction:column;align-items:center;gap:10px;font-size:.95rem;display:flex}.wheel-result-empty i{font-size:2.4rem}@media (max-width:899px){.wheel-with-result{flex-direction:column;gap:16px}.wheel-result-display{width:100%;max-width:none;min-height:0;padding:16px}.wheel-result-image-wrap{width:clamp(160px,50vw,220px)}}.history-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-top:20px;padding:20px}.history-section h3{color:var(--text-hint);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1rem;display:flex}.history-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.history-item{background:var(--bg-tertiary);color:var(--text-muted);border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:.82rem;display:flex}.history-item .type{color:var(--accent);margin-right:8px;font-weight:600}.history-item .time{color:var(--text-faint);font-size:.75rem}.upload-zone{text-align:center;cursor:pointer;background:var(--bg-tertiary);border:2px dashed #333;border-radius:14px;padding:40px 20px;transition:all .25s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-light)}.upload-icon{margin-bottom:10px;font-size:3rem}.upload-text{color:var(--text-muted);margin-bottom:6px;font-size:.95rem}.upload-link{color:var(--accent);cursor:pointer;text-decoration:underline}.upload-hint{color:var(--text-faint);font-size:.78rem}.table-loaded{animation:.3s fadeIn}.table-file-info{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:.85rem;display:flex}.table-file-info span:first-child{color:var(--accent);font-weight:600}.table-file-info span:nth-child(2){color:var(--text-hint);flex:1}.table-preview-wrapper{border:1px solid var(--border-primary);border-radius:10px;max-height:260px;margin-bottom:18px;overflow:auto}.table-preview{border-collapse:collapse;width:100%;font-size:.82rem}.table-preview th{background:var(--bg-table-header);color:var(--text-muted);text-align:left;z-index:2;cursor:pointer;white-space:nowrap;border-bottom:2px solid #333;padding:9px 12px;font-weight:600;transition:all .15s;position:sticky;top:0}.table-preview th:hover{color:var(--text-heading);background:var(--hover-bg)}.table-preview th.selected-col{color:#fff;background:var(--accent-gradient)}.table-preview td{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);white-space:nowrap;padding:7px 12px}.table-preview td.selected-col{background:var(--accent-light);color:var(--text-heading);font-weight:500}.table-preview tr:hover td{background:var(--hover-bg)}.table-preview .row-num{color:var(--text-faint);text-align:right;-webkit-user-select:none;user-select:none;width:30px;padding-right:8px;font-size:.72rem}.winner-card{background:linear-gradient(135deg, var(--accent-light), var(--accent-light-end));border:1px solid var(--accent-border);border-radius:12px;width:100%;margin-bottom:6px;padding:16px 20px;animation:.4s ease-out popIn}.winner-card .winner-main{color:var(--text-heading);align-items:center;gap:8px;margin-bottom:6px;font-size:1.4rem;font-weight:700;display:flex}.winner-card .winner-main .winner-badge{color:#fff;background:linear-gradient(135deg,#ff9ff3,#f368e0);border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.winner-card .winner-details{color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;font-size:.8rem;display:flex}.winner-card .winner-details span{color:var(--accent);font-weight:600}.trivia-section{border-top:1px solid var(--border-primary);margin-top:32px;padding-top:24px}.trivia-section h3{color:var(--title-color);margin-bottom:16px;font-size:1.1rem;font-weight:700}.trivia-grid{flex-direction:column;gap:12px;display:flex}.trivia-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:12px;padding:16px 18px;font-size:.9rem;line-height:1.6;transition:border-color .2s}.trivia-card:hover{border-color:var(--border-hover)}.trivia-card strong{color:var(--accent)}.trivia-card .trivia-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.trivia-highlight{color:var(--title-color);font-weight:600}.info-section{border-top:1px solid var(--border-primary);margin-top:24px;padding-top:20px}.teachers-page{width:min(1400px,95%);margin:0 auto}.teachers-intro{text-align:center}.teachers-intro h2{color:var(--text-heading);margin-bottom:12px;font-size:1.6rem}.teachers-intro p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.teacher-tools-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.teacher-tool-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:all .3s;display:flex;position:relative}[data-theme=light] .teacher-tool-card.is-popular{background:linear-gradient(#fff7ef 0%,#fff 70%);border-color:#f3c8a8;box-shadow:0 2px 10px #c0784814}.teacher-tool-card.is-popular{background:linear-gradient(180deg, #e8a8801a 0%, var(--bg-secondary) 70%);border-color:#e8a88073;box-shadow:0 2px 10px #e8a8801a}[data-theme=light] .teacher-tool-card.is-beta{background:linear-gradient(#f4eefb 0%,#fff 70%);border-color:#d8c4ea}.teacher-tool-card.is-beta{background:linear-gradient(180deg, #b090d01a 0%, var(--bg-secondary) 70%);border-color:#b090d066}.tool-card-badge{letter-spacing:.02em;text-transform:lowercase;white-space:nowrap;pointer-events:none;border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:700;line-height:1.4;position:absolute;top:10px;right:10px}[data-theme=light] .tool-card-badge-popular{color:#a45530;background:#fde2cf;border:1px solid #f3c8a8}.tool-card-badge-popular{color:#e8a880;background:#e8a8802e;border:1px solid #e8a88073}[data-theme=light] .tool-card-badge-beta{color:#6d4e92;background:#ece1f6;border:1px solid #d8c4ea}.tool-card-badge-beta{color:#b090d0;background:#b090d02e;border:1px solid #b090d073}[data-theme=light] .teacher-tool-card.is-new{background:linear-gradient(#eef9f1 0%,#fff 70%);border-color:#b8e0c4}.teacher-tool-card.is-new{background:linear-gradient(180deg, #78c8a01a 0%, var(--bg-secondary) 70%);border-color:#78c8a066}[data-theme=light] .tool-card-badge-new{color:#2f7d52;background:#d8f0e0;border:1px solid #b8e0c4}.tool-card-badge-new{color:#88c8a0;background:#78c8a02e;border:1px solid #78c8a073}.sp-nav-new{display:inline-flex;position:relative}.burger-nav-new{background:var(--ds-gold,#e6b450);color:#2a2410;vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.68rem;font-weight:800}.sp-nav-new-flag{letter-spacing:.02em;white-space:nowrap;background:var(--ds-gold,#e6b450);color:#2a2410;pointer-events:none;border-radius:999px;margin-bottom:1px;padding:1px 7px;font-size:.56rem;font-weight:800;line-height:1.6;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 1px 5px #00000038}.card-pdf-tag{letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:999px;align-self:flex-end;align-items:center;gap:5px;margin-top:auto;padding:3px 8px;font-size:.62rem;font-weight:800;line-height:1.3;display:inline-flex}.card-pdf-tag i{font-size:.72rem}[data-theme=light] .card-pdf-tag{color:#b23b3b;background:#fbe1e1;border:1px solid #f1c0c0}.card-pdf-tag{color:#e89aa3;background:#d0687529;border:1px solid #d068756b}.ds-tool i.ds-tool-pdf{color:#d06875;background:0 0;flex:none;width:auto;height:auto;margin-left:auto;font-size:.92rem}[data-theme=light] .ds-tool i.ds-tool-pdf{color:#c0566a}.tag-editor{border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:text;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 8px;display:flex}.tag-editor-chip{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 6px 3px 10px;font-size:.78rem;display:inline-flex}.tag-editor-remove{width:16px;height:16px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;font-size:.7rem;line-height:1;display:inline-grid}.tag-editor-remove:hover{background:var(--bg-secondary);color:var(--accent)}.tag-editor-input{min-width:90px;color:var(--text-heading);background:0 0;border:none;outline:none;flex:1;padding:2px;font-family:inherit;font-size:.85rem}.editing-activity-bar{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.editing-activity-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editing-activity-icon{color:var(--accent);font-size:.9rem}.editing-activity-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.editing-activity-name{cursor:pointer;color:var(--text-heading);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:2px 4px;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.editing-activity-name:hover{background:var(--bg-tertiary)}.editing-activity-name i{color:var(--text-muted);opacity:.6;font-size:.72rem}.editing-activity-name-input{border:1px solid var(--accent);background:var(--bg-secondary);color:var(--text-heading);border-radius:6px;outline:none;min-width:200px;padding:2px 6px;font-family:inherit;font-size:1rem;font-weight:700}.editing-activity-tags-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editing-activity-tags-label{color:var(--text-muted);flex:none;font-size:.8rem;font-weight:600}.editing-activity-tags-row .tag-editor{flex:1;min-width:200px}.activity-tags-edit-btn{border:1px dashed var(--border-primary);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-family:inherit;font-size:.7rem;display:inline-flex}.activity-tags-edit-btn:hover{color:var(--accent);border-color:var(--accent)}.teacher-tool-card:hover{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-shadow);transform:translateY(-4px)}.teacher-tool-card .tool-icon{color:var(--text-heading);font-size:2rem}.teacher-tool-card h3{font-size:.95rem;font-weight:700}[data-theme=light] .teacher-tool-card:nth-child(20n+1) h3{color:#c0566a}[data-theme=light] .teacher-tool-card:nth-child(20n+2) h3{color:#5088c0}[data-theme=light] .teacher-tool-card:nth-child(20n+3) h3{color:#7858a8}[data-theme=light] .teacher-tool-card:nth-child(20n+4) h3{color:#b09030}[data-theme=light] .teacher-tool-card:nth-child(20n+5) h3{color:#48a070}[data-theme=light] .teacher-tool-card:nth-child(20n+6) h3{color:#c07848}[data-theme=light] .teacher-tool-card:nth-child(20n+7) h3{color:#4878b0}[data-theme=light] .teacher-tool-card:nth-child(20n+8) h3{color:#a05888}[data-theme=light] .teacher-tool-card:nth-child(20n+9) h3{color:#b86858}[data-theme=light] .teacher-tool-card:nth-child(20n+10) h3{color:#4898a0}[data-theme=light] .teacher-tool-card:nth-child(20n+11) h3{color:#8860a8}[data-theme=light] .teacher-tool-card:nth-child(20n+12) h3{color:#40a078}[data-theme=light] .teacher-tool-card:nth-child(20n+13) h3{color:#b05870}[data-theme=light] .teacher-tool-card:nth-child(20n+14) h3{color:#5878b0}[data-theme=light] .teacher-tool-card:nth-child(20n+15) h3{color:#c07058}[data-theme=light] .teacher-tool-card:nth-child(20n+16) h3{color:#689848}[data-theme=light] .teacher-tool-card:nth-child(20n+17) h3{color:#9868b0}[data-theme=light] .teacher-tool-card:nth-child(20n+18) h3{color:#409890}[data-theme=light] .teacher-tool-card:nth-child(20n+19) h3{color:#b86080}[data-theme=light] .teacher-tool-card:nth-child(20n+20) h3{color:#608850}.teacher-tool-card:nth-child(20n+1) h3{color:#e8889a}.teacher-tool-card:nth-child(20n+2) h3{color:#88b8e8}.teacher-tool-card:nth-child(20n+3) h3{color:#a088d0}.teacher-tool-card:nth-child(20n+4) h3{color:#d8b868}.teacher-tool-card:nth-child(20n+5) h3{color:#88c8a0}.teacher-tool-card:nth-child(20n+6) h3{color:#e8a880}.teacher-tool-card:nth-child(20n+7) h3{color:#80a8d8}.teacher-tool-card:nth-child(20n+8) h3{color:#c088b0}.teacher-tool-card:nth-child(20n+9) h3{color:#d89888}.teacher-tool-card:nth-child(20n+10) h3{color:#80b8c0}.teacher-tool-card:nth-child(20n+11) h3{color:#b090d0}.teacher-tool-card:nth-child(20n+12) h3{color:#78c8a8}.teacher-tool-card:nth-child(20n+13) h3{color:#d088a0}.teacher-tool-card:nth-child(20n+14) h3{color:#90a8d8}.teacher-tool-card:nth-child(20n+15) h3{color:#e0a090}.teacher-tool-card:nth-child(20n+16) h3{color:#a0c888}.teacher-tool-card:nth-child(20n+17) h3{color:#c0a0d8}.teacher-tool-card:nth-child(20n+18) h3{color:#78c8b8}.teacher-tool-card:nth-child(20n+19) h3{color:#d890a8}.teacher-tool-card:nth-child(20n+20) h3{color:#98b888}.teacher-tool-card p{color:#999;flex:1;font-size:.82rem;line-height:1.5}.teachers-breadcrumb{margin-bottom:20px}.teachers-breadcrumb a{color:var(--accent);font-size:.9rem;text-decoration:none;transition:color .2s}.teachers-breadcrumb a:hover{color:var(--text-heading)}.panel-title{color:var(--text-heading);margin-bottom:8px;font-size:1.4rem}.panel-title[data-tool=bingo]{color:#e8889a}.panel-title[data-tool=word-search]{color:#88b8e8}.panel-title[data-tool=flashcards]{color:#a088d0}.panel-title[data-tool=hangman]{color:#d8b868}.panel-title[data-tool=maze]{color:#88c8a0}.panel-title[data-tool=crossword]{color:#e8a880}.panel-title[data-tool=quiz]{color:#80a8d8}.panel-title[data-tool=classification]{color:#c088b0}.panel-title[data-tool=memory]{color:#d89888}.panel-title[data-tool=anagrams]{color:#80b8c0}.panel-title[data-tool=complete]{color:#b090d0}.panel-title[data-tool=association]{color:#78c8a8}.panel-title[data-tool=random-categories]{color:#d088a0}.panel-title[data-tool=timer]{color:#90a8d8}.panel-title[data-tool=traffic-light]{color:#e0a090}.panel-title[data-tool=wheel]{color:#a0c888}[data-theme=light] .panel-title[data-tool=bingo]{color:#c0566a}[data-theme=light] .panel-title[data-tool=word-search]{color:#5088c0}[data-theme=light] .panel-title[data-tool=flashcards]{color:#7858a8}[data-theme=light] .panel-title[data-tool=hangman]{color:#b09030}[data-theme=light] .panel-title[data-tool=maze]{color:#48a070}[data-theme=light] .panel-title[data-tool=crossword]{color:#c07848}[data-theme=light] .panel-title[data-tool=quiz]{color:#4878b0}[data-theme=light] .panel-title[data-tool=classification]{color:#a05888}[data-theme=light] .panel-title[data-tool=memory]{color:#b86858}[data-theme=light] .panel-title[data-tool=anagrams]{color:#4898a0}[data-theme=light] .panel-title[data-tool=complete]{color:#8860a8}[data-theme=light] .panel-title[data-tool=association]{color:#40a078}[data-theme=light] .panel-title[data-tool=random-categories]{color:#b05870}[data-theme=light] .panel-title[data-tool=timer]{color:#5878b0}[data-theme=light] .panel-title[data-tool=traffic-light]{color:#c07058}[data-theme=light] .panel-title[data-tool=wheel]{color:#689848}.panel-description{color:var(--text-muted);font-size:.9rem;line-height:1.6}.timer-presets{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.preset-btn{background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .2s}.preset-btn:hover{border-color:var(--accent);color:var(--text-heading)}.timer-display{justify-content:center;align-items:center;min-height:280px;margin:32px 0;display:flex}.timer-circle{background:conic-gradient(var(--accent) 0%, var(--accent) calc(var(--progress) * 1%), var(--border-primary) calc(var(--progress) * 1%), var(--border-primary) 100%);border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative;box-shadow:0 8px 32px #0006}.timer-circle:before{content:"";background:var(--bg-secondary);border-radius:50%;width:200px;height:200px;position:absolute}.timer-text{z-index:1;color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;position:relative}.timer-display.running .timer-circle{animation:1s ease-in-out infinite timerPulse}.timer-display.finished .timer-circle{background:conic-gradient(#ff6b6b 0% 100%);animation:.5s ease-in-out timerFinished}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes timerFinished{0%,to{transform:scale(1)}25%{transform:scale(1.1)}75%{transform:scale(.95)}}.timer-controls{gap:12px;display:flex}.timer-controls .btn-primary{flex:1}.timer-sound-controls{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:8px;font-size:.9rem;display:flex}.timer-volume-label{align-items:center;gap:8px;display:inline-flex}.timer-sound-controls input[type=range]{cursor:pointer;width:140px;height:4px;accent-color:var(--accent);vertical-align:middle}.timer-volume-value{text-align:right;font-variant-numeric:tabular-nums;min-width:40px}.timer-test-btn{align-items:center;gap:6px;display:inline-flex}.timer-loop-toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.timer-loop-toggle input{cursor:pointer;accent-color:var(--accent)}.timer-finished-actions{justify-content:center;margin-bottom:16px;display:flex}.timer-silence-btn{color:#fff;background:#ff6b6b;border-color:#ff6b6b;animation:1.2s ease-in-out infinite timerSilencePulse}.timer-silence-btn:hover{color:#fff;background:#ff5252;border-color:#ff5252}@keyframes timerSilencePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.traffic-light-container{background:var(--bg-tertiary);border-radius:30px;flex-direction:column;align-items:center;gap:20px;margin-bottom:24px;padding:40px 20px;display:flex;box-shadow:0 8px 32px #0006}.traffic-light{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;transition:all .3s;display:flex;box-shadow:0 4px 16px #0000004d}.traffic-light.active{animation:2s ease-in-out infinite trafficGlow;box-shadow:0 0 40px,0 0 80px}.light-icon{font-size:5rem;animation:.3s ease-out lightPop}@keyframes trafficGlow{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes lightPop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.traffic-info{text-align:center;background:var(--bg-tertiary);border-radius:12px;margin-bottom:24px;padding:20px}.traffic-info h3{color:var(--text-heading);margin-bottom:8px;font-size:1.4rem}.traffic-info p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.traffic-controls{gap:12px;margin-bottom:24px;display:flex}.traffic-btn{color:var(--text-muted);cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.traffic-btn:hover{transform:translateY(-2px)}.traffic-btn.active{color:#fff;box-shadow:0 4px 16px #0000004d}.traffic-settings-section{margin-bottom:24px}.traffic-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.traffic-toggle-group{align-items:center;gap:16px;display:flex}.traffic-toggle-label{color:var(--text-muted);align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:flex}.traffic-toggle-switch{background:var(--border-primary);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.traffic-toggle-switch.active{background:#55efc4}.traffic-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.traffic-toggle-switch.active .traffic-toggle-knob{transform:translate(20px)}.traffic-settings-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.traffic-settings-btn:hover{background:var(--bg-secondary);color:var(--text-heading)}.traffic-messages-editor{background:var(--bg-tertiary);border-radius:12px;flex-direction:column;gap:16px;margin-top:16px;padding:20px;display:flex}.traffic-message-group{flex-direction:column;gap:8px;display:flex}.traffic-message-header{color:var(--text-heading);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.traffic-message-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.traffic-message-input{border:1px solid var(--border-primary);background:var(--bg-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.traffic-message-input:focus{border-color:#55efc4;outline:none}.traffic-reset-btn{border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.traffic-reset-btn:hover{background:var(--bg-secondary);color:var(--text-heading)}.traffic-shortcuts{background:var(--bg-tertiary);border-radius:12px;padding:16px 20px}.traffic-shortcuts h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem}.shortcuts-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shortcuts-grid div{color:#999;align-items:center;gap:6px;font-size:.85rem;display:flex}.shortcuts-grid kbd{background:var(--bg-secondary);border:1px solid var(--border-input);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600}.quiz-creator h3{color:var(--text-heading);margin-bottom:16px;font-size:1.2rem}.quiz-options-creator{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.quiz-option-block{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.quiz-option-block.is-correct{border-color:var(--accent);box-shadow:0 0 0 2px #55efc42e}.quiz-option-block-header{align-items:center;gap:10px;display:flex}.option-letter-badge{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);border:1px solid var(--border-primary);letter-spacing:.5px;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.quiz-option-block.is-correct .option-letter-badge{background:var(--accent);color:var(--accent-text,#1a202c);border-color:var(--accent)}.quiz-option-text-input{background:var(--bg-secondary);border:1px solid var(--border-input);width:100%;color:var(--input-text);border-radius:8px;padding:10px 12px;font-size:.95rem}.quiz-option-text-input:focus{border-color:var(--accent);outline:none}.option-input-row{align-items:center;gap:10px;display:flex}.option-checkbox{align-items:center;gap:8px;min-width:60px;display:flex}.option-checkbox input[type=radio]{accent-color:#55efc4;width:18px;height:18px}.option-letter{color:var(--accent);font-size:.9rem;font-weight:700}.option-input-row input[type=text]{background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--input-text);border-radius:8px;flex:1;max-width:500px;padding:8px 12px;font-size:.95rem}.quiz-questions-list{background:var(--bg-tertiary);border-radius:12px;margin:24px 0;padding:20px}.quiz-questions-list h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.question-item{background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;display:flex}.question-content{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.5}.question-correct{color:#55efc4;margin-top:4px;font-size:.8rem}.question-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.question-reorder{flex-direction:column;gap:2px;display:flex}.question-reorder .btn-small{min-width:unset;padding:2px 6px;font-size:.7rem;line-height:1}.question-reorder .btn-small:disabled{opacity:.25;cursor:not-allowed}.question-item[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.question-item[draggable=true]:active{cursor:grabbing}.question-item.dragging{opacity:.3;border-style:dashed}.drop-indicator{background:var(--accent);z-index:2;height:4px;box-shadow:0 0 8px var(--accent-shadow);border-radius:2px;margin:-2px 0;position:relative}.drop-indicator:before,.drop-indicator:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.drop-indicator:before{left:-3px}.drop-indicator:after{right:-3px}.question-drag-handle{color:var(--text-muted);cursor:grab;align-items:center;padding:0 4px;font-size:.85rem;display:flex}.question-drag-handle:active{cursor:grabbing}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.quiz-progress{color:var(--text-muted);font-size:.9rem;font-weight:600}.quiz-question{background:linear-gradient(135deg, var(--accent-light), var(--accent-light-end));border:1px solid var(--accent-border);border-radius:12px;margin-bottom:24px;padding:24px}.quiz-question h3{color:var(--text-heading);font-size:1.3rem;line-height:1.5}.quiz-options{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.quiz-option{background:var(--bg-tertiary);cursor:pointer;text-align:left;color:var(--text-secondary);border:2px solid #333;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;font-size:.95rem;transition:all .2s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--bg-secondary)}.quiz-option.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent), inset 0 0 0 1px var(--accent);transform:scale(1.02)}.quiz-option.selected .option-letter{background:var(--accent);color:var(--accent-text)}.quiz-option.correct{color:var(--text-primary);background:#00b8941f;border-color:#00b894}.quiz-option.incorrect{color:var(--text-primary);background:#d630311f;border-color:#d63031}.quiz-option.selected.correct,.quiz-option.selected.incorrect{box-shadow:none;transform:none}.quiz-option:disabled{cursor:not-allowed}.quiz-option .option-letter{background:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;font-weight:700;display:flex}.quiz-option .option-text{flex:1}.quiz-option .option-icon{font-size:1.2rem;font-weight:700}.quiz-question-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:280px;margin:0 auto 12px;display:block}.quiz-option-image{object-fit:cover;border-radius:6px;width:96px;height:64px}.quiz-img-skeleton{background:linear-gradient(100deg, var(--bg-tertiary) 25%, var(--border-primary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;animation:1.3s ease-in-out infinite quizImgShimmer;display:block}.quiz-img-skeleton--question-edit{width:100%;height:150px}.quiz-img-skeleton--question-view{width:100%;max-width:320px;height:180px;margin:0 auto 12px}.quiz-img-skeleton--option{border-radius:6px;width:96px;height:64px}.quiz-img-skeleton--flashcard-preview{width:min(100%,180px);height:140px}.quiz-img-skeleton--flashcard-study{width:min(100%,260px);height:200px}.flashcard-study-img{object-fit:contain;max-width:100%;max-height:200px}@keyframes quizImgShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.quiz-img-skeleton{animation:none}}@media (max-width:600px){.quiz-img-skeleton--option{width:56px;height:40px}}.quiz-question-row{flex-direction:column;align-items:stretch;gap:12px;display:flex}.quiz-question-text{flex:1;min-width:0}.option-input-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.option-input-row input[type=text]{flex:1;min-width:120px}.question-correct-thumb{object-fit:cover;vertical-align:middle;border-radius:4px;width:28px;height:28px;margin:0 6px}@media (max-width:600px){.quiz-option-image{width:56px;height:40px}.quiz-question-row{flex-direction:column}}.quiz-controls{gap:12px;display:flex}.quiz-controls--test{flex-wrap:wrap;align-items:center}.quiz-controls--test .btn-primary{margin-left:auto}.quiz-results{text-align:center}.quiz-results h2{color:var(--text-heading);margin-bottom:24px;font-size:2rem}.quiz-score{margin-bottom:32px}.score-circle{background:var(--accent-gradient);width:180px;height:180px;box-shadow:0 8px 32px var(--accent-shadow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.score-value{color:var(--accent-text);font-size:3rem;font-weight:800;line-height:1}.score-label{color:var(--accent-text);opacity:.9;margin-top:8px;font-size:.9rem}.results-breakdown{text-align:left;margin-bottom:24px}.result-item{background:var(--bg-tertiary);border-left:3px solid;border-radius:10px;gap:12px;margin-bottom:10px;padding:14px;display:flex}.result-item.correct{border-color:#55efc4}.result-item.incorrect{border-color:#ff6b6b}.result-icon{font-size:1.4rem;font-weight:700}.result-item.correct .result-icon{color:#55efc4}.result-item.incorrect .result-icon{color:#ff6b6b}.result-content{flex:1}.result-question{color:var(--text-heading);margin-bottom:4px;font-size:.9rem;font-weight:600}.result-answer{color:var(--text-muted);font-size:.85rem}.flashcard-creator h3{color:var(--text-heading);margin-bottom:16px;font-size:1.2rem}.flashcards-list{background:var(--bg-tertiary);border-radius:12px;margin:24px 0;padding:20px}.flashcards-list h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.flashcard-item{background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px;display:flex}.flashcard-item-content{flex:1;gap:12px;display:flex}.flashcard-item-number{color:var(--accent);font-size:.85rem;font-weight:700}.flashcard-item-text{color:var(--text-secondary);flex:1;font-size:.85rem;line-height:1.6}.flashcard-item-text div{margin-bottom:4px}.flashcard-item-text strong{color:var(--text-muted)}.flashcard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.flashcard-progress{color:var(--text-muted);font-size:.9rem;font-weight:600}.flashcard-container{perspective:1000px;justify-content:center;align-items:center;min-height:350px;margin-bottom:24px;display:flex}.flashcard{cursor:pointer;width:100%;max-width:500px;height:320px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;position:absolute}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:linear-gradient(135deg, var(--accent-light), var(--accent-light-end));border:2px solid var(--accent-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:32px;display:flex;position:absolute;box-shadow:0 8px 32px #0000004d}.flashcard-back{background:linear-gradient(135deg,#55efc422,#00d2d322);border-color:#55efc455;transform:rotateY(180deg)}.flashcard-label{text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:.8rem;font-weight:700}.flashcard-back .flashcard-label{color:#55efc4}.flashcard-text{color:var(--text-heading);text-align:center;flex:1;justify-content:center;align-items:center;font-size:1.6rem;font-weight:600;line-height:1.5;display:flex}.flashcard-hint{color:var(--text-hint);font-size:.8rem;font-style:italic}.flashcard-controls{gap:12px;margin-bottom:16px;display:flex}.flashcard-controls .btn-primary{flex:1}.flashcard-actions{justify-content:center;gap:10px;display:flex}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:.85rem;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--text-heading)}.fc-side-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:16px;padding:16px}.fc-side-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem;font-weight:600}.fc-text-input{background:var(--bg-secondary);border:1px solid var(--border-input);width:100%;color:var(--input-text);resize:vertical;box-sizing:border-box;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:.95rem}.fc-text-input:focus{border-color:var(--accent);outline:none}.fc-image-row{align-items:stretch;gap:10px;display:flex}.image-dropzone-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.image-dropzone-row{align-items:stretch;gap:10px;display:flex}.image-dropzone-wrap .fc-image-url{flex:1;min-width:0}.fc-image-dropzone{background:var(--bg-secondary);cursor:pointer;border:2px dashed #333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;min-height:56px;transition:border-color .2s;display:flex;position:relative}.fc-image-dropzone:hover{border-color:var(--accent)}.image-dropzone-spinner{border-radius:inherit;color:var(--accent);background:#ffffffb3;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;inset:0}.fc-dropzone-placeholder{color:var(--text-faint);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:.65rem;display:flex}.fc-dropzone-icon{font-size:1.2rem}.fc-image-preview{justify-content:center;align-items:center;width:100%;height:100%;padding:4px;display:flex;position:relative}.fc-image-preview img{object-fit:contain;border-radius:4px;max-width:100%;max-height:60px}.fc-image-remove{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;line-height:1;display:flex;position:absolute;top:2px;right:2px}.fc-image-url{background:var(--bg-secondary);border:1px solid var(--border-input);color:var(--input-text);border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:.85rem}.fc-image-url:focus{border-color:var(--accent);outline:none}.fc-input-group{transition:opacity .2s;position:relative}.fc-input-group.fc-disabled{opacity:.4;pointer-events:none}.fc-input-group.fc-disabled .fc-disabled-hint{opacity:1;pointer-events:auto}.fc-disabled-hint{color:var(--title-color);margin-top:6px;font-size:.78rem;font-style:italic}.fc-or-divider{text-align:center;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;margin:8px 0;font-size:.78rem}.fc-dropzone-disabled{cursor:not-allowed;opacity:.5}.fc-export-row{gap:12px;margin-top:12px;display:flex}.memory-creator h3{color:var(--text-heading);margin-bottom:16px;font-size:1.2rem}.memory-mode-toggle{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:999px;margin-bottom:16px;padding:4px;display:inline-flex}.memory-mode-pill{appearance:none;cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:999px;padding:8px 16px;font-weight:500}.memory-mode-pill.active{background:var(--accent);color:#fff}.memory-mode-count{opacity:.7;margin-left:6px;font-size:.85em}.memory-settings-hint{color:var(--text-secondary);margin-top:.6rem;font-size:.8rem}.memory-items-list{background:var(--bg-tertiary);border-radius:12px;margin:24px 0;padding:20px}.memory-items-list h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.item-row{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 12px;display:flex}.item-thumb{object-fit:cover;border-radius:4px;width:32px;height:32px}.item-text{flex:1}.memory-side-fieldset{border:1px solid var(--border-primary);border-radius:10px;flex-direction:column;flex:1;gap:8px;min-width:200px;margin:0;padding:12px;display:flex}.memory-side-fieldset legend{color:var(--text-muted);padding:0 6px;font-size:.85rem;font-weight:600}.toi-field{flex-direction:column;gap:10px;display:flex}.toi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.toi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.toi-toggle{border:1px solid var(--border-input);background:var(--bg-secondary);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.toi-toggle button{min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:.82rem;font-weight:600}.toi-toggle button[aria-pressed=true]{background:var(--text-heading);color:var(--bg-secondary)}.toi-toggle button:focus-visible,.toi-btn:focus-visible,.toi-drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toi-drop{box-sizing:border-box;border:2px dashed var(--border-hover);background:var(--bg-secondary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;padding:18px 14px;display:flex}.toi-drop--compact{border-width:1px;gap:8px;min-height:0;padding:12px}.toi-drop-icon{color:var(--text-hint);font-size:1.4rem}.toi-hint{color:var(--text-muted);text-align:center;font-size:.85rem;font-weight:600}.toi-drop--compact .toi-hint{font-size:.78rem;font-weight:500}.toi-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.toi-btn{border:1px solid var(--border-input);background:var(--bg-secondary);min-height:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:600;transition:border-color .2s;display:inline-flex}.toi-btn:hover:not(:disabled){border-color:var(--border-hover)}.toi-btn:disabled{opacity:.5;cursor:not-allowed}.toi-btn--ai{color:#c4b5fd;background:#8b5cf624;border-color:#8b5cf6}[data-theme=light] .toi-btn--ai{color:#5b2fd6;background:#f4efff}.toi-btn--ai:hover:not(:disabled){border-color:#7c3aed}.toi-link{gap:8px;width:100%;display:flex}.toi-link input{border:1px solid var(--border-input);background:var(--bg-secondary);min-width:0;color:var(--input-text,var(--text-primary));border-radius:8px;flex:1;padding:10px 12px;font-size:.85rem}.toi-uploading{color:var(--text-muted);font-size:.85rem}.toi-preview{border:1px solid var(--border-input);background:var(--bg-secondary);border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.toi-preview img{object-fit:contain;border-radius:6px;max-width:100%;max-height:160px}.toi-remove{color:#fff;cursor:pointer;background:#ff6b6b;border:0;border-radius:50%;width:28px;height:28px;position:absolute;top:6px;right:6px}.pair-thumb{object-fit:cover;vertical-align:middle;border-radius:4px;width:24px;height:24px;margin-right:6px}.memory-pairs-list{background:var(--bg-tertiary);border-radius:12px;margin:24px 0;padding:20px}.memory-pairs-list h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.pair-item{background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.pair-content{flex:1;align-items:center;gap:12px;font-size:.9rem;display:flex}.pair-number{color:var(--accent);min-width:35px;font-weight:700}.pair-value{color:var(--text-secondary);flex:1}.pair-divider{color:var(--accent);font-size:1.2rem}.memory-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.memory-header-controls{align-items:center;gap:12px;display:flex}.memory-stats{gap:24px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.stat-value{color:var(--text-heading);font-size:1.3rem;font-weight:700}.memory-win{text-align:center;background:linear-gradient(135deg,#55efc422,#00d2d322);border:2px solid #55efc4;border-radius:12px;margin-bottom:20px;padding:20px;animation:.4s ease-out popIn}.memory-win h3{color:#55efc4;margin-bottom:8px;font-size:1.5rem}.memory-win p{color:var(--text-muted);font-size:.95rem}.memory-grid{--m-card-size:min(170px, max(80px, calc((100vh - 340px - (var(--m-rows,4) - 1) * 12px) / var(--m-rows,4))));grid-template-columns:repeat(var(--m-cols,4), minmax(0, var(--m-card-size)));justify-content:center;gap:12px;margin-bottom:20px;display:grid}@media (max-width:1024px){.memory-grid{grid-template-columns:repeat(var(--m-cols-tablet,4), 1fr)}}@media (max-width:640px){.memory-grid{grid-template-columns:repeat(var(--m-cols-mobile,3), 1fr)}}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer;position:relative}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.3,.64,1);position:relative}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{backface-visibility:hidden;text-align:center;word-break:break-word;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;font-weight:700;display:flex;position:absolute}.memory-card-front{background:var(--accent-gradient);color:var(--accent-text);font-size:2.5rem}.memory-card-back{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-heading);flex-direction:column;gap:6px;padding:8px;font-size:1rem;line-height:1.3;transform:rotateY(180deg)}.memory-card-image{object-fit:contain;max-width:80%;max-height:60%}.memory-card-text{font-size:1.1rem}.memory-card.matched .memory-card-back{color:#55efc4;background:#55efc422;border-color:#55efc4;animation:.6s ease-out matchedPulse}[data-theme=light] .memory-card.matched .memory-card-back{color:#00875a;background:#d4f8e8;border-color:#00b894}@keyframes matchedPulse{0%,to{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.1)}}.memory-card.matched:after{content:"";pointer-events:none;border:3px solid #55efc4;border-radius:12px;animation:.6s ease-out forwards memory-match-ring;position:absolute;inset:0}[data-theme=light] .memory-card.matched:after{border-color:#00b894}@keyframes memory-match-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.memory-card.mismatch .memory-card-inner{animation:.4s ease-in-out .45s memory-mismatch-shake}.memory-card.mismatch .memory-card-back{border-color:#e17055}@keyframes memory-mismatch-shake{0%,to{transform:rotateY(180deg)translate(0)}25%{transform:rotateY(180deg)translate(4px)rotate(2deg)}50%{transform:rotateY(180deg)translate(-4px)rotate(-2deg)}75%{transform:rotateY(180deg)translate(2px)}}@media (prefers-reduced-motion:reduce){.memory-card-inner{transition-duration:.25s;transition-timing-function:ease}.memory-card.matched:after,.memory-card.mismatch .memory-card-inner{animation:none}}.info-section h3{color:#48dbfb;margin-bottom:12px;font-size:1.05rem;font-weight:700}.info-section p{color:var(--text-muted);margin-bottom:12px;font-size:.88rem;line-height:1.7}.info-section ul{flex-direction:column;gap:8px;margin-bottom:12px;padding:0;list-style:none;display:flex}.info-section li{background:var(--bg-tertiary);color:var(--text-secondary);border-left:3px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:.85rem;line-height:1.5}.classification-creator h3{color:var(--text-heading);margin-bottom:16px;font-size:1.2rem}.categories-list{background:var(--bg-tertiary);border-radius:12px;margin:20px 0;padding:16px}.categories-list h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.category-badge{color:#fff;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;margin-right:8px;padding:8px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.category-badge button{color:#fff;cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.7rem;line-height:1;transition:background .2s;display:inline-flex}.category-badge button:hover{background:#ffffff80}.items-by-category{background:var(--bg-tertiary);border-radius:12px;margin:24px 0;padding:20px}.items-by-category h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:.9rem}.category-section{margin-bottom:16px}.category-section h5{margin-bottom:8px;font-size:1rem;font-weight:700}.items-grid{flex-wrap:wrap;gap:8px;display:flex}.item-tag{background:var(--bg-secondary);border:1px solid var(--border-input);color:var(--text-secondary);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.item-tag button{background:var(--border-input);color:var(--text-hint);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.65rem;line-height:1;transition:all .2s;display:inline-flex}.item-tag button:hover{color:#fff;background:#ff6b6b}.cp-item-image-control{align-items:center;display:inline-flex}.cp-item-thumb{display:inline-flex;position:relative}.cp-item-thumb>img{object-fit:cover;border:1px solid var(--border-input);border-radius:6px;width:40px;height:40px;display:block}.cp-item-thumb-remove{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.6rem;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-6px}.item-tag .cp-item-thumb-remove{color:#fff;background:#ff6b6b;width:18px;height:18px}.cp-item-tag-thumb{object-fit:cover;border-radius:4px;width:24px;height:24px}.cp-item-tag-thumb-pending{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.classification-item-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:40px;margin-bottom:4px;display:block}.classification-item-img.img-md{max-height:80px}.classification-item-img.img-lg{max-height:140px}.pool-item.img-stack,.category-item.img-stack{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;position:relative}.pool-item.img-stack span,.category-item.img-stack .item-text{overflow-wrap:anywhere;flex:none;max-width:100%}.pool-item.img-stack .drag-handle,.category-item.img-stack .drag-handle{position:absolute;top:6px;left:8px}.category-item.img-stack .item-icon{position:absolute;top:4px;right:8px}.pool-item.img-stack .classification-item-img,.category-item.img-stack .classification-item-img{margin-bottom:0}.cp-preview-mole-img{object-fit:contain;border-radius:4px;max-width:70%;max-height:40%;margin:0 auto 2px;display:block}.cp-preview-mole--img-only .cp-preview-mole-img{max-width:90%;max-height:88%;margin:0}.classification-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.classification-header h3{color:var(--text-heading);font-size:1.2rem}.classification-pool{background:var(--bg-tertiary);border-radius:12px;margin-bottom:24px;padding:20px}.classification-pool h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.items-pool{flex-wrap:wrap;gap:10px;display:flex}.pool-item{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:12px;padding:6px 12px;transition:all .2s;display:flex}.pool-item.draggable{cursor:grab;border:2px solid #0000}.pool-item.draggable:hover{border-color:var(--accent);background:var(--hover-bg)}.pool-item.dragging{opacity:.5;cursor:grabbing;transform:scale(.95)}.drag-handle{color:var(--accent);-webkit-user-select:none;user-select:none;cursor:grab;font-weight:700}.pool-item span{color:var(--text-secondary);flex:1;font-weight:500}.pool-item select{background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--input-text);border-radius:6px;min-width:150px;padding:8px 12px;font-size:.85rem}.classification-categories{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.classification-play-area.side-by-side{align-items:flex-start;gap:20px;display:flex}.classification-play-area.side-by-side .classification-pool{flex:0 0 42%;min-width:0;position:sticky;top:16px}.classification-play-area.side-by-side .classification-categories{flex:1;min-width:0}@media (max-width:900px){.classification-play-area.side-by-side{display:block}.classification-play-area.side-by-side .classification-pool{position:static}}.classification-category{background:var(--bg-tertiary);border:2px solid;border-radius:12px;transition:all .3s;overflow:hidden}.classification-category.drag-over{background:var(--accent-light);box-shadow:0 0 20px var(--accent-shadow);border-width:3px;transform:scale(1.02)}.category-header{color:#fff;text-align:center;padding:12px;font-size:.95rem;font-weight:700}.category-items{min-height:100px;padding:12px;transition:min-height .2s}.classification-category.drag-over .category-items{min-height:120px}.empty-category{color:var(--text-faint);text-align:center;padding:20px 0;font-size:.85rem;font-style:italic}.category-item{background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:.85rem;display:flex}.category-item.draggable{cursor:grab;border:2px solid #0000;justify-content:flex-start;gap:10px;transition:all .2s}.category-item.draggable:hover{border-color:var(--accent);background:var(--hover-bg)}.category-item.draggable .item-text{flex:1}.category-item.dragging{opacity:.5;cursor:grabbing;transform:scale(.95)}.classification-pool.drag-over{background:var(--accent-light);box-shadow:0 0 20px var(--accent-shadow)}.empty-pool{width:100%;color:var(--text-faint);text-align:center;padding:8px 0;font-size:.85rem;font-style:italic}.category-item.correct{color:#55efc4;background:#55efc422;border:1px solid #55efc4}[data-theme=light] .category-item.correct{color:#00875a;background:#d4f8e8;border:1px solid #00b894}.category-item.incorrect{color:#ff6b6b;background:#ff6b6b22;border:1px solid #ff6b6b}[data-theme=light] .category-item.incorrect{color:#c0392b;background:#ffe0e0;border:1px solid #e74c3c}.item-icon{font-size:1.1rem;font-weight:700}.classification-results{background:linear-gradient(135deg, var(--accent-light), var(--accent-light-end));border:2px solid var(--accent);text-align:center;border-radius:12px;padding:24px}.classification-results h3{color:var(--accent);margin-bottom:8px;font-size:1.5rem}.classification-results p{color:var(--text-muted);margin-bottom:16px;font-size:.95rem}.anagram-creator h3,.complete-creator h3,.association-creator h3{color:var(--text-heading);margin-bottom:16px;font-size:1.2rem}.anagram-words-list,.complete-phrases-list,.association-pairs-list{background:var(--bg-tertiary);border-radius:12px;margin:24px 0;padding:20px}.anagram-words-list h4,.complete-phrases-list h4,.association-pairs-list h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.anagram-word-item,.complete-phrase-item,.association-pair-item{background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px;display:flex}.word-content,.phrase-content,.pair-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.word-number,.phrase-number,.pair-number{color:var(--accent);min-width:35px;font-weight:700}.word-text{color:var(--text-heading);font-size:.95rem;font-weight:600}.word-hint{color:var(--text-muted);font-size:.85rem;font-style:italic}@media (max-width:600px){.anagram-word-item,.complete-phrase-item,.association-pair-item{flex-wrap:wrap}.word-content,.phrase-content,.pair-content{flex-wrap:wrap;flex:100%}}.anagram-header,.complete-header,.association-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.anagram-header h3,.complete-header h3,.association-header h3{color:var(--text-heading);font-size:1.2rem}.anagram-progress,.complete-progress{color:var(--text-muted);font-size:.9rem;font-weight:600}.anagram-score-display,.complete-score-display{color:var(--title-color);font-size:1rem;font-weight:700}.anagram-word-display,.complete-phrase-display{background:linear-gradient(135deg, var(--accent-light), var(--accent-light-end));border:2px solid var(--accent-border);text-align:center;border-radius:16px;margin-bottom:24px;padding:40px 24px}.scrambled-word{color:var(--text-heading);letter-spacing:8px;margin-bottom:16px;font-size:3rem;font-weight:800}.phrase-text{color:var(--text-heading);font-size:1.8rem;font-weight:600;line-height:1.6}.anagram-hint{background:var(--bg-tertiary);color:var(--title-color);border-radius:8px;margin-top:16px;padding:8px 16px;font-size:.95rem;font-weight:600;display:inline-block}.anagram-feedback,.complete-feedback{border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;padding:20px;font-size:1.1rem;animation:.3s ease-out popIn;display:flex}.anagram-feedback.correct,.complete-feedback.correct{color:#55efc4;background:#55efc422;border:2px solid #55efc4}.anagram-feedback.incorrect,.complete-feedback.incorrect{color:#ff6b6b;background:#ff6b6b22;border:2px solid #ff6b6b}.feedback-icon{font-size:2rem;font-weight:700}.feedback-text strong{color:var(--text-heading)}.anagram-controls,.complete-controls{gap:12px;display:flex}.anagram-results,.complete-results{text-align:center}.anagram-results h2,.complete-results h2{color:var(--text-heading);margin-bottom:24px;font-size:2rem}.anagram-score,.complete-score{margin-bottom:32px}.phrase-preview{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;margin-bottom:16px;padding:16px;font-size:.95rem}.phrase-text-preview{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.phrase-text-preview small{color:var(--text-hint);margin-top:6px;display:block}.association-game{margin-bottom:24px}.association-column h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.association-item{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:10px;padding:14px;display:flex}.association-item.correct{background:#55efc422;border:2px solid #55efc4}.association-item.incorrect{background:#ff6b6b22;border:2px solid #ff6b6b}.item-content{color:var(--text-heading);font-size:.95rem;font-weight:600}.association-item select{background:var(--bg-secondary);border:1px solid var(--border-input);color:var(--input-text);border-radius:6px;padding:8px 12px;font-size:.85rem}.matched-definition{color:var(--text-secondary);background:var(--bg-secondary);border-radius:6px;padding:8px;font-size:.85rem}.association-results{background:linear-gradient(135deg, var(--accent-light), var(--accent-light-end));border:2px solid var(--accent);text-align:center;border-radius:12px;padding:24px}.association-results h3{color:var(--accent);margin-bottom:8px;font-size:1.5rem}.association-results p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.correct-associations{text-align:left;margin-bottom:20px}.correct-associations h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.correct-pair{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;font-size:.88rem;display:flex}.pair-term{color:var(--text-heading);min-width:30%;font-weight:600}.pair-arrow{color:var(--accent);font-size:1.2rem}.pair-def{color:var(--text-secondary);flex:1}.pair-details{flex:1;min-width:0}.pair-term-display{color:var(--text-heading);overflow-wrap:anywhere;word-break:break-word;margin-bottom:4px;font-weight:600}.pair-def-display{color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word;font-size:.85rem}.association-pool{background:var(--bg-tertiary);z-index:10;border:2px dashed #333;border-radius:12px;margin-bottom:24px;padding:20px;position:sticky;top:0;box-shadow:0 4px 12px #0000001a}.association-pool h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.definitions-pool{flex-wrap:wrap;gap:10px;min-height:40px;display:flex}.definitions-pool .pool-item{background:var(--assoc-pill-bg);color:var(--assoc-pill-text);cursor:move;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:25px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00000026}.definitions-pool .pool-item span,.definitions-pool .pool-item .drag-handle{color:var(--assoc-pill-text)}.definitions-pool .pool-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.definitions-pool .pool-item.dragging{opacity:.5}.drag-handle{opacity:.7;font-size:1.1rem}.association-terms{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.association-term-row{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .3s;display:flex}@media (max-width:600px){.association-terms{grid-template-columns:1fr}}.association-term-row.drag-over{border-color:var(--assoc-pill-bg);background:var(--bg-secondary);transform:scale(1.02);box-shadow:0 8px 30px #0000004d}.term-box{color:var(--text-heading);font-size:1.05rem;font-weight:600}.definition-box-label{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.definition-box{background:var(--bg-tertiary);border:2px dashed var(--border-input);text-align:center;min-height:42px;color:var(--text-hint);border-radius:25px;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-style:italic;transition:all .2s;display:flex}.definition-box.has-match{background:color-mix(in srgb, var(--assoc-pill-bg) 12%, transparent);border:2px solid var(--assoc-pill-bg);color:var(--text-heading);font-style:normal;font-weight:500}.definition-box.correct{color:#55efc4;background:#55efc422;border-color:#55efc4}.definition-box.incorrect{color:#ff6b6b;background:#ff6b6b22;border-color:#ff6b6b}.match-icon{margin-left:8px;font-size:1.1rem;font-weight:700}.site-footer{z-index:0;width:min(1400px,95%);margin:0 auto;padding:0 16px 40px;position:relative}.footer-about{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:16px;padding:24px 28px}.footer-about h3{color:var(--title-color);margin-bottom:14px;font-size:1.05rem;font-weight:700}.footer-about p{color:var(--text-muted);margin-bottom:12px;font-size:.88rem;line-height:1.75}.footer-about p:last-child{margin-bottom:0}.footer-about strong{color:var(--text-secondary)}.footer-bottom{text-align:center;color:var(--text-faint);padding:8px 0;font-size:.78rem}.footer-bottom a{color:var(--text-muted);border-bottom:1px solid #0000;text-decoration:none;transition:color .15s,border-color .15s}.footer-bottom a:hover{color:var(--text-secondary);border-bottom-color:currentColor}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-input);border-radius:3px}.draggable-letters{margin-bottom:24px}.letters-instruction{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:.9rem}.letters-container{background:var(--bg-tertiary);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:100px;padding:20px;display:flex}.drop-zone{border-radius:4px;width:8px;height:70px;margin:0 2px;transition:all .2s;position:relative}.drop-zone.active{background:var(--accent-light);border:2px dashed var(--accent);width:16px;animation:.6s ease-in-out infinite dropZonePulse}.drop-zone.active:before{content:"";background:var(--accent);width:4px;height:90%;box-shadow:0 0 10px var(--accent);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes dropZonePulse{0%,to{background:var(--accent-light)}50%{background:var(--accent-light-end)}}.letter-tile{background:linear-gradient(145deg, var(--accent), var(--accent-end));width:60px;height:60px;color:var(--accent-text);cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px var(--accent-shadow);text-transform:uppercase;touch-action:none;border-radius:12px;justify-content:center;align-items:center;font-size:2rem;font-weight:800;transition:transform .3s,box-shadow .3s,opacity .3s,margin .2s cubic-bezier(.2,0,0,1);display:flex;position:relative}.letter-tile.just-dropped{animation:.3s cubic-bezier(.34,1.56,.64,1) tile-snap}@keyframes tile-snap{0%{transform:scale(1.18)}to{transform:scale(1)}}.letter-tile.solved{background:linear-gradient(145deg,#00b894,#55efc4);animation:.55s cubic-bezier(.34,1.56,.64,1) both tile-wave;box-shadow:0 4px 12px #00b89466}@keyframes tile-wave{0%{transform:translateY(0)}40%{transform:translateY(-14px)scale(1.08)rotate(-2deg)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.letter-tile.just-dropped,.letter-tile.solved{animation:none}}.letter-tile.small{border-radius:10px;width:48px;height:48px;font-size:1.5rem}.letter-tile.tiny{border-radius:8px;width:40px;height:40px;font-size:1.2rem}.letter-tile:hover:not(.disabled){box-shadow:0 8px 20px var(--accent-shadow);transform:translateY(-4px)scale(1.05)}.letter-tile:active:not(.disabled){cursor:grabbing}.letter-tile.dragging{opacity:.4;box-shadow:0 8px 24px var(--accent-shadow);transform:scale(.95)rotate(5deg)}.letter-tile.drop-before{margin-left:50px}.letter-tile.drop-after{margin-right:50px}.letter-tile.disabled{cursor:not-allowed;opacity:.6}.letter-tile.disabled:hover{box-shadow:0 4px 12px var(--accent-shadow);transform:none}.anagram-drag-ghost{pointer-events:none;z-index:9999;transition:none;position:fixed;transform:translate(-50%,-100%)scale(1.15)rotate(-3deg);box-shadow:0 12px 32px var(--accent-shadow)!important;opacity:1!important}.anagram-drag-line{pointer-events:none;z-index:9998;border-left:2px dashed var(--accent);width:0;transition:none;position:fixed;transform:translate(-1px)}.bingo-settings-row{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px;display:flex}.bingo-setting{flex-direction:column;gap:6px;display:flex}.bingo-setting label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.78rem;display:flex}.bingo-setting input[type=text]{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--input-text);border-radius:8px;width:160px;padding:9px 12px;font-size:1rem}.bingo-setting input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.bingo-color-picker{cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;padding:0}.bingo-color-preview{border:2px solid var(--border-primary);border-radius:6px;width:48px;height:32px}.bingo-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;margin-bottom:12px;padding:16px}.bingo-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bingo-section-header h3{color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:600}.bingo-pool-count{color:var(--accent);font-size:.78rem;font-weight:600}@media (max-width:600px){.bingo-section-header{flex-wrap:wrap;row-gap:10px}.bingo-section-header .quiz-action-ai{flex:100%}}.bingo-clear-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #ff6b6b44;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:all .2s}.bingo-clear-btn:hover{background:#ff6b6b22}.bingo-add-group{margin-bottom:12px}.bingo-add-group textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);width:100%;color:var(--input-text);resize:vertical;box-sizing:border-box;border-radius:8px;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:.9rem}.bingo-add-group .btn-primary{width:100%}.bingo-grid-selector{gap:6px;display:flex}.bingo-grid-option{border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:7px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.bingo-grid-option:hover{border-color:var(--accent)}.bingo-grid-option.active{background:var(--accent-gradient);color:var(--accent-text);border-color:#0000}.bingo-pool-list{flex-wrap:wrap;gap:6px;display:flex}.bingo-pool-item{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;display:inline-flex}.bingo-pool-item .pool-item-content{text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:120px;display:inline-flex;overflow:hidden}.bingo-pool-item .pool-item-actions{align-items:center;gap:4px;display:inline-flex}.bingo-cell-editor-overlay{z-index:999;background:#0009;position:fixed;inset:0}.bingo-cell-editor{background:var(--bg-tertiary);border:1px solid var(--border-hover);z-index:1000;border-radius:12px;width:320px;max-width:90vw;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bingo-print-cell img{object-fit:contain;max-width:90%;max-height:90%}.tool-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.tool-two-col-tool{flex-direction:column;gap:20px;display:flex}.tool-two-col-editing{grid-template-columns:1fr}.tool-two-col-editing .tool-two-col-guide{display:none}.cc-two-col .tool-two-col-guide .guide-section{margin-bottom:16px;padding:20px 22px}.cc-two-col .tool-two-col-guide .guide-step{font-size:.86rem;line-height:1.5}.cc-two-col .tool-two-col-guide .guide-steps{gap:16px}.cc-two-col .tool-two-col-guide .guide-tips,.cc-two-col .tool-two-col-guide .guide-use-cases{gap:12px}.tool-two-col-guide{position:sticky;top:20px}.tool-two-col-guide .tool-guide{padding:0}.tool-two-col-guide .guide-section{margin-bottom:12px;padding:18px 20px}.tool-two-col-guide .guide-heading{margin-bottom:14px;font-size:1.1rem}.tool-two-col-guide .guide-subheading{margin-bottom:10px;font-size:.95rem}.tool-two-col-guide .guide-step{gap:2px;padding-left:30px;font-size:.82rem}.tool-two-col-guide .guide-step:before{width:20px;height:20px;font-size:.65rem}.tool-two-col-guide .guide-tips li,.tool-two-col-guide .guide-use-cases li{font-size:.82rem;line-height:1.5}.tool-two-col-guide .guide-faq-item summary,.tool-two-col-guide .guide-faq-item p{font-size:.82rem}.bingo-add-group .btn-primary{width:auto;margin-bottom:0;padding:10px 24px;font-size:.9rem;display:inline-block}.bingo-add-actions{align-items:center;gap:16px;display:flex}.bingo-char-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.bingo-char-count.at-limit{color:#e53e3e}.bingo-add-image{flex-direction:column;gap:10px;margin-top:16px;display:flex}.bingo-image-label{box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-primary);width:100%;color:var(--input-text);border-radius:8px;padding:9px 12px;font-size:.9rem}.bingo-generate-btn{justify-content:center;align-items:center;margin-top:8px;width:auto!important;padding:12px 32px!important;font-size:.95rem!important;display:inline-flex!important}.bingo-caller{max-width:640px;margin:0 auto}.bingo-caller-header{text-align:center;color:#fff;border-radius:12px;margin-bottom:20px;padding:20px 24px}.bingo-caller-title{letter-spacing:.2em;margin:0 0 4px;font-size:2rem;font-weight:800}.bingo-caller-stats{opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}.bingo-caller-current{justify-content:center;margin-bottom:20px;display:flex}.bingo-caller-current-item{border:4px solid var(--accent);background:var(--bg-secondary);text-align:center;word-break:break-word;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:420px;min-height:260px;padding:40px 52px;font-size:2rem;font-weight:700;animation:.3s ease-out callerPop;display:flex}.bingo-caller-current-item img{object-fit:contain;border-radius:8px;max-width:364px;max-height:286px}.bingo-caller-ready{color:var(--text-hint);gap:8px;font-size:1.1rem;font-weight:400}.bingo-caller-ready i{opacity:.4;font-size:2rem}@keyframes callerPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.bingo-caller-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.bingo-caller-next-btn{align-items:center;gap:8px;display:inline-flex;padding:14px 36px!important;font-size:1.15rem!important}.bingo-caller-remaining{opacity:.75;font-size:.8rem;font-weight:400}.bingo-caller-bingo-btn{color:#fff;cursor:pointer;letter-spacing:.1em;background:linear-gradient(135deg,#f9ca24,#f0932b);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 36px;font-size:1.15rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.bingo-caller-bingo-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 4px 16px #f0932b66}.bingo-caller-bingo-btn:disabled{opacity:.4;cursor:not-allowed}.bingo-caller-won{text-align:center;padding:40px 20px}.bingo-caller-won-icon{color:#f9ca24;margin-bottom:12px;font-size:4rem;animation:.5s ease-out callerPop}.bingo-caller-won h2{letter-spacing:.2em;background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:3rem;font-weight:900}.bingo-caller-won p{color:var(--text-muted);font-size:1.05rem}.bingo-caller-history{border-top:1px solid var(--border-primary);padding-top:16px}.bingo-caller-history h3{color:var(--text-muted);margin:0 0 10px;font-size:.95rem}.bingo-caller-history-grid{flex-wrap:wrap;gap:6px;display:flex}.bingo-caller-history-item{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.85rem;display:inline-flex}.bingo-caller-history-latest{font-weight:600}.bingo-caller-history-num{color:var(--text-hint);font-size:.75rem;font-weight:600}.bingo-caller-history-text{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.panel-fullscreen{background:var(--bg-primary);border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0;display:flex;overflow:hidden}.panel-fullscreen .timer-presets,.panel-fullscreen .timer-sound-controls,.panel-fullscreen .traffic-controls,.panel-fullscreen .traffic-shortcuts,.panel-fullscreen .traffic-settings-section{display:none!important}.panel-fullscreen .controls{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:12px;width:auto;max-width:600px;padding:16px 24px 0}.panel-fullscreen .timer-display{flex:1;justify-content:center;align-items:center;display:flex}.panel-fullscreen .timer-circle{width:min(60vmin,500px);height:min(60vmin,500px)}.panel-fullscreen .timer-circle:before{width:min(50vmin,420px);height:min(50vmin,420px)}.panel-fullscreen .timer-text{font-size:min(12vmin,6rem)}.panel-fullscreen .timer-controls{flex-shrink:0;gap:16px;padding:24px 0}.panel-fullscreen .traffic-light-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3vmin;padding:2vmin 0;display:flex}.panel-fullscreen .traffic-light{width:18vmin;height:18vmin}.panel-fullscreen .traffic-light .light-icon{font-size:6vmin}.panel-fullscreen .traffic-info{text-align:center;flex-shrink:0;padding:0 20px}.panel-fullscreen .traffic-info h3{font-size:2.5rem}.panel-fullscreen .traffic-info p{margin-bottom:8px;font-size:1.3rem}.panel-fullscreen .fullscreen-btn{flex-shrink:0;align-self:center;width:auto!important;margin:16px 0 24px!important}.panel-fullscreen .btn-row{flex-shrink:0;justify-content:center;align-self:center;width:auto;margin:12px 0 0}.panel-fullscreen .btn-row .btn-primary{flex:none;justify-content:center;align-items:center;gap:6px;width:auto!important;display:inline-flex!important}.panel-fullscreen .btn-row .fullscreen-btn{margin:0!important}.fullscreen-btn{background:var(--bg-tertiary)!important;border:1px solid var(--border-hover)!important;color:var(--text-muted)!important;margin-top:16px!important;padding:8px 16px!important;font-size:.85rem!important}.fullscreen-btn:hover{border-color:var(--accent)!important;color:var(--text-heading)!important}.panel-fullscreen .result-area{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;padding:24px;display:flex}.panel-fullscreen>.btn-primary:not(.fullscreen-btn),.panel-fullscreen .table-loaded>.btn-primary:not(.fullscreen-btn){flex-shrink:0;margin:12px 0 0;padding:10px 24px;width:auto!important;display:inline-flex!important}.panel-fullscreen .dice{width:min(30vmin,240px);height:min(30vmin,240px)}.panel-fullscreen .dice-total{text-align:center;width:100%;font-size:min(6vmin,3rem)}.panel-fullscreen .coin{width:min(30vmin,240px);height:min(30vmin,240px)}.panel-fullscreen .coin-stats{text-align:center;width:100%;font-size:min(4vmin,1.8rem)}.panel-fullscreen .card{margin:16px;transform:scale(1.6)}.panel-fullscreen .winner-name{padding:16px 32px;font-size:min(8vmin,3.5rem)}.panel-fullscreen .number-ball{width:min(18vmin,100px);height:min(18vmin,100px);font-size:min(6vmin,2.5rem)}.panel-fullscreen .team-block{font-size:1.2rem}.panel-fullscreen .team-block h4{font-size:1.6rem}.panel-fullscreen .upload-zone,.panel-fullscreen .table-preview-wrapper,.panel-fullscreen .table-file-info{display:none!important}.panel-fullscreen .table-loaded{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.panel-fullscreen .table-loaded .result-area{flex:1}.panel-fullscreen .winner-card{font-size:1.4rem}.panel-fullscreen .winner-card .winner-main{font-size:min(6vmin,2.5rem)}@media (max-width:900px){.tool-two-col{grid-template-columns:1fr}.tool-two-col-guide{position:static}}.paywall-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.paywall-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);text-align:center;z-index:1000;width:420px;max-width:90vw;box-shadow:0 20px 60px var(--shadow-color);border-radius:16px;padding:32px;position:relative}.paywall-close{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.paywall-close:hover{color:#ff6b6b;border-color:#ff6b6b}.paywall-icon{color:var(--text-heading);margin-bottom:16px;font-size:3rem}.paywall-modal h2{color:var(--text-heading);margin-bottom:12px;font-size:1.4rem}.paywall-modal p{color:var(--text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.5}.paywall-cta{background:var(--accent-gradient);width:100%;color:var(--accent-text);cursor:pointer;text-align:center;border:none;border-radius:12px;padding:14px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.paywall-cta:hover{box-shadow:0 6px 20px var(--accent-shadow);transform:translateY(-2px)}.paywall-cta-label{display:block}.paywall-cta-price{opacity:.85;margin-top:2px;font-size:.78rem;font-weight:500;display:block}.paywall-second-tier{color:var(--text-muted);margin:14px 0 0;font-size:.82rem;line-height:1.45}.paywall-second-tier a{color:var(--text-secondary);text-decoration:underline}.paywall-link-button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.paywall-dismiss{color:var(--text-hint);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:8px 16px;font-size:.85rem;transition:color .2s}.paywall-dismiss:hover{color:var(--text-primary)}.paywall-survey-reassure{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.paywall-survey-reasons{text-align:left;flex-direction:column;gap:.5rem;margin:.5rem 0 1rem;display:flex}.paywall-survey-reason{cursor:pointer;align-items:center;gap:.5rem;display:flex}.paywall-survey-comment{resize:vertical;border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;min-height:70px;color:var(--text-primary);border-radius:8px;padding:.5rem;font-family:inherit}.paywall-survey-actions{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.waitlist-pitch{color:var(--text-muted);border-top:1px solid var(--border-primary);margin-bottom:20px;padding-top:16px;font-size:.9rem;line-height:1.5}.paywall-promo-line{text-align:center;margin-bottom:10px}.paywall-promo-line span{color:#fff;background:#51cf66;border-radius:20px;padding:3px 12px;font-size:.8rem;font-weight:700;display:inline-block}.waitlist-form{flex-direction:column;gap:10px;display:flex}.waitlist-input{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .2s}.waitlist-input:focus{border-color:var(--accent)}.waitlist-input::placeholder{color:var(--text-hint)}.paywall-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.waitlist-error{color:#ff6b6b;margin-top:8px;font-size:.85rem}.save-dialog-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.save-dialog-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);text-align:center;z-index:1000;width:420px;max-width:90vw;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color);border-radius:16px;padding:32px;position:relative;overflow-y:auto}.save-dialog-close{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.save-dialog-close:hover{color:#ff6b6b;border-color:#ff6b6b}.save-dialog-icon{color:var(--text-heading);margin-bottom:12px;font-size:2.5rem}.save-dialog-modal h2{color:var(--text-heading);margin-bottom:8px;font-size:1.3rem}.save-dialog-modal p{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.save-dialog-modal p.save-dialog-weight-notice{text-align:left;color:var(--text-primary);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.save-dialog-modal p.save-dialog-weight-notice i{color:var(--accent);margin-top:2px}.save-dialog-field{text-align:left;margin-bottom:20px}.save-dialog-field label{color:var(--text-primary);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.save-dialog-field input{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.save-dialog-field input:focus,.save-dialog-field textarea:focus{border-color:var(--text-heading)}.save-dialog-field textarea{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);box-sizing:border-box;resize:vertical;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.save-dialog-checkbox-row{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.save-dialog-checkbox{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:inline-flex}.save-dialog-checkbox.disabled{opacity:.5;cursor:not-allowed}.save-dialog-checkbox input[type=checkbox]{width:16px;height:16px;cursor:inherit;accent-color:var(--text-heading);margin:0}.save-dialog-info{color:var(--text-muted);cursor:help;outline:none;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex;position:relative}.save-dialog-info:hover,.save-dialog-info:focus-visible{color:var(--text-heading)}.save-dialog-info:after{content:attr(data-tooltip);background:var(--text-primary);color:var(--bg-secondary);white-space:normal;text-align:center;opacity:0;pointer-events:none;z-index:10;width:max-content;max-width:220px;box-shadow:0 4px 12px var(--shadow-color);border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:500;line-height:1.3;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.save-dialog-info:before{content:"";border:6px solid #0000;border-top-color:var(--text-primary);opacity:0;pointer-events:none;z-index:10;transition:opacity .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.save-dialog-info:hover:after,.save-dialog-info:hover:before,.save-dialog-info:focus-visible:after,.save-dialog-info:focus-visible:before{opacity:1}.save-dialog-buttons{gap:10px;display:flex}.save-dialog-buttons button{cursor:pointer;border-radius:10px;flex:1;padding:12px;font-size:.95rem;transition:all .2s}.save-dialog-buttons .save-dialog-cancel{border:1px solid var(--border-primary);color:var(--text-primary);background:0 0}.save-dialog-buttons .save-dialog-cancel:hover{border-color:var(--text-muted)}.save-dialog-buttons .save-dialog-submit{background:var(--accent-gradient);color:var(--accent-text);border:none;font-weight:600}.save-dialog-buttons .save-dialog-submit:hover{box-shadow:0 6px 20px var(--accent-shadow);transform:translateY(-2px)}.save-dialog-buttons .save-dialog-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.paywall-modal,.save-dialog-modal{--bg-primary:var(--ds-paper);--bg-secondary:var(--ds-paper-card);--bg-tertiary:var(--ds-paper-2);--text-primary:var(--ds-ink);--text-heading:var(--ds-ink);--text-secondary:var(--ds-ink-soft);--text-muted:var(--ds-ink-soft);--text-hint:var(--ds-ink-soft);--title-color:var(--ds-ink);--border-primary:var(--ds-hairline);--accent:var(--ds-gold-deep);--accent-gradient:var(--ds-gold);--accent-end:var(--ds-gold);--accent-text:var(--ds-gold-ink);--accent-shadow:#efb23c4d;--shadow-color:#1f2d282e;font-family:var(--ds-font-body);box-shadow:var(--ds-shadow-lg);border-radius:18px}.paywall-modal h2,.save-dialog-modal h2{font-family:var(--ds-font-display);letter-spacing:-.01em;font-weight:600}.cookie-banner{background:var(--bg-secondary);border-top:1px solid var(--border-primary);z-index:var(--z-consent);box-shadow:0 -4px 20px var(--shadow-color);padding:16px 24px;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-content{align-items:center;gap:20px;max-width:960px;margin:0 auto;display:flex}.cookie-banner-content p{color:var(--text-muted);flex:1;margin:0;font-size:.85rem;line-height:1.5}.cookie-banner-actions{flex-shrink:0;gap:10px;display:flex}.cookie-btn-accept{background:var(--accent-gradient);color:var(--accent-text);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.cookie-btn-accept:hover{box-shadow:0 4px 12px var(--accent-shadow);transform:translateY(-1px)}.cookie-btn-decline{border:1px solid var(--border-hover);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.cookie-btn-decline:hover{border-color:var(--text-muted);color:var(--text-primary)}@media (max-width:600px){.cookie-banner{padding:14px 16px}.cookie-banner-content{flex-direction:column;gap:12px}.cookie-banner-actions{flex-wrap:wrap;width:100%}.cookie-btn-accept,.cookie-btn-decline{flex:auto}}.newsletter-banner{z-index:var(--z-banner);background:var(--bg-secondary);border-top:1px solid var(--border-primary);align-items:center;gap:12px;padding:6px 24px;animation:.4s ease-out bannerSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}@keyframes bannerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.newsletter-banner-content{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.newsletter-banner-text{color:var(--text-primary);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.newsletter-banner-text i{color:var(--accent);font-size:1rem}.newsletter-banner-form{align-items:center;gap:8px;display:flex}.newsletter-banner-input{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;outline:none;width:220px;padding:5px 12px;font-size:.85rem;transition:border-color .2s}.newsletter-banner-input:focus{border-color:var(--accent)}.newsletter-banner-input::placeholder{color:var(--text-hint)}.newsletter-banner-btn{background:var(--accent-gradient);color:var(--accent-text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:5px 18px;font-size:.85rem;font-weight:600;transition:transform .2s,box-shadow .2s}.newsletter-banner-btn:hover{box-shadow:0 4px 12px var(--accent-shadow);transform:translateY(-1px)}.newsletter-banner-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.newsletter-banner-close{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:1.3rem;line-height:1;transition:opacity .2s}.newsletter-banner-close:hover{opacity:1}.newsletter-banner-error{color:#e03131;width:100%;margin:4px 0 0;font-size:.8rem}.newsletter-banner-success{color:#51cf66;margin:0;font-size:.9rem;font-weight:600}.inline-form-error{color:#e03131;margin-top:6px;font-size:.85rem;line-height:1.3}@media (max-width:600px){.newsletter-banner{padding:8px 16px}.newsletter-banner-content{flex-direction:column;align-items:stretch;gap:10px}.newsletter-banner-text{white-space:normal;font-size:.85rem}.newsletter-banner-form{flex-direction:column}.newsletter-banner-input{width:100%}.newsletter-banner-btn{width:100%;padding:10px}}.announcement-banner{z-index:var(--z-banner);background:var(--announcement-bg,none), var(--bg-secondary);border-bottom:1px solid var(--border-primary);border-bottom-color:var(--announcement-border,var(--border-primary));width:100%;color:var(--text-primary);box-shadow:var(--announcement-shadow,0 2px 8px #0000000f);align-items:center;gap:14px;padding:10px 56px 10px 20px;animation:.4s ease-out announcementSlideDown;display:flex;position:sticky;top:0}@keyframes announcementSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.announcement-banner-content{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.announcement-banner-icon{--fa-display:inline-flex;background:var(--announcement-icon-bg,transparent);width:28px;height:28px;color:var(--announcement-icon-color,currentColor);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:-1px;font-size:1.1rem;display:inline-flex}.announcement-banner-text{margin:0;font-size:.9rem;line-height:1.45}.announcement-banner-signature{opacity:.85;font-style:italic}.announcement-banner-close{color:var(--announcement-close-color,var(--text-muted));cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:4px 10px;font-size:1.4rem;line-height:1;transition:opacity .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.announcement-banner-close:hover{opacity:1}.announcement-banner-info{--announcement-bg:linear-gradient(90deg, #388bfd1a, #388bfd0a);--announcement-border:#388bfd59;--announcement-icon-bg:#388bfd1f;--announcement-icon-color:#388bfd}.announcement-banner-issue{--announcement-bg:linear-gradient(90deg, #f59e0b29, #f59e0b0f);--announcement-border:#f59e0b7a;--announcement-icon-bg:#f59e0b24;--announcement-icon-color:#d97706}.announcement-banner-feature{--announcement-bg:linear-gradient(90deg, #14b8a629, #3b82f614, #22c55e14);--announcement-border:#14b8a66b;--announcement-icon-bg:#14b8a629;--announcement-icon-color:#0f766e;--announcement-shadow:0 2px 12px #14b8a61a}.payment-issue-banner{flex-wrap:wrap;padding-right:20px}.payment-issue-banner-actions{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.payment-issue-banner-fix{color:#fff;font:inherit;cursor:pointer;background:#d97706;border:none;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700}.payment-issue-banner-fix:disabled{opacity:.7;cursor:default}.payment-issue-banner-link{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.82rem;text-decoration:underline}.payment-issue-banner-error{color:#c4453f}body:has(.announcement-banner) .top-toolbar{top:68px}@media (max-width:600px){.announcement-banner{gap:10px;padding:10px 48px 10px 14px}.announcement-banner-text{font-size:.82rem}.announcement-banner-icon{font-size:1rem}body:has(.announcement-banner) .top-toolbar{top:88px}}.thanks-page{justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.thanks-card{text-align:center;max-width:460px}.thanks-icon{color:#51cf66;margin-bottom:16px;font-size:3.5rem}.thanks-card h1{color:var(--text-heading);margin-bottom:12px;font-size:2rem}.thanks-card p{color:var(--text-muted);margin-bottom:28px;font-size:1rem;line-height:1.6}.thanks-back{background:var(--accent-gradient);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.thanks-back:hover{box-shadow:0 6px 20px var(--accent-shadow);transform:translateY(-2px)}.thanks-redirect{color:var(--text-primary);margin-top:12px;font-size:1rem;font-weight:600}.usage-banner{bottom:calc(16px + var(--sp-dock-h,0px));background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-muted);z-index:100;box-shadow:0 2px 8px var(--shadow-color);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;transition:all .2s;animation:.3s fadeIn;display:flex;position:fixed;left:16px}.usage-banner:hover{border-color:var(--accent)}.usage-banner-count{color:var(--text-heading);font-weight:700}.usage-banner-pro{background:var(--accent-gradient);color:var(--accent-text);cursor:default;border-color:#0000}.usage-banner-pro span{font-size:.8rem;font-weight:700}.usage-banner-pro span:not(.usage-banner-count){font-weight:600}.usage-banner-pro .usage-banner-count{color:inherit}a.usage-banner-pro{cursor:pointer}.pro-toast{color:#fff;z-index:1001;background:linear-gradient(135deg,#55efc4,#00b894);border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;animation:.3s slideDown,.5s 2.5s forwards fadeOut;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00b89466}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:900px){.teacher-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.teachers-page{max-width:100%}.teacher-tools-grid{grid-template-columns:1fr}.app{padding:16px 10px 40px}header h1{font-size:1.8rem}.tab{padding:6px 10px;font-size:.78rem}.category-nav{gap:4px}.category-tab{border-radius:8px;padding:8px 12px;font-size:.78rem}.panel{padding:20px 16px}.dice{width:60px;height:60px;font-size:1.6rem}.number-ball{width:55px;height:55px;font-size:1.3rem}.coin,.coin svg{width:75px;height:75px}.letter-tile{width:50px;height:50px;font-size:1.5rem}.letter-tile.small{width:40px;height:40px;font-size:1.2rem}.letter-tile.tiny{width:34px;height:34px;font-size:1rem}.drop-zone{width:6px;height:50px}.drop-zone.active{width:12px}.letter-tile.drop-before{margin-left:24px}.letter-tile.drop-after{margin-right:24px}.paywall-modal,.save-dialog-modal{padding:24px 16px}.usage-banner{font-size:.7rem;bottom:10px;left:10px}}.wordsearch-grid{-webkit-user-select:none;user-select:none;gap:2px;max-width:600px;margin:20px auto;display:grid}.wordsearch-cell{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;text-transform:uppercase;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;font-size:clamp(.7rem,2.5vw,1.2rem);font-weight:700;transition:background .15s,transform .1s;display:flex}.wordsearch-cell:hover{background:var(--hover-bg);transform:scale(1.05)}.wordsearch-cell.selecting{background:#48dbfb4d;border-color:#48dbfb;transform:scale(1.08)}.wordsearch-cell.found{border-color:#0000;font-weight:800}.wordsearch-cell.just-found{z-index:1;animation:.45s cubic-bezier(.34,1.56,.64,1) both ws-found-bounce}@keyframes ws-found-bounce{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.wordsearch-wordbank{background:var(--bg-secondary);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;padding:16px;display:flex}.wordsearch-wordbank-item{background:var(--border-primary);border:2px solid var(--border-hover);color:var(--text-primary);border-radius:20px;padding:6px 14px;font-size:.9rem;font-weight:600;transition:all .3s}.wordsearch-wordbank-item.found{opacity:.5;position:relative}.wordsearch-wordbank-item.found:after{content:"";transform-origin:0;background:currentColor;height:2px;animation:.35s ease-out .15s both ws-strike;position:absolute;top:50%;left:10px;right:10px}@keyframes ws-strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.wordsearch-cell.just-found,.wordsearch-wordbank-item.found:after{animation:none}}.cw-letter-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) both cw-letter-pop}@keyframes cw-letter-pop{0%{opacity:.3;transform:scale(.4)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.cw-letter-shake{animation:.35s ease-in-out cw-letter-shake}@keyframes cw-letter-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.complete-solved-word{color:#00b894;font-weight:700}.complete-letter-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) both complete-letter-pop;display:inline-block}@keyframes complete-letter-pop{0%{opacity:0;transform:scale(0)translateY(6px)}65%{opacity:1;transform:scale(1.25)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.cw-letter-pop,.cw-letter-shake,.complete-letter-pop{animation:none}}.wordsearch-options{background:var(--bg-tertiary);border-radius:12px;margin-top:20px;padding:16px}.wordsearch-setup-panel{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.wordsearch-setup-heading{margin:0}.wordsearch-entry-column{min-width:0}.wordsearch-entry-column .controls{margin-bottom:0;display:block}.wordsearch-entry-column .controls>label{width:100%}.wordsearch-entry-column .controls input[type=text]{flex:auto;min-width:120px;max-width:none}@media (max-width:768px){.wordsearch-entry-column .controls .split-btn{flex:none;width:auto;margin-top:0}}.wordsearch-options-inline{align-self:start;width:100%;margin-top:0}.wordsearch-options h4{color:var(--text-heading);margin-bottom:12px}.wordsearch-option-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.wordsearch-options-inline .wordsearch-option-row:first-of-type{display:block}.wordsearch-options-inline .wordsearch-option-row:first-of-type>label{margin-bottom:8px}.wordsearch-option-row label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:flex}.wordsearch-option-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.wordsearch-size-buttons{flex-wrap:wrap;gap:8px;display:flex}.wordsearch-size-btn{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:6px 14px;font-weight:600;transition:all .2s}.wordsearch-size-btn:hover{border-color:var(--accent);color:var(--text-heading)}.wordsearch-size-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}@media (max-width:600px){.wordsearch-grid{gap:1px;max-width:100%}.wordsearch-cell{border-radius:2px;font-size:clamp(.5rem,2vw,.9rem)}.wordsearch-wordbank-item{padding:4px 10px;font-size:.75rem}.wordsearch-size-buttons{flex-wrap:wrap}}.tool-guide{width:100%;padding:0}.guide-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-bottom:16px;padding:24px 28px}.guide-heading{color:var(--text-heading);margin-bottom:18px;font-size:1.25rem;font-weight:700}.guide-subheading{color:var(--text-heading);margin-bottom:14px;font-size:1.05rem;font-weight:700}.guide-steps{counter-reset:guide-step;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.guide-step{counter-increment:guide-step;flex-direction:column;gap:4px;padding-left:36px;font-size:.9rem;line-height:1.6;display:flex;position:relative}.guide-step:before{content:counter(guide-step);background:var(--accent-gradient);width:24px;height:24px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.guide-step strong{color:var(--text-heading);font-weight:600}.guide-step span{color:var(--text-muted)}.guide-tips,.guide-use-cases{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.guide-tips li,.guide-use-cases li{color:var(--text-muted);padding-left:24px;font-size:.9rem;line-height:1.6;position:relative}.guide-tips li:before{content:"✔";color:#55efc4;font-size:.85rem;position:absolute;left:0}.guide-use-cases li:before{content:"▸";color:var(--title-color);font-size:1rem;position:absolute;left:0}.guide-faq{flex-direction:column;gap:8px;display:flex}.guide-faq-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;transition:border-color .2s;overflow:hidden}.guide-faq-item[open]{border-color:var(--accent)}.guide-faq-item summary{color:var(--text-heading);cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:600;list-style:none;display:flex}.guide-faq-item summary::-webkit-details-marker{display:none}.guide-faq-item summary:before{content:"+";color:var(--accent);text-align:center;flex-shrink:0;width:20px;font-size:1.1rem;font-weight:700;transition:transform .2s}.guide-faq-item[open] summary:before{content:"−"}.guide-faq-item p{color:var(--text-muted);margin:0;padding:0 16px 14px 46px;font-size:.88rem;line-height:1.7}.feature-carousel{margin-top:24px;padding:30px 0 20px;position:relative;overflow:hidden}.feature-carousel-track{justify-content:center;align-items:center;height:240px;display:flex;position:relative}.home-feature-card.carousel-card{background:var(--bg-secondary);border:1px solid var(--border-primary);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;width:260px;padding:24px 20px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);position:absolute}.home-feature-card.carousel-card-active{border-color:var(--accent);box-shadow:0 4px 24px #0000001f}.home-feature-card .feature-icon{margin-bottom:10px;font-size:2rem}.home-feature-card h3{color:var(--text-heading);margin-bottom:8px;font-size:.95rem;font-weight:800}.home-feature-card p{color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.6}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.carousel-dot{background:var(--border-primary);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .3s,transform .3s}.carousel-dot-active{background:var(--accent);transform:scale(1.3)}.home-why-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-top:24px;padding:24px 28px}.home-why-section h2{color:var(--text-heading);margin-bottom:14px;font-size:1.25rem;font-weight:700}.home-why-section p{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;line-height:1.7}.home-why-section p:last-child{margin-bottom:0}.home-faq-section{margin-top:24px}.home-faq-section h2{color:var(--text-heading);text-align:center;margin-bottom:14px;font-size:1.25rem;font-weight:700}.teachers-workflows{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;margin-top:24px;padding:24px 28px}.teachers-workflows h2{color:var(--text-heading);margin-bottom:14px;font-size:1.15rem;font-weight:700}.teachers-workflows p{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;line-height:1.7}.workflow-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.workflow-list li{color:var(--text-muted);padding-left:24px;font-size:.9rem;line-height:1.6;position:relative}.workflow-list li:before{content:"💡";font-size:.85rem;position:absolute;left:0}@media (max-width:700px){.feature-carousel-track{height:220px}.home-feature-card.carousel-card{width:220px}.guide-section{padding:18px 16px}.guide-step{padding-left:32px}}.animated-owl-wrapper{z-index:10;pointer-events:none;height:0;margin-bottom:0;position:relative;overflow:visible}.animated-owl{filter:drop-shadow(0 4px 8px #00000026);position:absolute;bottom:-3px;left:40px}.teachers-panel-with-owl{position:relative;overflow:visible}.owl-perch-anchor{z-index:10;pointer-events:none;width:100px;height:116px;position:absolute;top:-113px;left:20px}.animated-owl-perched{pointer-events:none;width:100px;height:116px;position:relative}.animated-owl-perched .animated-owl{filter:drop-shadow(0 4px 8px #00000026);position:absolute;bottom:0;left:0}.owl-speech-bubble{background:var(--bg-secondary,#2a2a2a);color:var(--text-primary,#e0e0e0);border:1px solid var(--border-primary,#444);white-space:nowrap;pointer-events:none;z-index:20;border-radius:12px;padding:8px 14px;font-size:.82rem;font-weight:600;animation:.3s ease-out owlBubbleIn;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.owl-speech-bubble:after{content:"";border:6px solid #0000;border-top-color:var(--border-primary,#444);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes owlBubbleIn{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.screenshot-gallery{text-align:center;margin:32px 0}.screenshot-gallery h2{color:var(--text-heading);margin-bottom:8px;font-size:1.4rem}.screenshot-gallery-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.92rem}.screenshot-masonry{columns:4;column-gap:16px}.screenshot-item{background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;break-inside:avoid;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;margin-bottom:16px;padding:8px;transition:transform .2s,box-shadow .2s;display:inline-flex}.screenshot-item img{border-radius:8px;width:100%;height:auto;display:block}.screenshot-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.screenshot-img-wrap{perspective:900px;width:100%;position:relative}.screenshot-label{color:var(--text-heading);font-size:.88rem;font-weight:600}.screenshot-lightbox{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.screenshot-lightbox-content{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:900px;padding:16px;position:relative}.screenshot-lightbox-close{background:var(--accent);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;position:absolute;top:-12px;right:-12px}.screenshot-lightbox-label{text-align:center;color:var(--text-heading);margin-top:10px;font-size:1rem;font-weight:600}@media (max-width:950px){.screenshot-masonry{columns:3}}@media (min-width:701px) and (max-width:1080px){.animated-owl-wrapper{justify-content:center;margin-bottom:74px;display:flex}.animated-owl{width:78px;height:auto;margin-left:-39px;bottom:-77px;left:50%}}@media (max-width:700px){.screenshot-masonry{columns:2;column-gap:10px}.animated-owl-wrapper{justify-content:center;height:0;margin-bottom:40px;display:flex;overflow:visible}.teachers-panel-with-owl{margin-top:63px}.owl-perch-anchor{width:55px;height:64px;top:-63px;left:50%;transform:translate(-50%)}.animated-owl-perched{width:55px;height:64px}.animated-owl-perched .animated-owl{width:55px;height:auto}.animated-owl{width:55px;height:auto;margin-left:-27.5px;position:absolute;bottom:-42px;left:50%}}.animated-owl-fluid{pointer-events:auto;z-index:0;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:0;display:flex}.animated-owl-fluid .animated-owl{width:100%;height:100%;margin-left:0;position:static;bottom:auto;left:auto}.animated-owl-fluid .owl-speech-bubble{white-space:normal;text-align:center;max-width:94%;top:2rem;bottom:auto}:is(body:has(.student-layout)>.site-footer,body:has(.student-layout)>.cookie-consent,body:has(.student-layout)>.newsletter-banner-wrapper,body:has(.student-layout)>.usage-banner,body:has(.student-layout)>.top-toolbar,body:has(.student-layout)>.paywall-overlay,body:has(.student-layout)>.newsletter-modal-overlay,body:has(.student-layout)>.pro-activator){display:none!important}.student-layout{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.student-container{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;padding:16px;display:flex}@media (min-width:1025px){.student-container:has(.memory-grid){max-width:1360px}}@media (max-width:600px){.student-container{padding:8px}}.share-panel-wrapper{position:relative}.share-panel{z-index:50;background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000026}.share-panel-header{justify-content:space-between;align-items:center;display:flex}.share-panel-header h4{color:var(--text-color);margin:0;font-size:.95rem}.share-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.share-panel-btn{flex:1;min-width:fit-content;margin:0!important;padding:10px 14px!important;font-size:.85rem!important}.share-panel-qr{border:1px solid var(--border-color,#e0e0e0);background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.share-panel-qr img{border-radius:4px}.share-panel-qr p{color:var(--text-muted,#666);margin:0;font-size:.8rem}.account-page{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.account-card{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1;border-radius:16px;width:100%;max-width:480px;padding:2rem;position:relative}.account-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.account-header h1{margin:0;font-size:1.4rem}.account-avatar{border-radius:50%;width:56px;height:56px}.account-email{color:var(--text-muted,#666);margin:.25rem 0 0;font-size:.9rem}.account-section{border-top:1px solid var(--border-primary);margin-top:1.25rem;padding-top:1.25rem}.account-section h2{margin:0 0 .75rem;font-size:1.1rem}.account-sub-info{flex-direction:column;gap:.75rem;display:flex}.account-sub-info p{margin:0;font-size:.95rem}.account-badge{border-radius:20px;width:fit-content;padding:.2rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.account-badge-pro{color:#fff;background:#51cf66}.account-badge-admin{color:#fff;background:#845ef7}.account-badge-free{background:var(--accent-gradient);color:var(--accent-text)}.account-btn{border:1px solid var(--border-primary);background:var(--bg-secondary);color:inherit;cursor:pointer;text-align:center;border-radius:10px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-block}.account-btn:hover{opacity:.8}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-btn-primary{background:var(--accent-gradient);color:var(--accent-text);border-color:#0000}.account-btn-accent{color:#fff;background:#51cf66;border-color:#0000}.account-btn-danger{color:#e03131;border-color:#e03131}.account-btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.account-btn-label{display:block}.account-btn-price{opacity:.85;margin-top:2px;font-size:.78rem;font-weight:500;display:block}.account-back{text-align:center;color:var(--text-muted,#666);margin-top:1.5rem;font-size:.9rem;text-decoration:none;display:block}.account-back:hover{text-decoration:underline}.my-activity-item{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:10px;align-items:center;gap:1rem;padding:1rem;transition:border-color .2s;display:flex}.my-activity-item:hover{border-color:var(--accent)}.my-activity-item.bulk-selected{border-color:var(--accent);background:var(--accent-light)}.my-activity-item.dragging{opacity:.45}.dnd-active .my-activity-item>*,.dnd-active .folder-picker-crumb>*{pointer-events:none}.my-activity-item[draggable=true]{cursor:grab}.dnd-hint{border:1px dashed var(--accent-border);background:var(--accent-light);color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;margin-bottom:1rem;padding:8px 12px;font-size:.85rem;display:flex}.dnd-hint i{color:var(--accent);flex-shrink:0}.dnd-hint-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:1.15rem;line-height:1}.dnd-hint-close:hover{color:var(--text-primary)}@media (hover:none),(pointer:coarse){.dnd-hint{display:none}}.feature-tip-anchor{display:inline-flex;position:relative}.feature-tip-anchor--block{display:block}.feature-tip{z-index:40;background:var(--bg-secondary);border:1px solid var(--accent);width:max-content;max-width:min(260px,80vw);color:var(--text-primary);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;font-size:.85rem;line-height:1.4;animation:.25s ease-out featureTipIn;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 6px 18px #00000040}.feature-tip:before{content:"";background:var(--bg-secondary);border-left:1px solid var(--accent);border-top:1px solid var(--accent);width:10px;height:10px;position:absolute;top:-6px;left:18px;transform:rotate(45deg)}.feature-tip--above{top:auto;bottom:calc(100% + 10px)}.feature-tip--above:before{border:none;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);top:auto;bottom:-6px}.feature-tip-btn{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;align-self:flex-end;padding:4px 12px;font-size:.8rem}.feature-tip-btn:hover{border-color:var(--accent)}.feature-tip-actions{align-self:flex-end;gap:8px;display:flex}@keyframes featureTipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.drop-target-active{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-light)!important}.bulk-checkbox{cursor:pointer;pointer-events:none;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.bulk-action-bar{z-index:var(--z-toolbar);background:var(--bg-secondary);border:1px solid var(--border-primary);max-width:calc(100vw - 24px);box-shadow:0 6px 24px var(--shadow-color);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.bulk-action-count{color:var(--text-heading);white-space:nowrap;margin-right:4px;font-size:.85rem;font-weight:600}.my-activity-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.my-activity-actions-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (max-width:600px){.my-activity-item{flex-direction:column;align-items:stretch}.my-activity-actions{border-top:1px solid var(--border-primary);align-items:stretch;margin-top:8px;padding-top:10px}.my-activity-actions-row{grid-template-columns:1fr 1fr;display:grid}.my-activity-actions-row .account-btn{text-align:center;box-sizing:border-box;width:100%}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-bone{background:linear-gradient(90deg, var(--border-primary) 25%, var(--hover-bg) 50%, var(--border-primary) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-circle{background:linear-gradient(90deg, var(--border-primary) 25%, var(--hover-bg) 50%, var(--border-primary) 75%);background-size:200% 100%;border-radius:50%;animation:1.5s ease-in-out infinite skeleton-shimmer}.community-container{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1;border-radius:16px;width:100%;max-width:960px;margin:0 auto;padding:2rem;position:relative}.community-header{text-align:center;margin-bottom:2rem}.community-header h1{color:var(--text-heading);margin-bottom:.5rem;font-size:1.6rem}.community-header h1 i{color:var(--accent);margin-right:.4rem}.community-header p{color:var(--text-muted);font-size:.95rem}.community-filters{margin-bottom:1.5rem}.community-search-form{gap:0;margin-bottom:.75rem;display:flex}.community-search-input{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--input-text);border-right:none;border-radius:8px 0 0 8px;outline:none;flex:1;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.community-search-input:focus{border-color:var(--accent)}.community-search-btn{border:1px solid var(--border-primary);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:0 8px 8px 0;padding:10px 16px;font-size:.9rem;transition:opacity .2s}.community-search-btn:hover{opacity:.85}.community-filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.community-select{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:.9rem}.community-count{color:var(--text-muted);margin-left:auto;font-size:.85rem}.community-loading{text-align:center;color:var(--text-muted);padding:3rem;font-size:1rem}.community-empty{text-align:center;color:var(--text-muted);padding:3rem}.community-empty i{margin-bottom:1rem;font-size:2.5rem;display:block}.community-empty-hint{margin-top:.5rem;font-size:.85rem}.community-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.community-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:border-color .2s,box-shadow .2s;display:flex}.community-card-thumb{object-fit:cover;border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:8px;flex-shrink:0;width:100%;height:110px}.community-card-thumb-placeholder{background:var(--accent-light);justify-content:center;align-items:center;display:flex}.community-card-thumb-placeholder i{color:var(--accent);opacity:.3;font-size:2.5rem}.community-card:hover{border-color:var(--accent);box-shadow:0 2px 12px var(--shadow-color)}.community-card-type{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.community-card-title{color:var(--text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.community-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.community-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.community-card-author{color:var(--text-secondary);font-weight:500}.community-card-stats i{margin-right:3px}.community-card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.community-tag{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);border-radius:12px;padding:2px 8px;font-size:.7rem}.community-card-actions{align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.community-play-btn{text-align:center;flex:1;text-decoration:none}.community-pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.community-page-info{color:var(--text-muted);font-size:.85rem}.account-btn-community-active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.star-rating-container{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.star-rating-stars{gap:2px;display:flex}.star-rating-star{cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:2px;font-size:1.25rem;transition:color .15s,transform .15s}.star-rating-star:hover:not(:disabled){transform:scale(1.2)}.star-rating-star.filled{color:#f5a623}.star-rating-star:disabled{cursor:default;opacity:.7}.star-rating-info{color:var(--text-muted);font-size:.85rem}.report-btn{border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:.8rem;transition:color .2s,border-color .2s}.report-btn:hover{color:#e74c3c;border-color:#e74c3c}.report-submitted{color:var(--accent);padding:6px 10px;font-size:.8rem}.report-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.report-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;width:100%;max-width:420px;padding:1.5rem}.report-modal h3{color:var(--text-heading);margin:0 0 .25rem;font-size:1.1rem}.report-modal p{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.report-textarea{border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--input-text);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.9rem}.report-textarea:focus{border-color:var(--accent)}.report-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.feedback-btn{border:2px solid var(--border-primary);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-heading);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;transition:all .2s;display:flex;position:relative}.feedback-btn:hover{border-color:var(--accent);transform:scale(1.05)}.burger-dropdown-item .feedback-btn{border-radius:10px;gap:8px;width:100%;height:38px}.feedback-btn-badge{color:#fff;border:2px solid var(--bg-secondary);box-sizing:content-box;background:#dc2626;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.feedback-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.feedback-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;width:100%;max-width:540px;max-height:calc(100vh - 2rem);padding:1.5rem;overflow-y:auto;box-shadow:0 12px 40px #0000004d}.feedback-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.feedback-header h3{color:var(--text-heading);margin:0;font-size:1.2rem}.feedback-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem}.feedback-close:hover{color:var(--text-heading);background:var(--bg-primary)}.feedback-subtitle{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.feedback-form{flex-direction:column;display:flex}.feedback-label{color:var(--text-heading);margin-top:12px;margin-bottom:4px;font-size:.85rem;font-weight:600}.feedback-input,.feedback-textarea{border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--input-text,var(--text-primary));box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.92rem}.feedback-textarea{resize:vertical;min-height:110px}.feedback-input:focus,.feedback-textarea:focus{border-color:var(--accent)}.feedback-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.feedback-row{grid-template-columns:1fr;gap:0}}.feedback-images{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.feedback-image-thumb{border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:8px;width:90px;height:90px;position:relative;overflow:hidden}.feedback-image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.feedback-image-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;line-height:1;display:flex;position:absolute;top:4px;right:4px}.feedback-image-add{border:2px dashed var(--border-primary);background:var(--bg-primary);min-width:90px;height:90px;color:var(--text-muted);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;transition:border-color .15s,color .15s;display:flex}.feedback-image-add:hover{border-color:var(--accent);color:var(--text-heading)}.feedback-image-add.is-uploading{cursor:progress;pointer-events:none}.feedback-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.feedback-success{text-align:center;color:var(--text-heading);padding:1.5rem 1rem}.feedback-success i{color:#16a34a;margin-bottom:.5rem;font-size:2.4rem}.feedback-success p{margin:0;font-size:1rem}.feedback-need-login h3{color:var(--text-heading);margin:0 0 .5rem}.feedback-need-login p{color:var(--text-muted);margin:0 0 1rem}.community-play-bar{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;justify-content:center;align-items:center;gap:1rem;max-width:600px;margin:.5rem auto;padding:.75rem 1rem;display:flex}.community-play-bar-saves{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}@media (max-width:600px){.community-grid{grid-template-columns:1fr}.community-filter-row{flex-direction:column;align-items:stretch}.community-count{margin-left:0}}.community-gate{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1;border-radius:16px;max-width:500px;margin:2rem auto;padding:3rem 2rem;position:relative}.community-gate-icon{color:var(--text-muted);margin-bottom:1rem;font-size:3rem}.community-gate h2{color:var(--text-heading);margin-bottom:.75rem;font-size:1.4rem}.community-gate p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.community-gate-hint{color:var(--text-muted);font-size:.9rem;font-style:italic}.community-gate-btn{margin-top:.5rem;text-decoration:none;display:inline-block}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:calc(100% - 2rem);max-width:420px;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.75rem 1rem;font-size:.9rem;animation:.25s ease-out toast-in;display:flex;box-shadow:0 4px 16px #00000040}.toast-compact{width:auto}.toast-error{color:#f5a5a5;background:#2d1417;border:1px solid #6b2a2f}.toast-success{color:#a5f5b5;background:#142d1a;border:1px solid #2a6b35}.toast-info{color:#a5c5f5;background:#14202d;border:1px solid #2a4a6b}[data-theme=light] .toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}[data-theme=light] .toast-success{color:#166534;background:#f0fdf4;border:1px solid #86efac}[data-theme=light] .toast-info{color:#1e40af;background:#eff6ff;border:1px solid #93c5fd}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-container{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1;border-radius:16px;width:100%;max-width:720px;margin:2rem auto;padding:2rem;position:relative}.admin-toolbar{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.admin-report-list{flex-direction:column;gap:.75rem;display:flex}.admin-report-item{border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:12px;padding:1.25rem;transition:border-color .2s}.admin-report-item:hover{border-color:var(--accent)}.admin-report-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.admin-report-date{color:var(--text-muted);font-size:.8rem}.admin-report-title{color:var(--text-heading);margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.admin-report-reason{color:var(--text-secondary);margin:0 0 .75rem;font-size:.9rem;font-style:italic;line-height:1.4}.admin-report-reason i{color:var(--text-faint);margin-right:4px;font-size:.75rem}.admin-report-meta{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.admin-report-meta i{margin-right:4px}.admin-report-actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-report-actions .account-btn{padding:.45rem 1rem;font-size:.85rem}.admin-report-status-badge{border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.admin-report-status-badge[data-status=reviewed]{background:var(--accent-light);color:var(--accent)}.admin-report-status-badge[data-status=removed]{color:#e03131;background:#fef2f2}[data-theme=dark] .admin-report-status-badge[data-status=removed]{color:#f5a5a5;background:#2d1417}@media (max-width:600px){.admin-container{padding:1.25rem}.admin-report-actions{flex-direction:column}.admin-report-actions .account-btn{text-align:center}}.admin-feedback-list{flex-direction:column;gap:.85rem;display:flex}.admin-feedback-item{border:1px solid var(--border-primary);background:var(--bg-primary);border-left:4px solid var(--border-primary);border-radius:12px;padding:1.1rem 1.25rem;transition:border-color .2s}.admin-feedback-item.is-status-new{border-left-color:#2563eb}.admin-feedback-item.is-status-read{border-left-color:#d97706}.admin-feedback-item.is-status-resolved{opacity:.85;border-left-color:#16a34a}.admin-feedback-top{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.admin-feedback-cat{background:var(--bg-secondary);color:var(--text-heading);border:1px solid var(--border-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:.18rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.admin-feedback-cat.is-cat-bug{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.admin-feedback-cat.is-cat-feature{color:#b45309;background:#fef3c7;border-color:#fde68a}.admin-feedback-cat.is-cat-question{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.admin-feedback-cat.is-cat-other{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}[data-theme=dark] .admin-feedback-cat.is-cat-bug{color:#f5a5a5;background:#3b1414;border-color:#5a2222}[data-theme=dark] .admin-feedback-cat.is-cat-feature{color:#fbd38d;background:#3a2a0d;border-color:#5a4318}[data-theme=dark] .admin-feedback-cat.is-cat-question{color:#93c5fd;background:#102544;border-color:#1e3a6b}[data-theme=dark] .admin-feedback-cat.is-cat-other{color:#c4b5fd;background:#271b3f;border-color:#3c2c5e}.admin-feedback-status{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-primary);border-radius:999px;padding:.16rem .5rem;font-size:.72rem;font-weight:600}.admin-feedback-status[data-status=new]{color:#fff;background:#2563eb;border-color:#2563eb}.admin-feedback-status[data-status=read]{color:#fff;background:#d97706;border-color:#d97706}.admin-feedback-status[data-status=resolved]{color:#fff;background:#16a34a;border-color:#16a34a}.admin-feedback-date{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:.78rem}.admin-feedback-subject{color:var(--text-heading);margin:0 0 .4rem;font-size:1.05rem;font-weight:600}.admin-feedback-message{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0 0 .75rem;font-size:.92rem;line-height:1.5}.admin-feedback-images{flex-wrap:wrap;gap:8px;margin-bottom:.85rem;display:flex}.admin-feedback-images img{object-fit:cover;border:1px solid var(--border-primary);cursor:zoom-in;border-radius:8px;width:110px;height:110px;transition:transform .15s}.admin-feedback-images img:hover{border-color:var(--accent);transform:scale(1.04)}.admin-feedback-meta{color:var(--text-muted);flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:.85rem;font-size:.82rem;display:flex}.admin-feedback-meta i{margin-right:4px}.admin-feedback-email,.admin-feedback-pageurl{color:var(--text-muted);text-decoration:none}.admin-feedback-email:hover,.admin-feedback-pageurl:hover{color:var(--accent);text-decoration:underline}.admin-feedback-pageurl{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.admin-feedback-actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-feedback-actions .account-btn{padding:.4rem .9rem;font-size:.85rem}@media (max-width:600px){.admin-feedback-actions{flex-direction:column}.admin-feedback-actions .account-btn{text-align:center}.admin-feedback-date{width:100%;margin-left:0}}.lp-nav{z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.lp-nav-logo{color:var(--text-heading);font-size:1.25rem;font-weight:700;text-decoration:none}.lp-nav-cta{background:var(--accent-gradient);color:var(--accent-text);border-radius:10px;margin-right:40px;padding:8px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.lp-nav-cta:hover{box-shadow:0 4px 12px var(--accent-shadow);transform:translateY(-1px)}.lp-highlight{background:#d4edda;border-radius:4px;padding:2px 6px}.lp-hero{text-align:center;max-width:800px;margin:0 auto;padding:80px 24px 40px}.lp-hero-tagline{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:16px;font-size:.85rem;font-weight:600;display:inline-block}.lp-hero h1{color:var(--text-heading);margin-bottom:20px;font-size:2.6rem;font-weight:800;line-height:1.15}.lp-hero-subtitle{color:var(--text-secondary);margin-bottom:8px;font-size:1.15rem;line-height:1.6}.lp-hero-social-proof{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;font-style:italic}.lp-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.lp-btn-primary{background:var(--accent-gradient);color:var(--accent-text);cursor:pointer;border:none;border-radius:12px;padding:14px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.lp-btn-primary:hover{box-shadow:0 6px 20px var(--accent-shadow);transform:translateY(-2px)}.lp-btn-secondary{border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.lp-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.lp-hero-subtext{color:var(--text-muted);margin-top:12px;font-size:.85rem}.lp-hero-screenshot{z-index:2;perspective:900px;max-width:720px;margin:40px auto -60px;position:relative}.lp-hero-img-wrapper{transform-style:preserve-3d;animation:5s ease-in-out infinite lp-hero-float}.lp-hero-screenshot img{border:1px solid var(--border-primary);border-radius:12px;width:60%;transition:box-shadow .4s;box-shadow:0 8px 40px #00000040}@keyframes lp-hero-float{0%,to{transform:translateY(0)rotateX(1deg)rotateY(-1deg)}25%{transform:translateY(-8px)rotateX(-.5deg)rotateY(1.5deg)}50%{transform:translateY(-4px)rotateX(.5deg)rotateY(-.5deg)}75%{transform:translateY(-10px)rotateX(-1deg)rotateY(.5deg)}}.lp-hero-sparkles{pointer-events:none;z-index:-1;position:absolute;inset:-30px}.lp-sparkle{opacity:0;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite lp-sparkle-pop;position:absolute}.lp-sparkle:after{content:"";background:inherit;filter:blur(3px);opacity:.5;border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;left:-1px}@keyframes lp-sparkle-pop{0%,to{opacity:0;transform:scale(0)translateY(0)}15%{opacity:.8;transform:scale(1.2)translateY(-4px)}40%{opacity:.6;transform:scale(1)translateY(-8px)}70%{opacity:.3;transform:scale(.8)translateY(-14px)}}.lp-sparkle-1{background:#6366f1;animation-delay:0s;top:10%;left:5%}.lp-sparkle-2{background:#22c55e;animation-delay:.4s;top:25%;left:12%}.lp-sparkle-3{background:#f59e0b;animation-delay:.9s;top:50%;left:2%}.lp-sparkle-4{background:#ec4899;animation-delay:1.3s;top:70%;left:8%}.lp-sparkle-5{background:#6366f1;animation-delay:1.7s;top:85%;left:15%}.lp-sparkle-6{background:#22c55e;animation-delay:.2s;top:15%;left:auto;right:5%}.lp-sparkle-7{background:#f59e0b;animation-delay:.7s;top:35%;left:auto;right:10%}.lp-sparkle-8{background:#ec4899;animation-delay:1.1s;top:55%;left:auto;right:3%}.lp-sparkle-9{background:#6366f1;animation-delay:1.5s;top:75%;left:auto;right:12%}.lp-sparkle-10{background:#22c55e;animation-delay:1.9s;top:90%;left:auto;right:6%}.lp-sparkle-11{background:#f59e0b;animation-delay:2.1s;top:5%;left:25%}.lp-sparkle-12{background:#ec4899;animation-delay:2.4s;top:5%;left:auto;right:25%}.lp-sparkle-13{background:#22c55e;width:4px;height:4px;animation-delay:.5s;top:40%;left:18%}.lp-sparkle-14{background:#6366f1;width:4px;height:4px;animation-delay:1s;top:60%;left:auto;right:18%}.lp-sparkles-sm{inset:-12px}.lp-sparkle-sm-1{background:#6366f1;width:4px;height:4px;animation-delay:0s;top:8%;left:4%}.lp-sparkle-sm-2{background:#22c55e;width:4px;height:4px;animation-delay:.6s;top:40%;left:2%}.lp-sparkle-sm-3{background:#f59e0b;width:3px;height:3px;animation-delay:1.2s;top:80%;left:6%}.lp-sparkle-sm-4{background:#ec4899;width:4px;height:4px;animation-delay:.3s;top:12%;left:auto;right:4%}.lp-sparkle-sm-5{background:#6366f1;width:3px;height:3px;animation-delay:.9s;top:55%;left:auto;right:3%}.lp-sparkle-sm-6{background:#22c55e;width:4px;height:4px;animation-delay:1.5s;top:85%;left:auto;right:5%}.screenshot-img-wrap .lp-hero-img-wrapper{animation:8s ease-in-out infinite lp-gallery-drift}.screenshot-item:nth-child(2n) .lp-hero-img-wrapper{animation-delay:-2s}.screenshot-item:nth-child(3n) .lp-hero-img-wrapper{animation-delay:-4.5s}.screenshot-item:nth-child(5n) .lp-hero-img-wrapper{animation-delay:-6s}.screenshot-item:nth-child(7n) .lp-hero-img-wrapper{animation-delay:-1s}.screenshot-item:nth-child(11n) .lp-hero-img-wrapper{animation-delay:-3.5s}@keyframes lp-gallery-drift{0%{transform:translate(0)rotate(0)}20%{transform:translate(2px,-3px)rotate(.3deg)}40%{transform:translate(-1px,2px)rotate(-.4deg)}60%{transform:translate(-3px,-1px)rotate(.2deg)}80%{transform:translate(1px,3px)rotate(-.3deg)}to{transform:translate(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.lp-hero-img-wrapper,.lp-sparkle{animation:none}}.lp-band-alt{background:#00000005}.lp-section{max-width:960px;margin:0 auto;padding:64px 24px}.lp-section-title{text-align:center;color:var(--text-heading);margin-bottom:8px;font-size:2rem;font-weight:700}.lp-section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:48px;font-size:1.05rem}.lp-steps{text-align:center;grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.lp-step-number{background:var(--accent-gradient);width:48px;height:48px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.25rem;font-weight:700;display:inline-flex}.lp-step h3{color:var(--text-heading);margin-bottom:8px;font-size:1.1rem;font-weight:600}.lp-step p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.lp-showcase-item{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:64px;display:grid}.lp-showcase-item:nth-child(2n) .lp-showcase-img{order:2}.lp-showcase-item:nth-child(2n) .lp-showcase-text{order:1}.lp-showcase-img{perspective:900px;position:relative}.lp-showcase-img img{border:1px solid var(--border-primary);border-radius:12px;width:100%;box-shadow:0 4px 20px #00000026}.lp-showcase-text h3{color:var(--text-heading);margin-bottom:12px;font-size:1.5rem;font-weight:700}.lp-showcase-text p{color:var(--text-secondary);margin-bottom:16px;font-size:1rem;line-height:1.6}.lp-showcase-link{color:var(--text-heading);border-bottom:2px solid var(--accent-gradient);padding-bottom:2px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.lp-showcase-link:hover{opacity:.7}.lp-tools-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.lp-tool-cell{border:1px solid var(--border-primary);background:var(--bg-secondary);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:border-color .2s,box-shadow .2s;display:flex}.lp-tool-cell:hover{border-color:var(--text-muted);box-shadow:0 2px 8px #0000001a}.lp-tool-cell i{color:var(--text-heading);font-size:1.5rem}.lp-tool-cell span{color:var(--text-primary);font-size:.85rem;font-weight:500}.lp-comparison-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border-primary);border-radius:12px;width:100%;overflow:hidden}.lp-comparison-table th,.lp-comparison-table td{text-align:left;border-bottom:1px solid var(--border-primary);padding:14px 20px}.lp-comparison-table thead th{background:var(--bg-tertiary);color:var(--text-heading);font-size:.95rem;font-weight:700}.lp-comparison-table tbody td{color:var(--text-primary);font-size:.95rem}.lp-comparison-table tbody tr:last-child td{border-bottom:none}.lp-comparison-table .lp-check{color:#51cf66;font-weight:600}.lp-comparison-table .lp-dash{color:var(--text-muted)}.lp-comparison-badge{color:#fff;vertical-align:middle;background:#51cf66;border-radius:20px;margin-left:6px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.lp-testimonials{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.lp-testimonial-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px}.lp-testimonial-card blockquote{color:var(--text-primary);margin:0 0 16px;font-size:1rem;font-style:italic;line-height:1.6}.lp-testimonial-card blockquote:before{content:"“";color:var(--text-muted);vertical-align:-.4em;margin-right:4px;font-size:2rem;line-height:0}.lp-testimonial-name{color:var(--text-heading);font-size:.95rem;font-weight:600}.lp-testimonial-location{color:var(--text-muted);font-size:.85rem}.lp-pricing-toggle{justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex}.lp-pricing-toggle-label{color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500}.lp-pricing-toggle-label.active{color:var(--text-heading);font-weight:700}.lp-toggle-track{background:var(--border-primary);cursor:pointer;border-radius:13px;width:48px;height:26px;transition:background .2s;position:relative}.lp-toggle-track.active{background:#51cf66}.lp-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.lp-toggle-track.active .lp-toggle-knob{transform:translate(22px)}.lp-save-badge{color:#fff;background:#51cf66;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.lp-pricing-cards{grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto;display:grid}.lp-pricing-cards.lp-pricing-cards-3{grid-template-columns:repeat(3,1fr);max-width:900px}.lp-pricing-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;padding:32px 24px;display:flex;position:relative}.lp-pricing-card.highlighted{border-color:#51cf66;box-shadow:0 0 0 2px #51cf66,0 8px 30px #51cf6626}.lp-pricing-card-badge{color:#fff;white-space:nowrap;background:#51cf66;border-radius:20px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.lp-pricing-card h3{color:var(--text-heading);margin-bottom:4px;font-size:1.3rem;font-weight:700}.lp-pricing-card .lp-price{color:var(--text-heading);margin:12px 0 4px;font-size:2.2rem;font-weight:800}.lp-pricing-card .lp-price-period{color:var(--text-muted);font-size:1rem;font-weight:400}.lp-pricing-card .lp-price-equiv{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.lp-pricing-card .lp-price-strike{color:var(--text-muted);margin-right:8px;font-size:1.1rem;font-weight:600}.lp-pricing-card .lp-promo-limited{color:var(--text-muted);margin-top:6px;font-size:.8rem;display:block}.lp-pricing-card .lp-price-label{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.lp-pricing-features{flex:1;margin:0 0 24px;padding:0;list-style:none}.lp-pricing-features li{color:var(--text-primary);align-items:center;gap:8px;padding:6px 0;font-size:.95rem;display:flex}.lp-pricing-features li i{color:#51cf66;font-size:.85rem}.lp-pricing-cta{text-align:center;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.lp-pricing-cta-free{border:1px solid var(--border-primary);color:var(--text-primary);background:0 0}.lp-pricing-cta-free:hover{background:var(--bg-tertiary)}.lp-pricing-cta-pro{color:#fff;background:#51cf66}.lp-pricing-cta-pro:hover{transform:translateY(-2px);box-shadow:0 6px 20px #51cf664d}.lp-pricing-cta:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.lp-faq-list{max-width:700px;margin:0 auto}.lp-faq-item{border-bottom:1px solid var(--border-primary)}.lp-faq-item summary{color:var(--text-heading);cursor:pointer;justify-content:space-between;align-items:center;padding:18px 0;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item summary:after{content:"";color:var(--text-muted);font-family:"Font Awesome 6 Free";font-size:.8rem;font-weight:900;transition:transform .2s}.lp-faq-item[open] summary:after{transform:rotate(180deg)}.lp-faq-item p{color:var(--text-secondary);padding:0 0 18px;font-size:.95rem;line-height:1.6}.lp-final-cta{text-align:center;max-width:600px;margin:0 auto;padding:80px 24px}.lp-final-cta h2{color:var(--text-heading);margin-bottom:12px;font-size:2rem;font-weight:700}.lp-final-cta p{color:var(--text-secondary);margin-bottom:28px;font-size:1.05rem}.lp-final-cta .lp-hero-subtext{margin-top:12px}.ppc-section{max-width:1040px;margin:0 auto;padding:24px 16px 48px}.ppc-head{text-align:center;margin-bottom:36px}.ppc-title{letter-spacing:-.02em;color:var(--text-heading);margin:0 0 10px;font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:800}.ppc-lead{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.5}.ppc-toggle{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;gap:4px;margin:20px auto 0;padding:4px;display:inline-flex}.ppc-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 18px;font-size:.9rem;font-weight:700;transition:background .18s,color .18s}.ppc-toggle-btn:hover{color:var(--text-heading)}.ppc-toggle-btn-on{background:var(--bg-secondary);color:var(--text-heading);box-shadow:0 1px 3px var(--shadow-color)}.ppc-toggle-btn:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.ppc-skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--hover-bg) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;width:5.5ch;height:2.6rem;animation:1.4s ease-in-out infinite ppc-shimmer;display:inline-block}@keyframes ppc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ppc-skeleton{animation:none}}.ppc-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.ppc-card{background:var(--bg-secondary);border:1px solid var(--border-primary);--ppc-accent:#51cf66;--ppc-accent-deep:#2fa84d;--ppc-accent-soft:#51cf6629;--ppc-accent-tint:#51cf6617;--ppc-accent-glow:#51cf664d;--ppc-accent-pale:#9fe3b4;--ppc-accent-ink:#fff;border-radius:18px;flex-direction:column;padding:26px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.ppc-card:not(.ppc-card-hero):not(.ppc-card-pop):hover{border-color:var(--ppc-accent-pale);box-shadow:0 10px 28px var(--shadow-color);transform:translateY(-4px)}.ppc-card-hero{border:2px solid var(--ppc-accent);box-shadow:0 0 0 3px #51cf661a,0 12px 30px #51cf6624}.ppc-card-pop{--ppc-accent:#efb23c;--ppc-accent-deep:#a8730c;--ppc-accent-soft:#efb23c38;--ppc-accent-tint:#efb23c24;--ppc-accent-glow:#efb23c57;--ppc-accent-pale:#f3d190;--ppc-accent-ink:#2a2110;border:2px solid var(--ppc-accent);background:linear-gradient(180deg, #efb23c1a 0%, transparent 190px), var(--bg-secondary);box-shadow:0 0 0 5px #efb23c29,0 20px 46px #efb23c3d}@media (min-width:901px){.ppc-card-pop{transform:translateY(-18px)}}.ppc-ribbon{white-space:nowrap;background:var(--ppc-accent);color:var(--ppc-accent-ink);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 12px var(--ppc-accent-glow);border-radius:999px;padding:5px 16px;font-size:.7rem;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.ppc-ribbon-pop{padding:6px 20px;font-size:.74rem;top:-15px}.ppc-plan-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.ppc-plan{letter-spacing:.12em;text-transform:uppercase;color:var(--text-heading);font-size:.95rem;font-weight:800}.ppc-plan-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:700}.ppc-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.ppc-amount{letter-spacing:-.02em;color:var(--text-heading);font-size:2.6rem;font-weight:800;line-height:1}.ppc-per{color:var(--text-muted);font-size:.95rem;font-weight:500}.ppc-strike{color:var(--text-muted);align-self:center;font-size:1.15rem;font-weight:600;text-decoration:line-through}.ppc-equiv{color:var(--text-muted);margin:0 0 8px;font-size:.85rem}.ppc-save{color:#fff;background:var(--ppc-accent-deep);border-radius:6px;align-self:flex-start;padding:3px 9px;font-size:.78rem;font-weight:800}.ppc-limited{color:var(--text-muted);margin:8px 0 0;font-size:.78rem}.ppc-billing{color:var(--text-secondary);margin:10px 0 0;font-size:.88rem}.ppc-cta{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:12px;width:100%;margin:20px 0;padding:13px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:block}.ppc-cta-ghost{border-color:var(--border-primary);color:var(--text-heading);background:0 0}.ppc-cta-ghost:hover{border-color:var(--ppc-accent);color:var(--ppc-accent-deep)}.ppc-cta-solid{background:var(--ppc-accent);color:var(--ppc-accent-ink);box-shadow:0 4px 14px var(--ppc-accent-glow)}.ppc-cta-solid:hover{box-shadow:0 8px 22px var(--ppc-accent-glow);transform:translateY(-2px)}.ppc-cta-pop{padding:15px;font-size:1.05rem}.ppc-cta:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.ppc-cta:focus-visible{outline:3px solid var(--ppc-accent-glow);outline-offset:2px}.ppc-cta-current,.ppc-cta-current:hover{cursor:default;border-color:var(--border-primary);color:var(--text-secondary)}.ppc-cta-current i{color:var(--ppc-accent-deep)}.ppc-portal-error{color:#c4453f;margin:-8px 0 12px;font-size:.8rem}.ppc-trial{color:var(--text-secondary);align-items:flex-start;gap:7px;margin:-8px 0 4px;font-size:.78rem;line-height:1.4;display:flex}.ppc-trial i{color:var(--ppc-accent-deep);flex-shrink:0;margin-top:3px;font-size:.72rem}.ppc-features{border-top:1px solid var(--border-primary);flex-direction:column;flex:1;gap:9px;margin:4px 0 0;padding:18px 0 0;list-style:none;display:flex}.ppc-feat{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.35;display:flex}.ppc-feat-check{background:var(--ppc-accent-soft);width:20px;height:20px;color:var(--ppc-accent-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.62rem;display:flex}.ppc-feat-title{flex:1}.ppc-feat-val{color:var(--text-heading);white-space:nowrap;flex-shrink:0;font-size:.85rem;font-weight:700}.ppc-builds-on{color:var(--ppc-accent-deep);letter-spacing:.01em;align-items:center;gap:7px;margin:12px 0 0;font-size:.82rem;font-weight:700;display:flex}.ppc-builds-on i{background:var(--ppc-accent-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.62rem;display:inline-flex}.ppc-builds-on-base{color:var(--text-muted);font-weight:600}.ppc-feat-same{opacity:.62}.ppc-feat-same .ppc-feat-val{color:var(--text-muted);font-weight:600}.ppc-feat-up .ppc-feat-title{color:var(--text-heading);font-weight:700}.ppc-feat-up{background:var(--ppc-accent-tint);border-radius:8px;margin-inline:-6px;padding:5px 6px}.ppc-feat-up .ppc-feat-check,.ppc-feat-kept .ppc-feat-check{background:var(--ppc-accent-deep);color:#fff}.ppc-feat-val-kept{color:var(--ppc-accent-deep);font-weight:800}.ppc-feat-delta{white-space:nowrap;flex-shrink:0;align-items:baseline;gap:5px;display:inline-flex}.ppc-feat-prev{color:var(--text-muted);font-size:.76rem;font-weight:600;text-decoration:line-through;text-decoration-thickness:1px}.ppc-feat-arrow{color:var(--text-muted);align-self:center;font-size:.58rem}.ppc-feat-val-up{color:var(--ppc-accent-deep);font-weight:800}.ppc-feat-off{opacity:.5}.ppc-feat-off .ppc-feat-check{background:var(--bg-tertiary);color:var(--text-muted)}@media (max-width:980px){.ppc-grid{grid-template-columns:1fr;gap:28px;max-width:440px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.ppc-card,.ppc-cta{transition:none}.ppc-card:not(.ppc-card-hero):not(.ppc-card-pop):hover,.ppc-cta-solid:hover{transform:none}}.lp-page{z-index:1;position:relative}.lp-page-body{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;max-width:1100px;margin:0 auto;overflow:hidden}@media (max-width:768px){.lp-hero h1{font-size:1.8rem}.lp-hero{padding:48px 16px 24px}.lp-hero-screenshot{margin-bottom:-30px}.lp-steps,.lp-showcase-item{grid-template-columns:1fr;gap:24px}.lp-showcase-item:nth-child(2n) .lp-showcase-img{order:0}.lp-tools-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.lp-pricing-cards,.lp-pricing-cards.lp-pricing-cards-3{grid-template-columns:1fr}.lp-section{padding:40px 16px}.lp-section-title{font-size:1.5rem}.lp-comparison-table th,.lp-comparison-table td{padding:10px 12px;font-size:.85rem}}@media (max-width:480px){.lp-hero h1{font-size:1.5rem}.lp-hero-ctas{flex-direction:column}.lp-btn-primary,.lp-btn-secondary{text-align:center;width:100%}}.lpb-page{max-width:1200px}.lpb-hero{padding:56px 32px 72px;position:relative;overflow:hidden}.lpb-hero-inner{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;display:grid}.lpb-tagline{letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-border);border-radius:999px;margin-bottom:20px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-block}.lpb-hero-headline{color:var(--text-heading);margin:0 0 20px;font-size:2.5rem;font-weight:800;line-height:1.15}.lpb-highlight{color:#51cf66}.lpb-mark{color:var(--text-heading);background:#51cf662e;border-radius:4px;padding:1px 6px;font-weight:600}.lpb-hero-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:1.1rem;line-height:1.55}.lpb-hero-cta-wrap{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lpb-cta-stack{flex-direction:column;align-items:center;gap:8px;margin-top:24px;display:flex}.lpb-cta{color:#fff;cursor:pointer;background:#51cf66;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:18px 36px;font-family:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 6px 20px #51cf664d}.lpb-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #51cf6666}.lpb-cta:disabled{opacity:.75;cursor:not-allowed;transform:none}.lpb-cta-lg{padding:20px 44px}.lpb-cta-label{letter-spacing:.5px;font-size:1.15rem;font-weight:800;line-height:1.1}.lpb-cta-lg .lpb-cta-label{font-size:1.3rem}.lpb-cta-price{color:#fff;background:#0a2a13eb;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;padding:5px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.lpb-cta-from{opacity:.75;font-weight:500}.lpb-cta-strike{opacity:.7;font-weight:500}.lpb-cta-now{color:#b8f5c4;font-weight:800}.lpb-cta-subtext{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:600}.lpb-hero-image{justify-content:center;align-items:center;display:flex;position:relative}.lpb-hero-image img{z-index:2;border:1px solid var(--border-primary);border-radius:14px;width:480px;max-width:100%;position:relative;box-shadow:0 20px 60px #0006}.lpb-hero-image-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#51cf6638 0%,#51cf6600 65%);position:absolute;inset:-40px}.lpb-section{max-width:1100px;margin:0 auto;padding:64px 32px}.lpb-features-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.lpb-features-left{align-self:start;position:sticky;top:80px}.lpb-features-image{border:1px solid var(--border-primary);border-radius:14px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 24px #00000040}.lpb-features-image img{width:100%;height:auto;display:block}.lpb-features-heading{color:var(--text-heading);margin:0 0 20px;font-size:1.65rem;font-weight:800;line-height:1.25}.lpb-features-cards{flex-direction:column;gap:20px;display:flex}.lpb-feature-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:14px;padding:24px;transition:transform .2s,border-color .2s}.lpb-feature-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.lpb-feature-icon{background:var(--accent-light);border:1px solid var(--accent-border);width:44px;height:44px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.1rem;display:inline-flex}.lpb-feature-title{color:var(--accent);margin:0 0 8px;font-size:1.15rem;font-weight:700}.lpb-feature-desc{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.lpb-about{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);max-width:none;padding:64px 32px}.lpb-about-grid{grid-template-columns:.7fr 1.3fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;display:grid}.lpb-about-visual{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.lpb-about-circle{background:var(--accent-light);border:1px solid var(--accent-border);width:200px;height:200px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:4rem;display:flex}.lpb-about-stamp{background:var(--bg-secondary);border:1px solid var(--accent-border);color:var(--accent);letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:.75rem;font-weight:700;position:absolute;bottom:12px;right:12px}.lpb-about-title{color:var(--accent);margin:0 0 16px;font-size:1.8rem;font-weight:800}.lpb-about-text p{color:var(--text-primary);margin:0 0 12px;font-size:1rem;line-height:1.65}.lpb-included{padding:80px 32px}.lpb-included-card{background:var(--bg-secondary);border:1px solid var(--accent-border);text-align:center;border-radius:20px;max-width:600px;margin:0 auto;padding:48px 40px;box-shadow:0 12px 40px #0003}.lpb-included-image{border:1px solid var(--border-primary);border-radius:14px;width:220px;margin:-100px auto 16px;overflow:hidden;box-shadow:0 8px 24px #0000004d}.lpb-included-image img{width:100%;height:auto;display:block}.lpb-included-title{color:var(--accent);margin:0 0 28px;font-size:1.7rem;font-weight:800}.lpb-included-list{text-align:left;flex-direction:column;gap:14px;margin:0 0 32px;padding:0;list-style:none;display:flex}.lpb-included-list li{color:var(--text-primary);align-items:flex-start;gap:12px;font-size:1rem;line-height:1.5;display:flex}.lpb-check{color:#fff;background:#51cf66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.7rem;display:inline-flex}.lpb-guarantee-section{padding-top:0}.lpb-guarantee-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;align-items:center;gap:28px;max-width:800px;margin:0 auto;padding:32px;display:flex}.lpb-guarantee-badge{background:var(--accent-light);border:2px solid var(--accent-border);width:88px;height:88px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2.4rem;display:flex}.lpb-guarantee-text h3{color:var(--accent);margin:0 0 8px;font-size:1.3rem;font-weight:800}.lpb-guarantee-text p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.lpb-faq{padding-bottom:96px}.lpb-faq-title{text-align:center;color:var(--accent);margin:0 0 40px;font-size:2rem;font-weight:800}.lpb-faq .lpb-faq-list{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.lpb-faq-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;transition:border-color .2s;overflow:hidden}.lpb-faq-item[open]{border-color:var(--accent-border)}.lpb-faq-item summary{cursor:pointer;color:var(--text-heading);align-items:center;gap:14px;padding:18px 20px;font-weight:700;list-style:none;display:flex}.lpb-faq-item summary::-webkit-details-marker{display:none}.lpb-faq-num{color:var(--accent);letter-spacing:.5px;flex-shrink:0;font-size:.95rem;font-weight:800}.lpb-faq-q{flex:1;font-size:1rem}.lpb-faq-toggle{background:var(--accent);width:28px;height:28px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;transition:transform .2s;display:inline-flex}.lpb-faq-item[open] .lpb-faq-toggle{transform:rotate(180deg)}.lpb-faq-item p{color:var(--text-secondary);margin:0;padding:0 20px 20px 56px;font-size:.95rem;line-height:1.65}@media (max-width:900px){.lpb-hero-inner,.lpb-features-grid,.lpb-about-grid{grid-template-columns:1fr;gap:32px}.lpb-features-left{text-align:center;position:static}.lpb-features-heading{text-align:center}.lpb-about-visual{aspect-ratio:auto;height:220px}.lpb-hero-image img{width:100%;max-width:420px}.lpb-guarantee-card{text-align:center;flex-direction:column}}@media (max-width:600px){.lpb-hero,.lpb-section{padding-left:20px;padding-right:20px}.lpb-hero{padding-top:40px;padding-bottom:48px}.lpb-hero-headline{font-size:1.9rem}.lpb-features-heading,.lpb-included-title,.lpb-faq-title,.lpb-about-title{font-size:1.4rem}.lpb-included-card{padding:32px 24px}.lpb-included-image{width:160px;margin-top:-70px}.lpb-cta{width:100%;padding:16px 24px}.lpb-cta-label{font-size:1.05rem}.lpb-cta-lg .lpb-cta-label{font-size:1.15rem}.lpb-faq-item p{padding-left:20px}}.folder-picker{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:.85rem;overflow:hidden}.folder-picker-compact{font-size:.8rem}.folder-picker-breadcrumb{border-bottom:1px solid var(--border-primary);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 10px;font-size:.75rem;display:flex}.folder-picker-crumb{color:var(--text-muted);cursor:pointer;font-size:inherit;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-family:inherit}.folder-picker-crumb:hover{color:var(--accent)}.folder-picker-crumb.active{color:var(--text-primary);font-weight:600}.folder-picker-sep{color:var(--text-muted);margin:0 1px}.folder-picker-list{max-height:180px;overflow-y:auto}.folder-picker-compact .folder-picker-list{max-height:150px}.folder-picker-item{border-bottom:1px solid var(--border-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.folder-picker-item:hover{background:var(--bg-tertiary)}.folder-picker-item.selected{background:color-mix(in srgb, var(--accent) 12%, transparent);outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.folder-picker-item-radio{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.85rem;line-height:1}.folder-picker-item.selected .folder-picker-item-radio{color:var(--accent)}.folder-picker-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.folder-picker-item-arrow{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.65rem;transition:transform .15s}.folder-picker-item:hover .folder-picker-item-arrow{color:var(--accent);transform:translate(2px)}.folder-picker-root{border-bottom:1px solid var(--border-primary);font-size:inherit;font-family:inherit}.folder-picker-root:hover{color:var(--accent)}.folder-picker-create{border-bottom:1px solid var(--border-primary);padding:6px 10px}.folder-picker-new-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px 0;font-family:inherit;font-size:.8rem}.folder-picker-new-btn:hover{text-decoration:underline}.folder-picker-create-form{align-items:center;gap:4px;display:flex}.folder-picker-create-form input{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);border-radius:4px;flex:1;padding:4px 8px;font-family:inherit;font-size:.8rem}.folder-picker-create-form button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.85rem}.folder-picker-create-form button:hover{color:var(--accent)}.folder-picker-selected{color:var(--text-muted);padding:6px 10px;font-size:.75rem}.folder-picker-loading{text-align:center;color:var(--text-muted);padding:16px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:1.25rem;display:grid}.folder-card{border:1px solid var(--border-primary);text-align:center;background:var(--bg-secondary);cursor:pointer;border-radius:10px;padding:14px;transition:border-color .15s,box-shadow .15s;position:relative}.folder-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000026}.folder-card-icon{color:var(--accent);margin-bottom:6px;font-size:1.8rem}.folder-card-name{word-break:break-word;margin-bottom:2px;font-size:.85rem;font-weight:600}.folder-card-count{color:var(--text-muted);font-size:.7rem}.folder-card-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.folder-card:hover .folder-card-actions{opacity:1}.folder-card-actions button{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:2px 5px;font-size:.7rem}.folder-card-actions button:hover{color:var(--accent)}.folder-breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:1rem;font-size:.85rem;display:flex}.folder-breadcrumb button{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-family:inherit}.folder-breadcrumb button:hover{text-decoration:underline}.folder-breadcrumb .current{color:var(--text-primary);cursor:default;font-weight:600}.folder-breadcrumb .current:hover{text-decoration:none}.folder-breadcrumb-sep{color:var(--text-muted)}.folder-delete-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.folder-delete-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1000;border-radius:12px;width:90vw;max-width:400px;padding:24px}.folder-delete-modal h3{margin:0 0 10px;font-size:1.1rem}.folder-delete-modal p{color:var(--text-muted);margin:0 0 14px;font-size:.85rem;line-height:1.4}.folder-delete-modal input{border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;margin-bottom:14px;padding:8px 12px;font-family:inherit;font-size:.9rem}.folder-delete-actions{justify-content:flex-end;gap:8px;display:flex}.community-save-btn{position:relative}.community-save-popover{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:100;border-radius:10px;width:240px;margin-bottom:6px;position:absolute;bottom:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #00000040}.community-save-popover-title{color:var(--text-muted);border-bottom:1px solid var(--border-primary);padding:8px 12px;font-size:.75rem}.bookmark-badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:1px 6px;font-size:.65rem;font-weight:600}@media (max-width:600px){.folder-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.community-save-popover{border-radius:12px 12px 0 0;width:100%;margin-bottom:0;position:fixed;bottom:0;left:0;right:0}}.unsaved-guard-modal{max-width:440px}.unsaved-guard-actions{margin-bottom:16px}.unsaved-guard-actions .save-dialog-submit{background:var(--accent-gradient);width:100%;color:var(--accent-text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.unsaved-guard-actions .save-dialog-submit:hover:not(:disabled){box-shadow:0 6px 20px var(--accent-shadow);transform:translateY(-2px)}.unsaved-guard-actions .save-dialog-submit:disabled{opacity:.6;cursor:not-allowed}.unsaved-guard-divider{color:var(--text-muted);align-items:center;gap:12px;margin:12px 0;font-size:.8rem;display:flex}.unsaved-guard-divider:before,.unsaved-guard-divider:after{content:"";background:var(--border-primary);flex:1;height:1px}.unsaved-guard-discard{cursor:pointer;color:var(--text-muted);text-align:left;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;display:flex}.unsaved-guard-discard input[type=checkbox]{accent-color:#ff6b6b;cursor:pointer;flex-shrink:0;width:16px;height:16px}.unsaved-guard-leave{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-muted);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.85rem;transition:all .2s}.unsaved-guard-leave:hover:not(:disabled){color:#ff6b6b;border-color:#ff6b6b}.unsaved-guard-leave:disabled{opacity:.4;cursor:not-allowed}.auth-page{z-index:1;min-height:100vh;font-family:var(--ds-font-body);background:radial-gradient(120% 90% at 18% 8%, #ffffff0f, transparent 55%), radial-gradient(140% 120% at 88% 0%, #88c8a01a, transparent 50%), linear-gradient(160deg, var(--ds-board) 0%, var(--ds-board-2) 70%, var(--ds-board-edge) 100%);justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative}.auth-page:before{content:"";z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='na'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23na)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-card{background:var(--ds-paper-card);border:1px solid var(--ds-hairline);width:100%;max-width:430px;color:var(--ds-ink);box-shadow:var(--ds-shadow-lg);border-radius:18px;padding:2.4rem 2.2rem;position:relative}.auth-card:before{content:"";background:var(--ds-board);width:48px;height:48px;color:var(--ds-gold);box-shadow:var(--ds-shadow-md);border-radius:13px;place-items:center;margin:0 auto 1.2rem;font-family:"Font Awesome 6 Free";font-size:1.25rem;font-weight:900;display:grid;transform:rotate(-5deg)}.auth-card h1{font-family:var(--ds-font-display);letter-spacing:-.015em;text-align:center;color:var(--ds-ink);margin:0 0 1.5rem;font-size:1.7rem;font-weight:600}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.3rem;display:flex}.auth-field label{color:var(--ds-ink-soft);font-size:.85rem;font-weight:700}.auth-field input{border:1px solid var(--ds-hairline);background:var(--ds-paper);color:var(--ds-ink);border-radius:10px;outline:none;padding:.7rem .85rem;font-family:inherit;font-size:.96rem;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--ds-gold);box-shadow:0 0 0 3px #efb23c2e}.auth-hint{color:var(--ds-ink-soft);font-size:.8rem}.auth-remember{color:var(--ds-ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.auth-remember input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--ds-gold-deep);cursor:pointer}.auth-submit{background:var(--ds-gold);color:var(--ds-gold-ink);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:.85rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 24px -8px #efb23cb3,inset 0 0 0 1px #ffffff40}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px -10px #efb23ccc}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--ds-ink-soft);align-items:center;gap:1rem;margin:1.25rem 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--ds-hairline);flex:1;height:1px}.auth-links{flex-direction:column;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.9rem;display:flex}.auth-links a{color:var(--ds-gold-deep);font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-hint{text-align:center;color:var(--ds-ink-soft);margin-top:1.25rem;font-size:.85rem;line-height:1.5}.auth-error{color:#b3261e;text-align:center;background:#fdeaea;border:1px solid #f2c7c3;border-radius:10px;padding:.75rem;font-size:.9rem}.auth-success{color:#1d6b3a;text-align:center;background:#e7f6ec;border:1px solid #c2e6cf;border-radius:10px;padding:.75rem;font-size:.9rem}.auth-google-btn{border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.auth-google-btn:hover{background:var(--bg-secondary)}.auth-google-btn img{width:20px;height:20px}.theme-selector{flex-wrap:wrap;gap:10px;display:flex}.theme-swatch{cursor:pointer;text-align:center}.theme-swatch-color{border:2px solid var(--border-primary);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,box-shadow .2s;display:flex}.theme-swatch-color:hover{border-color:var(--accent)}.theme-swatch.selected .theme-swatch-color{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.theme-swatch-dot{border-radius:50%;width:20px;height:20px}.theme-swatch-label{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.theme-swatch.selected .theme-swatch-label{color:var(--accent)}.activity-theme-root{position:relative}.activity-bg-base{z-index:0;background:var(--bg-primary);pointer-events:none;position:absolute;inset:0}.activity-bg-layer{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.activity-theme-root>:not(.activity-bg-layer):not(.activity-bg-base){z-index:1;position:relative}.bg-picker{flex-direction:column;gap:10px;display:flex}.bg-picker-grid{flex-wrap:wrap;gap:8px;display:flex}.bg-swatch{border:2px solid var(--border-primary);background-color:var(--bg-tertiary,var(--bg-secondary));width:64px;height:48px;color:var(--text-muted);cursor:pointer;background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.bg-swatch:hover{border-color:var(--accent)}.bg-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.bg-swatch-label{text-align:center;text-overflow:ellipsis;max-width:100%;font-size:9px;line-height:1.1;overflow:hidden}.bg-swatch[style*=url] .bg-swatch-label{color:#fff;background:#00000073;border-radius:4px;padding:1px 4px}.bg-upload-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bg-upload .bg-swatch-label,.bg-upload i{z-index:1;position:relative}.bg-ai-result{padding:0}.bg-ai-select{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.bg-ai-regen{z-index:2;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:2px;right:2px}.bg-ai-regen:hover:not(:disabled){background:#000000c7}.bg-ai-regen:disabled{cursor:default;opacity:.7}.bg-picker-uploading{color:var(--text-muted);font-size:13px}.bg-opacity{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.bg-opacity input[type=range]{flex:1;min-width:80px;max-width:180px}.bg-opacity-val{text-align:right;min-width:36px}.player-theme-picker{position:relative}.player-theme-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);width:32px;height:32px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:border-color .2s,color .2s;display:flex}.player-theme-btn:hover{border-color:var(--accent);color:var(--accent)}.player-theme-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:50;box-shadow:0 8px 24px var(--shadow-color);border-radius:12px;min-width:200px;margin-top:8px;padding:12px;position:absolute;top:100%;right:0}.player-theme-dropdown-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px}.player-theme-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.player-theme-grid .theme-swatch-color{width:36px;height:36px;margin:0 auto}.player-theme-grid .theme-swatch-dot{width:14px;height:14px}.player-theme-grid .theme-swatch-label{font-size:9px}.player-theme-reset{border:1px solid var(--border-primary);width:100%;color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:6px;margin-top:8px;padding:6px;font-size:11px;display:block}.player-theme-reset:hover{border-color:var(--accent);color:var(--accent)}.play-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:8px 16px;display:flex}.play-brand{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);border-radius:8px;align-items:center;gap:7px;padding:5px 11px;font-size:.85rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.play-brand:hover{border-color:var(--accent);color:var(--accent)}.play-brand i{color:var(--accent);font-size:.9em}@media (max-width:1800px){.play-toolbar{padding-right:56px}}.play-toolbar-actions{align-items:center;gap:8px;display:flex}.activity-theme-root:fullscreen{background:var(--bg-primary);overflow-y:auto}.activity-theme-root:fullscreen .student-layout{width:960px;max-width:100%;min-height:0;margin:0 auto}.activity-theme-root:fullscreen .activity-bg-base,.activity-theme-root:fullscreen .activity-bg-layer{position:fixed}.noise-stage{justify-content:center;align-items:center;min-height:360px;margin:24px 0;display:flex;position:relative}.noise-circle{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;transition:background-color .12s ease-out,transform 80ms linear;display:flex;position:relative;box-shadow:0 8px 32px #0003}.noise-circle.idle{background:#4a90e2}.noise-circle.denied{cursor:pointer;background:#888!important}.noise-circle.flash{animation:.5s ease-out 2 noise-flash}@keyframes noise-flash{0%,to{box-shadow:0 8px 32px #0003}50%{box-shadow:0 0 48px 24px #ff6b6bcc}}.noise-circle-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.noise-circle-icon{font-size:2.5rem}.noise-circle-label{max-width:160px;font-size:1rem;font-weight:600}.noise-level-label{font-size:1.2rem;font-weight:700}.noise-peak-ring{opacity:.35;pointer-events:none;border:3px solid #4a90e2;border-radius:50%;width:200px;height:200px;margin-top:-100px;margin-left:-100px;transition:transform .16s linear,border-color .16s linear;position:absolute;top:50%;left:50%}.noise-trigger-badge{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.noise-trigger-badge i{color:#ff6b6b}.noise-controls{background:var(--bg-tertiary,var(--bg-secondary));border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;margin:16px 0;padding:16px;display:flex}.noise-control-row{flex-direction:column;gap:6px;display:flex}.noise-toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.noise-control-label{color:var(--text-primary);font-weight:600}.noise-slider{width:100%}.noise-select{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:1rem}.noise-mode-toggle{border:1px solid var(--border-primary);border-radius:8px;gap:0;display:flex;overflow:hidden}.noise-mode-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.noise-mode-btn:first-child{border-right:1px solid var(--border-primary)}.noise-mode-btn.active{background:var(--accent,#4a90e2);color:#fff;font-weight:600}.noise-mode-btn:hover:not(.active){background:var(--bg-tertiary,var(--bg-secondary))}.noise-toggle-switch{background:var(--border-primary);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.noise-toggle-switch:hover{background:var(--border-hover)}.noise-toggle-switch.active,.noise-toggle-switch.active:hover{background:var(--accent-gradient)}.noise-toggle-switch:focus-visible{outline:2px solid var(--accent-gradient);outline-offset:2px}.noise-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.noise-toggle-switch.active .noise-toggle-knob{transform:translate(20px)}.noise-meter{cursor:pointer;border-radius:16px;width:100%;max-width:380px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.noise-meter.flash{animation:.5s ease-out 2 noise-meter-flash}@keyframes noise-meter-flash{0%,to{box-shadow:0 8px 32px #0003}50%{box-shadow:0 0 48px 24px #ff6b6bcc}}.noise-meter-svg{width:100%;height:auto;display:block}.noise-buttons{flex-direction:column;gap:8px;margin-top:16px;display:flex}.noise-button-row{gap:8px;display:flex}.noise-button-row>.btn-primary,.noise-button-row>.fullscreen-btn{white-space:nowrap;flex:1;width:auto!important;margin-top:0!important;margin-bottom:0!important;padding:10px 16px!important;font-size:.9rem!important}.panel-fullscreen.noise-config-hidden .noise-controls{display:none!important}.panel-fullscreen .noise-stage{min-height:0;margin:0}.panel-fullscreen .noise-controls{margin-top:12px}.panel-fullscreen.noise-config-hidden .noise-stage{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.panel-fullscreen.noise-config-hidden .noise-meter{max-width:min(85vmin,900px)}.panel-fullscreen.noise-config-hidden .noise-circle{width:min(70vmin,600px);height:min(70vmin,600px)}.account-danger-zone{border-top:1px solid #e7898933}.account-danger-zone h2{color:#d63031}[data-theme=dark] .account-danger-zone h2{color:#ff7675}.delete-account-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.delete-account-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);width:100%;max-width:480px;color:var(--text-primary);border-radius:14px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 20px 50px #00000059}.delete-account-modal h2{color:#d63031;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.2rem;display:flex}[data-theme=dark] .delete-account-modal h2{color:#ff7675}.delete-account-modal p{margin:0 0 1rem;font-size:.95rem;line-height:1.5}.delete-account-label{margin-bottom:1rem;font-size:.9rem;font-weight:500;display:block}.delete-account-input{border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--text-primary);letter-spacing:.02em;border-radius:8px;margin-top:.4rem;padding:.55rem .75rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.95rem;display:block}.delete-account-input:focus{border-color:#d63031;outline:none;box-shadow:0 0 0 3px #d6303133}.delete-account-error{color:#d63031;margin:0 0 .75rem;font-size:.9rem}.delete-account-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.delete-account-actions .account-btn{flex:0 auto}.privacy-page{z-index:1;position:relative}.privacy-container{z-index:1;background:var(--bg-secondary);border:1px solid var(--border-primary);max-width:760px;color:var(--text-primary);border-radius:16px;margin:2rem auto;padding:2.5rem 2.25rem;line-height:1.65;position:relative;box-shadow:0 4px 20px #0000000a}[data-theme=dark] .privacy-container{box-shadow:0 4px 20px #00000040}.privacy-container h1{color:var(--title-color);margin:0 0 .25rem;font-size:1.85rem}.privacy-container .privacy-updated{opacity:.7;margin:0 0 1.5rem;font-size:.85rem}.privacy-container h2{border-top:1px solid var(--border-primary);color:var(--title-color);margin:2rem 0 .75rem;padding-top:1.25rem;font-size:1.25rem}.privacy-container h2:first-of-type{border-top:none;margin-top:1.5rem;padding-top:0}.privacy-container h3{color:var(--text-primary);margin:1.25rem 0 .5rem;font-size:1.05rem;font-weight:600}.privacy-container p{margin:0 0 1rem;font-size:.97rem}.privacy-container ul{margin:0 0 1rem;padding-left:1.4rem}.privacy-container li{margin-bottom:.45rem;font-size:.97rem}.privacy-container code{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;padding:.05rem .4rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.privacy-container a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.privacy-container a:hover{color:var(--text-heading);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.privacy-container strong{color:var(--text-primary);font-weight:600}.privacy-container .privacy-back{border-top:1px solid var(--border-primary);align-items:center;gap:.4rem;margin-top:2rem;padding-top:1.5rem;font-size:.95rem;display:inline-flex}@media (max-width:720px){.privacy-container{border-radius:12px;margin:1rem auto;padding:1.5rem 1.25rem}.privacy-container h1{font-size:1.5rem}.privacy-container h2{font-size:1.1rem}}.privacy-table-wrap{border:1px solid var(--border-primary);border-radius:10px;margin:0 0 1rem;overflow-x:auto}.privacy-table{border-collapse:collapse;width:100%;font-size:.9rem}.privacy-table th,.privacy-table td{text-align:left;border-bottom:1px solid var(--border-primary);vertical-align:top;padding:.6rem .75rem}.privacy-table th{background:var(--bg-primary);color:var(--title-color);font-size:.85rem;font-weight:600}.privacy-table tr:last-child td{border-bottom:none}.privacy-table td:first-child{white-space:nowrap}@media (max-width:600px){.privacy-table th,.privacy-table td{padding:.5rem .55rem;font-size:.82rem}}.footer-link-button{font:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.footer-link-button:hover{color:var(--accent)}.footer-sep{margin:0 .5rem}.cookie-banner-text{flex:1;min-width:0}.cookie-banner-link{color:var(--accent);margin-left:.25rem;text-decoration:underline}.cookie-banner-details{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.cookie-banner-option{cursor:pointer;color:var(--text-primary);align-items:flex-start;gap:10px;font-size:.85rem;display:flex}.cookie-banner-option input[type=checkbox]{flex-shrink:0;margin-top:3px}.cookie-banner-option span{flex-direction:column;gap:2px;display:flex}.cookie-banner-option small{color:var(--text-muted);font-size:.78rem;line-height:1.4}.cookie-banner-option input:disabled+span{opacity:.85}.collapsible{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:12px;margin-bottom:16px;overflow:hidden}.collapsible-header{cursor:pointer;width:100%;color:var(--text-heading);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-title{align-items:center;gap:8px;display:inline-flex}.collapsible-summary{color:var(--text-muted);font-weight:400}.collapsible-chevron{color:var(--text-muted);font-size:.85rem;transition:transform .2s}.collapsible-body{padding:0 16px 16px}.collapsible:not(.collapsible-open) .collapsible-body{padding:0}.split-btn{border-radius:10px;align-items:stretch;display:inline-flex;position:relative;overflow:visible}.split-btn-chevron{background:var(--accent-gradient);color:var(--accent-text);cursor:pointer;border:none;border-right:1px solid #ffffff59;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:0 12px;font-size:.85rem;transition:filter .15s;box-shadow:inset 0 0 0 999px #0000002e}.split-btn-chevron:hover{filter:brightness(1.1)}.split-btn-neutral .split-btn-chevron{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:none;filter:none;border-right:none;border-top-left-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:center;padding:0 12px;transition:background .15s,border-color .15s;display:inline-flex}.split-btn-neutral .split-btn-chevron:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);filter:none}.split-btn-primary,.split-btn .split-btn-primary-slot>*{flex:1;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin:0!important}.split-btn-primary-slot{flex:1;display:flex}.split-btn-popover{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 6px 20px var(--shadow-color);z-index:60;border-radius:10px;flex-direction:column;gap:2px;min-width:200px;margin-bottom:6px;padding:6px;display:flex;position:absolute;bottom:100%;left:0}.split-btn-popover-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;transition:background .15s;display:flex}.split-btn-popover-item:hover{background:var(--bg-tertiary)}@media (min-width:769px){.split-btn-popover{margin-top:6px;margin-bottom:0;top:100%;bottom:auto}}.split-btn-fullwidth{width:100%;display:flex}.creator-panel-prominent{border:2px solid var(--accent-border);box-shadow:0 0 0 4px var(--accent-shadow), 0 8px 24px var(--shadow-color)}.creator-panel-heading{color:var(--text-heading);letter-spacing:.01em;align-items:center;gap:10px;margin:0 0 16px;font-size:1.05rem;font-weight:700;display:flex}.creator-panel-heading i{color:var(--accent-text-strong,var(--text-heading));font-size:1.1rem}@media (max-width:768px){.creator-panel-prominent .split-btn{width:100%;margin-top:6px;display:flex}}.mobile-menu{width:100%;margin-bottom:24px;display:none;position:relative}.mobile-menu-trigger{background:var(--bg-secondary);border:1px solid var(--border-primary);width:100%;color:var(--text-heading);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .15s;display:flex}.mobile-menu-trigger:hover{border-color:var(--border-hover)}.mobile-menu-trigger-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;display:inline-flex;overflow:hidden}.mobile-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);max-height:70vh;box-shadow:0 6px 24px var(--shadow-color);z-index:50;border-radius:10px;flex-direction:column;gap:2px;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mobile-menu-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-menu-item:hover{background:var(--bg-tertiary);color:var(--text-heading)}.mobile-menu-item-active{background:var(--accent-gradient);color:var(--accent-text)}.mobile-menu-item-active:hover{color:var(--accent-text)}@media (max-width:768px){.mobile-menu{display:block}.tabs-desktop{display:none}}.drag-ghost{pointer-events:none;z-index:9999;opacity:.95;transition:none;transform:translate(-50%,-100%)scale(1.1)rotate(-3deg);position:fixed!important;box-shadow:0 12px 32px #0006!important}.drag-line{pointer-events:none;z-index:9998;border-left:2px dashed var(--accent,#667eea);width:0;transition:none;position:fixed;transform:translate(-1px)}.pool-item.draggable,.category-item.draggable,.question-item[draggable],.question-item.pointer-draggable{touch-action:none}.ws-space-cell{color:#0000;border-color:#00000014;background:0 0!important}.convert-modal{max-width:560px}.convert-tile-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:16px 0;display:grid}.convert-tile{border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:.9rem;transition:transform .1s,border-color .1s;display:flex}.convert-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.convert-tile i{font-size:1.4rem}.convert-tile-loss{border-radius:999px;padding:2px 8px;font-size:.75rem}.convert-tile-lossless .convert-tile-loss{color:#1f7a45;background:#27ae6026}.convert-tile-lossy .convert-tile-loss{color:#9c6b08;background:#f39c122e}.convert-banner{color:var(--text-primary);background:#f39c121f;border:1px solid #f39c1266;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;font-size:.95rem;display:flex}.convert-banner button{cursor:pointer;color:var(--text-muted);background:0 0;border:0;font-size:1.2rem}.lpx-page{--lpx-purple:#7c5cff;--lpx-teal:#2dbdb0;--lpx-amber:#d97706;--lpx-green:#51cf66;--lpx-green-dark:#2fa84d;--lpx-ink:#1a1a2e;--lpx-text:var(--text-primary);--lpx-muted:var(--text-muted);--lpx-border:var(--border-primary);--lpx-surface:var(--bg-secondary);background:var(--lpx-surface);border:1px solid var(--lpx-border);z-index:1;border-radius:16px;max-width:1240px;margin:0 auto;position:relative;overflow:visible}.lpx-hero{padding:56px 40px 80px;position:relative}.lpx-hero-inner{grid-template-columns:1fr 1.2fr;align-items:center;gap:56px;max-width:1160px;margin:0 auto;display:grid}.lpx-hero-headline{letter-spacing:-.02em;color:var(--text-heading);margin:0 0 20px;font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800;line-height:1.08}.lpx-highlight{color:var(--lpx-purple);font-style:italic;font-weight:800}.lpx-hero-subtitle{color:var(--lpx-text);max-width:560px;margin:0 0 28px;font-size:1.06rem;line-height:1.55}.lpx-hero-subtitle strong{color:var(--text-heading);font-weight:700}.lpx-hero-cta-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.lpx-btn-primary{background:var(--lpx-ink);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .15s,background .2s;display:inline-flex}.lpx-btn-primary:hover:not(:disabled){background:#0e0e1f;transform:translateY(-1px)}.lpx-btn-primary:disabled{opacity:.6;cursor:not-allowed}.lpx-hero-cta-sub{color:var(--lpx-muted);margin:0;font-size:.9rem}.lpx-hero-image{justify-content:flex-end;align-items:center;min-height:320px;display:flex;position:relative}.lpx-hero-image-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#7c5cff2e 0%,#7c5cff00 65%);position:absolute;inset:-30px}.lpx-hero-image-float{z-index:1;width:100%;max-width:700px;transform-style:preserve-3d;animation:6s ease-in-out infinite lpx-float;position:relative}.lpx-hero-image-stack{aspect-ratio:4/3;width:100%;position:relative}.lpx-hero-img{object-fit:contain;object-position:center;opacity:0;pointer-events:none;filter:drop-shadow(0 12px 32px #0000002e);width:100%;height:100%;transition:opacity .9s ease-in-out;position:absolute;inset:0}.lpx-hero-img-active{opacity:1}@keyframes lpx-float{0%,to{transform:translateY(0)rotateX(1deg)rotateY(-1deg)}25%{transform:translateY(-8px)rotateX(-.5deg)rotateY(1.5deg)}50%{transform:translateY(-4px)rotateX(.5deg)rotateY(-.5deg)}75%{transform:translateY(-10px)rotateX(-1deg)rotateY(.5deg)}}.lpx-promo{padding:8px 40px 0}.lpx-promo-media img{border-radius:20px;width:100%;max-width:460px;margin:0 auto;display:block;box-shadow:0 20px 48px #00000038}.lpx-promo-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--lpx-amber);align-items:center;gap:8px;margin-bottom:14px;font-size:.78rem;font-weight:800;display:inline-flex}.lpx-promo-plans{flex-wrap:wrap;gap:16px;margin:4px 0 22px;display:flex}.lpx-promo-plan{text-align:left;border:1.5px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;border-radius:16px;flex-direction:column;flex:1 1 0;gap:4px;min-width:150px;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.lpx-promo-plan:hover,.lpx-promo-plan:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 14px 32px #00000029}.lpx-promo-plan:disabled{cursor:default}.lpx-promo-plan-featured{border-color:var(--accent-border);box-shadow:0 10px 28px var(--accent-shadow)}.lpx-promo-plan-badge{background:var(--lpx-amber);color:#2a1c00;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.62rem;font-weight:800;position:absolute;top:-11px;left:18px}.lpx-promo-plan-name{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem;font-weight:700}.lpx-promo-plan-price{color:var(--text-heading);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:1.7rem;font-weight:800;display:flex}.lpx-promo-plan-price small{color:var(--lpx-text);font-size:.95rem;font-weight:600}.lpx-promo-plan-price s{color:var(--text-muted);font-size:.95rem;font-weight:500}.lpx-promo-plan-sub{color:var(--lpx-text);font-size:.82rem}.lpx-promo-cta{margin-top:4px}.lpx-panels{flex-direction:column;gap:56px;padding:24px 40px 40px;display:flex}.lpx-panel{grid-template-columns:1fr 1.2fr;align-items:center;gap:56px;width:100%;max-width:1180px;margin:0 auto;display:grid}.lpx-panel-reverse{direction:rtl}.lpx-panel-reverse>*{direction:ltr}.lpx-panel-kicker{align-items:center;gap:12px;margin-bottom:18px;display:inline-flex}.lpx-panel-step{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:700;display:inline-flex}.lpx-panel-kicker-label{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.lpx-panel-purple .lpx-panel-step{background:var(--lpx-purple)}.lpx-panel-purple .lpx-panel-kicker-label{color:var(--lpx-purple)}.lpx-panel-teal .lpx-panel-step{background:var(--lpx-teal)}.lpx-panel-teal .lpx-panel-kicker-label{color:var(--lpx-teal)}.lpx-panel-amber .lpx-panel-step{background:var(--lpx-amber)}.lpx-panel-amber .lpx-panel-kicker-label{color:var(--lpx-amber)}.lpx-panel-heading{letter-spacing:-.01em;color:var(--text-heading);margin:0 0 14px;font-size:clamp(1.5rem,2.6vw,2.05rem);font-weight:800;line-height:1.15}.lpx-panel-body{color:var(--lpx-text);max-width:520px;margin:0 0 20px;font-size:1rem;line-height:1.6}.lpx-panel-bullets{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.lpx-panel-bullets li{color:var(--lpx-text);align-items:flex-start;gap:12px;font-size:.96rem;line-height:1.5;display:flex}.lpx-panel-bullets li strong{color:var(--text-heading)}.lpx-panel-bullet-check{width:22px;height:22px;color:var(--lpx-green-dark);background:#51cf6626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.7rem;display:inline-flex}[data-theme=dark] .lpx-panel-bullet-check,:root:not([data-theme]) .lpx-panel-bullet-check{color:var(--lpx-green);background:#51cf6638}.lpx-panel-demo{justify-content:center;align-items:center;width:100%;min-height:420px;display:flex;position:relative;overflow:visible}.lpx-panel-demo-wrap{cursor:zoom-in;transform-origin:50%;filter:drop-shadow(0 14px 36px #0000002e);will-change:transform;border-radius:10px;max-width:100%;transition:transform .35s,filter .35s;display:inline-flex;position:relative}.lpx-panel-demo-wrap:hover,.lpx-panel-demo-wrap:focus-visible{filter:drop-shadow(0 26px 56px #00000047);z-index:5;outline:none;transform:scale(1.35)}.lpx-panel-demo-video{object-fit:contain;pointer-events:none;border-radius:10px;width:100%;height:auto;max-height:540px;display:block}.lpx-panel-demo-enlarge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2;letter-spacing:.01em;background:#0f0f19c7;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 6px #0003}.lpx-panel-demo-enlarge i{opacity:.9;font-size:.72rem}.lpx-lightbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;cursor:zoom-out;background:#08080ee6;justify-content:center;align-items:center;padding:32px;animation:.18s ease-out lpx-lightbox-in;display:flex;position:fixed;inset:0}@keyframes lpx-lightbox-in{0%{opacity:0}to{opacity:1}}.lpx-lightbox-video{cursor:default;background:#000;border:1px solid #ffffff1f;border-radius:12px;width:auto;max-width:min(1400px,96vw);height:auto;max-height:92vh;box-shadow:0 20px 80px #0009}.lpx-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;transition:background .15s;display:flex;position:absolute;top:18px;right:22px}.lpx-lightbox-close:hover{background:#ffffff38}.lpx-panel-demo-placeholder{width:70px;height:70px;color:var(--lpx-muted);background:var(--lpx-surface);border:1px solid var(--lpx-border);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.lpx-vis-class{background:var(--lpx-surface);border:1px solid var(--lpx-border);border-radius:16px;width:min(460px,100%);padding:20px;box-shadow:0 14px 36px #0000001f}.lpx-vis-class-input{border:1px solid var(--lpx-border);background:var(--bg-primary);border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 10px 10px 14px;display:flex}.lpx-vis-class-input>i{color:var(--lpx-purple)}.lpx-vis-class-topic{min-width:0;color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.lpx-vis-class-go{color:#fff;background:var(--lpx-purple);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.8rem;font-weight:700}.lpx-vis-class-stages{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:relative}.lpx-vis-class-stages:before{content:"";background:color-mix(in srgb, var(--lpx-purple) 30%, transparent);width:2px;position:absolute;top:14px;bottom:14px;left:13px}.lpx-vis-class-stages li{animation:.45s ease-out both lpx-vis-stage-in;animation-delay:calc(var(--i,0) * .12s);border-radius:10px;align-items:center;gap:12px;padding:8px 12px 8px 0;display:flex;position:relative}.lpx-vis-class-dot{background:var(--lpx-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex;position:relative}.lpx-vis-class-label{color:var(--text-heading);flex:1;font-weight:600}.lpx-vis-class-min{color:var(--lpx-muted);font-variant-numeric:tabular-nums;font-size:.82rem}@keyframes lpx-vis-stage-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lpx-vis-class-stages li{animation:none}}.lpx-vis-rpg{width:100%;max-width:600px;padding-bottom:48px;position:relative}.lpx-vis-rpg img{border-radius:12px;height:auto;display:block}.lpx-vis-rpg-main{width:100%;box-shadow:0 14px 36px #0000002e}.lpx-vis-rpg-inset{border:4px solid var(--lpx-surface);width:42%;position:absolute;bottom:0;left:-16px;box-shadow:0 10px 26px #00000038}.lpx-vis-sheets{aspect-ratio:1.15;width:min(460px,100%);position:relative}.lpx-vis-sheet{border:1px solid var(--lpx-border);transform-origin:50% 100%;background:#fff;border-radius:6px;width:52%;height:auto;position:absolute;top:6%;left:50%;box-shadow:0 12px 30px #00000029}.lpx-vis-sheet-0{transform:translate(-92%)rotate(-9deg)}.lpx-vis-sheet-1{z-index:2;transform:translate(-50%)translateY(-4%)}.lpx-vis-sheet-2{transform:translate(-8%)rotate(9deg)}.lpx-buy-section{justify-content:center;padding:32px 40px 56px;display:flex}.lpx-buy-card{background:var(--lpx-surface);border:1px solid var(--lpx-border);border-radius:20px;grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;width:100%;max-width:1100px;padding:36px 40px;display:grid;box-shadow:0 6px 24px #0000000f}.lpx-buy-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--lpx-purple);background:#7c5cff14;border:1px solid #7c5cff33;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.lpx-buy-title{color:var(--text-heading);margin:16px 0 12px;font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800;line-height:1.2}.lpx-buy-body{color:var(--lpx-text);max-width:520px;margin:0 0 22px;font-size:.98rem;line-height:1.55}.lpx-buy-bullets{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.lpx-buy-bullets li{color:var(--lpx-text);align-items:center;gap:12px;font-size:.95rem;display:flex}.lpx-buy-bullet-icon{width:22px;color:var(--lpx-green-dark);flex-shrink:0;font-size:1rem}.lpx-buy-right{background:var(--bg-tertiary);border:1px solid var(--lpx-border);text-align:left;border-radius:16px;padding:28px 24px}.lpx-promo-pill{background:var(--lpx-green);color:#0d2418;letter-spacing:.02em;border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:.8rem;font-weight:800;display:inline-block}.lpx-buy-price-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lpx-buy-price{color:var(--text-heading);letter-spacing:-.02em;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:800}.lpx-buy-price-unit{color:var(--lpx-muted);font-size:.95rem}.lpx-buy-price-strike{color:var(--lpx-muted);margin-left:6px;font-size:1rem}.lpx-buy-monthly{color:var(--lpx-muted);margin:8px 0 22px;font-size:.9rem}.lpx-portal-error{color:#c4453f}.lpx-btn-buy{background:var(--lpx-green);color:#0d2418;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:1rem;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px #51cf6659}.lpx-btn-buy:hover:not(:disabled){background:var(--lpx-green-dark);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px #51cf6673}.lpx-btn-buy:disabled{opacity:.6;cursor:not-allowed}.lpx-btn-buy-secondary{width:100%;color:var(--text-heading);border:1px solid var(--lpx-border);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:11px 20px;font-size:.92rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.lpx-btn-buy-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--lpx-muted)}.lpx-btn-buy-secondary:disabled{opacity:.6;cursor:not-allowed}.lpx-comparison-section{padding:32px 40px 64px}.lpx-comparison-intro{text-align:left;max-width:880px;margin:0 auto 28px}.lpx-comparison-title{color:var(--text-heading);margin:0 0 12px;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;line-height:1.25}.lpx-comparison-subtitle{color:var(--lpx-text);margin:0;font-size:1rem;line-height:1.55}.lpx-comparison-card{background:var(--lpx-surface);border:1px solid var(--lpx-border);border-radius:18px;max-width:1080px;margin:0 auto;overflow:hidden;box-shadow:0 4px 18px #0000000d}.lpx-comparison-table{border-collapse:collapse;width:100%}.lpx-comparison-table thead th{letter-spacing:.14em;text-transform:uppercase;text-align:center;background:var(--bg-tertiary);border-bottom:1px solid var(--lpx-border);padding:18px 24px;font-size:.78rem;font-weight:700}.lpx-comparison-head-free{color:var(--lpx-muted);width:18%}.lpx-comparison-head-pro{color:var(--lpx-purple);width:18%;background:#7c5cff0f!important}.lpx-comparison-table tbody tr{border-bottom:1px solid var(--lpx-border)}.lpx-comparison-table tbody tr:last-child{border-bottom:0}.lpx-comparison-table td{vertical-align:middle;padding:18px 24px}.lpx-comparison-feature{width:64%}.lpx-comparison-feature-title{color:var(--text-heading);margin-bottom:2px;font-size:1rem;font-weight:700}.lpx-comparison-feature-sub{color:var(--lpx-muted);font-size:.86rem;line-height:1.4}.lpx-comparison-free-cell,.lpx-comparison-pro-cell{text-align:center;color:var(--text-heading);font-size:.95rem}.lpx-comparison-pro-cell{background:#7c5cff0a}.lpx-cell-check{width:26px;height:26px;color:var(--lpx-green-dark);background:#51cf662e;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.lpx-cell-dash{color:var(--lpx-muted);font-size:1.1rem}.lpx-cell-text{font-weight:600}@media (max-width:900px){.lpx-hero{padding:40px 24px 56px}.lpx-hero-inner{grid-template-columns:1fr;gap:36px}.lpx-hero-image{order:-1;min-height:auto}.lpx-hero-image-float{max-width:420px}.lpx-panels{gap:40px;padding:16px 24px 32px}.lpx-panel,.lpx-panel-reverse{direction:ltr;grid-template-columns:1fr;gap:28px}.lpx-panel-demo{min-height:280px}.lpx-panel-demo-video{max-height:360px}.lpx-vis-rpg-inset{left:0}.lpx-buy-section{padding:24px 24px 40px}.lpx-buy-card{grid-template-columns:1fr;gap:28px;padding:28px 24px}.lpx-comparison-section{padding:24px 24px 48px}.lpx-comparison-intro{text-align:center}.lpx-comparison-table thead th,.lpx-comparison-table td{padding:14px 12px}.lpx-comparison-feature-title{font-size:.95rem}.lpx-comparison-feature-sub{font-size:.78rem}}@media (max-width:560px){.lpx-hero-headline{font-size:2rem}.lpx-panel-demo{min-height:220px}.lpx-comparison-head-free,.lpx-comparison-head-pro{padding:14px 8px;font-size:.7rem}}.quiz-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.qc-editor-footer{border-top:1px solid var(--border-primary);flex-direction:column;gap:12px;padding-top:12px;display:flex}.quiz-action-bar{align-items:stretch;gap:10px;width:100%;display:flex}.quiz-action-bar>*{margin:0}.quiz-action-start{color:#fff;background:#48a070;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:10px;width:auto;margin:0;padding:14px 22px;font-size:1.05rem;display:inline-flex}.quiz-action-start:hover{filter:brightness(1.05);box-shadow:0 6px 20px #48a07059}.quiz-action-secondary{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;width:auto;margin:0;padding:14px 18px;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.quiz-action-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.overflow-menu{flex:none;display:inline-flex;position:relative}.overflow-menu-trigger{border:1px solid var(--border-primary);background:var(--bg-secondary);width:48px;height:100%;min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,border-color .15s;display:inline-flex}.overflow-menu-trigger:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.overflow-menu-popover{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 6px 20px var(--shadow-color);z-index:60;border-radius:10px;flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.overflow-menu-group{flex-direction:column;gap:2px;display:flex}.overflow-menu-divider{background:var(--border-primary);height:1px;margin:6px -6px}.overflow-menu-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;transition:background .15s;display:flex}.overflow-menu-item:hover{background:var(--bg-tertiary)}.overflow-menu-item.is-danger{color:#d63031}.overflow-menu-item.is-danger:hover{background:#d6303114}.quiz-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;display:grid;position:relative}.quiz-creator-left,.quiz-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.qc-questions-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;align-items:center;gap:16px;min-width:0;padding:14px 16px;display:flex}.qc-questions-label{letter-spacing:.08em;color:var(--text-muted);flex:none;font-size:.72rem;font-weight:700}.qc-questions-card .qc-tab-row{flex:auto;min-width:0;padding:0}.qc-tab-row{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.qc-tab{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);font:inherit;cursor:pointer;touch-action:none;border-radius:999px;align-items:center;gap:8px;max-width:220px;padding:8px 12px;display:inline-flex}.qc-tab.is-active{background:var(--text-primary);color:var(--bg-secondary);border-color:var(--text-primary)}.qc-tab.is-invalid{border-color:#d63031}.qc-tab.is-dragging{opacity:.4}.qc-tab-badge{background:#ffffff26;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;font-weight:700;display:inline-flex}.qc-tab.is-active .qc-tab-badge,.qc-tab:not(.is-active) .qc-tab-badge{background:var(--bg-secondary);color:var(--text-primary)}.qc-tab-label{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.85rem;overflow:hidden}.qc-tab-invalid-dot{background:#d63031;border-radius:50%;width:8px;height:8px}.qc-tab-add{color:var(--text-secondary);border:1px dashed var(--border-primary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:inline-flex}.qc-tab-add:hover{color:var(--text-primary);border-color:var(--text-primary)}.qc-tab-drop-indicator{background:var(--accent,#6c5ce7);border-radius:2px;align-self:stretch;width:3px}.qc-tab-wrap{display:contents}.qc-tab-move-group{display:none}.qc-tab-move{background:var(--bg-secondary);width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.qc-tab-move:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.qc-tab-move:disabled{opacity:.35;cursor:not-allowed}.qc-editor-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex}.qc-editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.qc-editor-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qc-editor-title{color:var(--text-primary);margin:0;font-size:1rem}.qc-correct-pill{color:#00b894;background:#00b8941f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.qc-correct-pill--empty{background:var(--bg-tertiary);color:var(--text-muted)}.qc-editor-actions{align-items:center;gap:6px;display:flex}.qc-icon-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;font:inherit;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:inline-flex}.qc-icon-btn:hover{color:var(--text-primary)}.qc-icon-btn.is-confirming{color:#d63031;background:#d6303126}.qc-delete-confirm-text{font-size:.8rem}.qc-editor-textarea-wrap{position:relative}.qc-editor-textarea{resize:vertical;background:var(--bg-tertiary);border:1px solid var(--border-primary);width:100%;min-height:80px;color:var(--text-primary);font:inherit;border-radius:10px;padding:12px}.qc-editor-question-image{max-width:260px;margin-top:10px;position:relative}.qc-editor-question-image img{border-radius:8px;max-width:100%;max-height:200px;display:block}.qc-editor-question-image-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:26px;height:26px;position:absolute;top:6px;right:6px}.qc-img-overlay,.qc-img-failed{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;font-size:.8rem;display:flex}.qc-img-failed{color:#d63031;justify-content:space-between}.qc-img-retry{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:6px;padding:3px 10px;font-size:.78rem}.qc-img-regen{color:#fff;cursor:pointer;background:#7c5cffe6;border:none;border-radius:50%;width:26px;height:26px;position:absolute;top:6px;right:38px}.qc-ai-image-progress{background:linear-gradient(#7c5cff17, #7c5cff17), var(--bg-secondary);color:var(--text-secondary);border:1px solid #7c5cff47;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:12px;padding:10px 12px;font-size:.88rem;display:flex}.qc-ai-image-progress i{color:#7c5cff;margin-top:2px}.qc-ai-image-progress-text{flex-direction:column;gap:2px;display:flex}.qc-ai-image-progress-eta{color:var(--text-muted);font-size:.8rem}.qc-answer-image-wrap{display:inline-flex;position:relative}.qc-answer-image-btn.is-failed{color:#d63031;border-color:#d6303166}.qc-answer-regen{color:#fff;cursor:pointer;background:#7c5cfff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;display:inline-flex;position:absolute;top:-6px;right:-6px}.qc-image-prompt-modal{z-index:1001;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;width:min(460px,100vw - 32px);padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 52px #00000061}.qc-image-prompt-textarea{resize:vertical;border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;min-height:120px;color:var(--text-primary);font:inherit;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.9rem}.qc-image-prompt-style{flex-direction:column;gap:4px;margin-top:12px;display:flex}.qc-image-prompt-footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.qc-image-prompt-submit{border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;width:auto;margin:0;padding:10px 18px;font-size:.9rem;line-height:1.2;display:inline-flex}.qc-editor-toolbar{border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.qc-toolbar-btn{color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;font:inherit;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.qc-toolbar-btn:hover{color:var(--text-primary)}.qc-char-counter{color:var(--text-muted);font-size:.8rem}.qc-answer-block{flex-direction:column;gap:10px;display:flex}.qc-answer-help{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.qc-answer-label{letter-spacing:.06em;color:var(--text-muted);font-size:.78rem;font-weight:700}.qc-answer-help-text{color:var(--text-muted);font-size:.8rem}.qc-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.qc-answer-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.qc-answer-card.is-correct{border-color:#00b894;box-shadow:inset 0 0 0 1px #00b89466}.qc-answer-radio{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.qc-answer-radio input{opacity:0;clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qc-answer-check{background:var(--bg-secondary);border:1.5px solid var(--border-primary);color:#0000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.qc-answer-card.is-correct .qc-answer-check{color:#fff;background:#00b894;border-color:#00b894}.qc-answer-radio input:focus-visible+.qc-answer-check{outline-offset:2px;outline:2px solid #00b894}.qc-answer-letter{background:var(--bg-secondary);border:1px solid var(--border-primary);width:24px;height:24px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.qc-answer-text{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);font:inherit;border-radius:6px;min-width:0;padding:6px 8px}.qc-answer-image-btn,.qc-answer-remove{background:var(--bg-secondary);border:1px solid var(--border-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.qc-answer-image-btn img{object-fit:cover;border-radius:5px;width:100%;height:100%}.qc-answer-remove:disabled{opacity:.3;cursor:not-allowed}.qc-add-answer{color:var(--text-secondary);border:1px dashed var(--border-primary);cursor:pointer;font:inherit;background:0 0;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;width:28%;padding:10px 12px;font-size:.9rem;display:inline-flex}.qc-add-answer:disabled{opacity:.5;cursor:not-allowed}.qc-add-answer:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-primary)}.qc-settings-row{border-top:1px solid var(--border-primary);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:16px;padding-top:12px;font-size:.85rem;display:flex}.qc-settings-control{align-items:center;gap:6px;display:inline-flex}.qc-settings-control select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;border-radius:6px;padding:4px 6px}.qc-settings-control select:hover{border-color:var(--text-secondary)}.qc-settings-checkbox{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.qc-settings-checkbox input{cursor:pointer}.qc-settings-help{width:16px;height:16px;color:var(--text-muted);cursor:help;outline:none;justify-content:center;align-items:center;margin-left:2px;font-size:.8rem;display:inline-flex;position:relative}.qc-settings-help:hover,.qc-settings-help:focus-visible{color:var(--text-primary)}.qc-settings-help[data-tooltip]:after{content:attr(data-tooltip);background:var(--text-primary);color:var(--bg-secondary);white-space:normal;text-align:left;opacity:0;pointer-events:none;z-index:50;width:max-content;max-width:260px;box-shadow:0 6px 18px var(--shadow-color);border-radius:8px;padding:8px 12px;font-size:.78rem;font-weight:500;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.qc-settings-help[data-tooltip]:before{content:"";border:6px solid #0000;border-top-color:var(--text-primary);opacity:0;pointer-events:none;z-index:50;transition:opacity .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.qc-settings-help[data-tooltip]:hover:after,.qc-settings-help[data-tooltip]:hover:before,.qc-settings-help[data-tooltip]:focus-visible:after,.qc-settings-help[data-tooltip]:focus-visible:before{opacity:1}.qc-preview-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.qc-preview-header{justify-content:space-between;align-items:center;display:flex}.qc-preview-label{letter-spacing:.06em;color:var(--text-muted);font-size:.78rem;font-weight:700}.qc-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.qc-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.qc-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}.qc-preview-panel .quiz-option.preview{cursor:default}.qc-preview-panel .quiz-option.preview:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.qc-preview-panel .quiz-option.preview-correct{background:#00b8941a;border-color:#00b894}.qc-preview-panel .quiz-question h3,.qc-preview-panel .quiz-option .option-text{overflow-wrap:anywhere;word-break:break-word;min-width:0}.qc-answer-card .qc-answer-text{overflow-wrap:anywhere}.qc-tips-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:14px}.qc-tips-title{color:var(--text-primary);margin:0 0 10px;font-size:1rem}.qc-tips-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.qc-tips-list li{color:var(--text-secondary);gap:8px;font-size:.88rem;display:flex}.qc-tip-icon{color:#00b894;flex:none;margin-top:3px}.qc-image-modal-overlay{z-index:1000;background:#00000080;position:fixed;inset:0}.qc-image-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1001;border-radius:12px;width:min(420px,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0006}.qc-image-modal-title{color:var(--text-primary);margin:0 0 4px;font-size:1rem}.qc-image-modal-subtitle{color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.qc-image-modal-dropzone{border:2px dashed var(--border-primary);text-align:center;background:var(--bg-tertiary);cursor:pointer;color:var(--text-muted);border-radius:8px;margin-bottom:10px;padding:18px;font-size:.85rem;position:relative}.qc-image-modal-dropzone-icon{margin-bottom:6px;font-size:1.4rem}.qc-image-modal-dropzone-hint{margin-top:4px;font-size:.75rem}.qc-image-modal-ai-btn{background:var(--bg-tertiary);width:100%;color:var(--accent);border:1px solid var(--border-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-bottom:10px;padding:9px 12px;font-size:.85rem;display:flex}.qc-image-modal-ai-btn:hover{border-color:var(--accent)}.qc-image-modal-url-row{gap:6px;display:flex}.qc-image-modal-url-row input{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px;flex:1;padding:8px 10px;font-size:.9rem}.qc-image-modal-footer{justify-content:flex-end;margin-top:14px;display:flex}.qc-image-modal-cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.85rem}.quiz-action-ai{color:#fff;background:linear-gradient(120deg,#7c5cff 0%,#a855f7 45%,#ec4899 100%) 0 0/200% 100%;border:none;animation:6s infinite ai-gradient-shift;position:relative;overflow:hidden;box-shadow:0 2px 10px #7c5cff59}.quiz-action-ai:hover{color:#fff;filter:brightness(1.04);background:linear-gradient(120deg,#6d4bf0 0%,#9333ea 45%,#db2777 100%) 0 0/200% 100%;border:none;box-shadow:0 4px 16px #7c5cff73}.quiz-action-ai i{z-index:1;animation:1.9s ease-in-out infinite ai-sparkle;position:relative}.quiz-action-ai:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:4s ease-in-out infinite ai-shimmer;position:absolute;inset:0;transform:translate(-120%)}.quiz-action-ai.is-locked{opacity:.92;background:linear-gradient(120deg,#9b94c4 0%,#b7a6d6 45%,#d09bbd 100%) 0 0/100% 100%;animation:none;box-shadow:0 2px 8px #7c5cff2e}.quiz-action-ai.is-locked:hover{filter:none;opacity:1;background:linear-gradient(120deg,#8f87bd 0%,#ab98ce 45%,#c78fb4 100%);box-shadow:0 4px 14px #7c5cff47}.quiz-action-ai.is-locked:after{display:none}.quiz-action-ai.is-locked i{animation:none}.quiz-action-ai .qa-ai-lock{opacity:.95;margin-left:2px;font-size:.78em}.word-game-ai-entry{background:linear-gradient(120deg, #7c5cff14, #ec48990f), var(--bg-secondary);border:1px solid #7c5cff2e;border-radius:12px;flex-wrap:wrap;align-items:stretch;gap:10px;margin:10px 0 14px;padding:10px;display:flex}.controls>.word-game-ai-entry{flex:390px;align-self:stretch;margin:0}.word-game-ai-button{white-space:nowrap;border-radius:10px;flex:230px;align-self:stretch;min-height:44px;margin:0;padding:10px 14px;font-size:.9rem}.word-game-ai-note{min-width:0;color:var(--text-secondary);background:#d8b86814;border:1px solid #d8b86847;border-radius:10px;flex:999 320px;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:.8rem;line-height:1.35;display:flex}.wordsearch-ai-entry{grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%;margin:10px 0 0;display:grid}.wordsearch-ai-entry .word-game-ai-button{align-self:stretch;height:44px;min-height:44px}.wordsearch-ai-entry .word-game-ai-note{max-width:none}.word-game-ai-note i{color:#d8b868;flex:none}[data-theme=light] .word-game-ai-note i{color:#9f7a18}@keyframes ai-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ai-sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.9;transform:scale(1.22)rotate(-10deg)}}@keyframes ai-shimmer{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.quiz-action-ai,.quiz-action-ai i,.quiz-action-ai:after{animation:none}.quiz-action-ai:after{display:none}}.ai-gen-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1001;border-radius:14px;width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);padding:22px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0006}.ai-gen-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ai-gen-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.1rem;display:inline-flex}.ai-gen-title i{color:#7c5cff}.ai-gen-counter{white-space:nowrap;color:#7c5cff;background:#7c5cff1f;border:1px solid #7c5cff4d;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.ai-gen-mode-toggle{margin-bottom:14px;display:flex}.ai-gen-mode-toggle .memory-mode-pill{flex:auto;min-width:0;line-height:1.25}@media (max-width:480px){.ai-gen-mode-toggle .memory-mode-pill{padding:8px 10px;font-size:.85rem}}.ai-gen-modal .ai-gen-source{gap:12px}.ai-gen-field{flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.ai-gen-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.ai-gen-textarea{resize:vertical;background:var(--bg-tertiary);border:1px solid var(--border-primary);width:100%;min-height:70px;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.95rem}.ai-gen-charcount{color:var(--text-muted);align-self:flex-end;font-size:.7rem}.ai-gen-row{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.ai-gen-select{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px;padding:9px 10px;font-size:.9rem}.ai-gen-count-custom{align-items:center;gap:6px;display:flex}.ai-gen-count-custom .ai-gen-count-input{flex:1;min-width:0}.ai-gen-count-back{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:none;padding:9px 8px;font-size:.8rem;line-height:1}.ai-gen-count-back:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover)}.ai-gen-count-back:disabled{opacity:.5;cursor:default}.ai-gen-count-hint{color:var(--text-hint);margin-top:4px;font-size:.75rem;display:block}.ai-gen-count-hint-bad{color:#d63031}.ai-gen-error{color:#d63031;background:#d630311a;border:1px solid #d630314d;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:.85rem}.ai-gen-upgrade-link{color:#7c5cff;font-weight:600;text-decoration:underline}.ai-gen-success{color:#00875f;background:#00b8941f;border:1px solid #00b8944d;border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:.85rem;display:flex}.ai-gen-success-subtext{color:var(--text-secondary);margin-top:4px;display:block}.ai-gen-credit-note{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:.75rem}.ai-gen-credit-row{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.ai-gen-credit-row .ai-gen-credit-note{margin:0}.ai-gen-images{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;margin-top:14px;padding:12px}.ai-gen-check{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.ai-gen-check input{accent-color:#7c5cff}.ai-gen-images-targets{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:12px;display:flex}.ai-gen-style{flex-direction:column;gap:4px;display:flex}.ai-gen-images-hint{color:#d63031;margin-top:10px;font-size:.8rem}.ai-gen-images-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;font-size:.78rem;display:flex}.ai-gen-images-remaining{color:#7c5cff;background:#7c5cff1f;border:1px solid #7c5cff4d;border-radius:999px;padding:2px 9px;font-weight:700}.ai-gen-images-clamp{color:#b8860b;width:100%}.ai-gen-images-time{color:var(--text-secondary);align-items:center;gap:6px;width:100%;display:inline-flex}.ai-gen-footer{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.ai-gen-footer .ai-gen-cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:pointer;border-radius:8px;flex:none;padding:10px 18px;font-size:.95rem;font-weight:600;line-height:1.2}.ai-gen-footer .ai-gen-cancel:hover{background:var(--bg-primary)}.ai-gen-footer .ai-gen-submit{border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;width:auto;margin:0;padding:10px 22px;font-size:.95rem;line-height:1.2;display:inline-flex}.ai-gen-footer .ai-gen-submit:disabled{opacity:.55;cursor:not-allowed}@media (max-width:560px){.ai-gen-row{flex-direction:column;gap:12px}}@media (max-width:900px){.quiz-creator-root{overflow-x:clip}.quiz-creator-grid{grid-template-columns:minmax(0,1fr)}.quiz-creator-right{order:2}.quiz-creator-left{order:1}.qc-answer-grid{grid-template-columns:minmax(0,1fr)}.qc-add-answer{width:100%}.qc-settings-help[data-tooltip]:after{max-width:min(260px,100vw - 40px);left:auto;right:0;transform:none}.qc-settings-help[data-tooltip]:before{left:auto;right:5px;transform:none}.quiz-action-bar{flex-wrap:wrap}.quiz-action-bar>.quiz-action-start{flex:100%}.quiz-action-bar>.quiz-action-ai,.quiz-action-bar>.quiz-action-secondary{flex:1 1 0;min-width:0;padding-left:12px;padding-right:12px}.quiz-action-bar>.overflow-menu{flex:none}.quiz-action-bar .qa-btn-text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiz-action-bar>.quiz-action-ai i,.quiz-action-bar>.quiz-action-secondary i{font-size:1.05rem}.qc-questions-card{flex-direction:column;align-items:stretch;gap:10px}.qc-questions-card .qc-tab-row{min-width:0}.qc-tab-row{flex-flow:column;align-items:stretch;gap:6px;max-height:320px;padding:2px;overflow:hidden auto}.qc-tab-wrap{align-items:center;gap:6px;display:flex}.qc-tab-wrap>.qc-tab{touch-action:auto;border-radius:10px;flex:auto;justify-content:flex-start;min-width:0;max-width:none}.qc-tab-wrap>.qc-tab .qc-tab-label{flex:auto;max-width:none}.qc-tab-move-group{flex:none;gap:4px;display:inline-flex}.qc-tab-add{justify-content:center;align-self:stretch}}.quiz-timer-pill{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.quiz-timer-pill.is-low{color:#d63031;background:#d630311f;border-color:#d6303166;animation:1s ease-in-out infinite quiz-timer-pulse}@keyframes quiz-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.bingo-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.bingo-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;display:grid;position:relative}.bingo-creator-left,.bingo-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.bingo-creator-right{align-self:start}.bingo-preview-card{border:1px solid var(--border-primary);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014}.bingo-preview-title{color:#fff;text-align:center;letter-spacing:.25em;padding:12px 14px;font-size:1.4rem;font-weight:800}.bingo-preview-grid{display:grid}.bingo-preview-cell{aspect-ratio:1;text-align:center;word-break:break-word;overflow-wrap:break-word;color:#333;border:1px solid;justify-content:center;align-items:center;padding:4px;line-height:1.15;display:flex;overflow:hidden}.bingo-preview-cell.is-empty{background:repeating-linear-gradient(45deg,#fafafa,#fafafa 6px,#f0f0f0 6px 12px)}.bingo-print-section{flex-direction:column;gap:12px;display:flex}.bingo-bulk-block{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:14px}.bingo-bulk-block h3{color:var(--text-primary);margin:0 0 10px;font-size:.95rem}.bingo-bulk-controls{flex-wrap:wrap;gap:14px;margin-bottom:10px;display:flex}.bingo-bulk-controls label{color:var(--text-muted);margin-bottom:4px;font-size:.75rem;display:block}.bingo-bulk-summary{color:var(--text-hint);margin:0 0 10px;font-size:.75rem}.bingo-print-note{text-align:center;color:var(--text-hint);margin:4px 0 0;font-size:.78rem}@media (max-width:900px){.bingo-creator-grid{grid-template-columns:minmax(0,1fr)}.bingo-creator-right{order:2}.bingo-creator-left{order:1}}.wheel-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.wheel-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px;display:grid;position:relative}.wheel-creator-left,.wheel-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.wheel-creator-right{align-self:start}.wheel-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:14px;display:flex}.wheel-preview-header{justify-content:space-between;align-items:center;width:100%;display:flex}.wheel-preview-label{letter-spacing:.06em;color:var(--text-muted);font-size:.78rem;font-weight:700}.wheel-style-picker{align-items:center;gap:6px;display:flex}.wheel-style-swatch{border:2px solid var(--border-primary);cursor:pointer;background-origin:border-box;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .15s,border-color .15s}.wheel-style-swatch:hover{transform:scale(1.12)}.wheel-style-swatch.active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.wheel-style-swatch--classic{background:conic-gradient(#ff6b6b 0 25%, #feca57 0 50%, #48dbfb 0 75%, #1dd1a1 0 100%)}.wheel-style-swatch--carnival{background:radial-gradient(circle at center, #ffe9a8 0 22%, transparent 23%), conic-gradient(#ff6b6b 0 25%, #feca57 0 50%, #48dbfb 0 75%, #1dd1a1 0 100%);box-shadow:inset 0 0 0 3px #2f3542}.wheel-style-swatch--pastel{background:radial-gradient(circle at center, #fff 0 32%, transparent 33%), conic-gradient(#f8a5a5 0 25%, #f9d59a 0 50%, #9adcf0 0 75%, #a8e6c3 0 100%)}.wheel-preview-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;width:100%;font-size:.78rem;display:flex}.wheel-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}.wheel-preview-canvas-wrap{justify-content:center;width:100%;display:flex;position:relative}.wheel-preview-canvas-wrap canvas{max-width:100%;height:auto}.wheel-preview-winner{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:84px;padding:12px;display:flex}.wheel-preview-winner .wheel-result-image-wrap{width:clamp(120px,22vw,180px)}.wheel-preview-winner .wheel-result-label{padding:10px 22px;font-size:clamp(1.05rem,2vw,1.5rem)}@media (max-width:900px){.wheel-creator-grid{grid-template-columns:minmax(0,1fr)}.wheel-creator-right{order:2}.wheel-creator-left{order:1}}.anagram-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.anagram-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;display:grid;position:relative}.anagram-creator-left,.anagram-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.anagram-creator-right{align-self:start}.anagram-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.anagram-preview-header{justify-content:space-between;align-items:center;display:flex}.anagram-preview-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.anagram-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.anagram-preview-nav{align-items:center;gap:6px;display:inline-flex}.anagram-preview-nav-btn{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.7rem;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.anagram-preview-nav-btn:hover:not(:disabled){background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.anagram-preview-nav-btn:disabled{opacity:.35;cursor:not-allowed}.anagram-preview-hint{background:var(--bg-tertiary);color:var(--title-color);border-radius:8px;align-self:center;padding:6px 14px;font-size:.9rem;font-weight:600;display:inline-block}.anagram-preview-instruction{text-align:center;color:var(--text-muted);font-size:.85rem}.anagram-preview-letters{background:var(--bg-tertiary);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-height:72px;padding:14px;display:flex}.anagram-preview-letters .letter-tile{cursor:default;border-radius:10px;width:44px;height:44px;font-size:1.5rem}.anagram-preview-letters .letter-tile.small{border-radius:8px;width:36px;height:36px;font-size:1.2rem}.anagram-preview-letters .letter-tile.tiny{border-radius:6px;width:30px;height:30px;font-size:1rem}.anagram-preview-letters .letter-tile:hover:not(.disabled){box-shadow:0 4px 12px var(--accent-shadow);transform:none}.anagram-preview-empty{background:var(--bg-tertiary);border:1px dashed var(--border-primary);color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;padding:28px 16px;display:flex}.anagram-preview-empty i{opacity:.6;font-size:1.6rem}.anagram-preview-empty p{margin:0;font-size:.9rem}.anagram-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.anagram-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}@media (max-width:900px){.anagram-creator-grid{grid-template-columns:minmax(0,1fr)}.anagram-creator-right{order:2}.anagram-creator-left{order:1}}.word-tile{text-transform:none;white-space:nowrap;width:auto;max-width:100%;height:auto;min-height:52px;padding:10px 16px;font-size:1.35rem;font-weight:700}.word-tile.small{width:auto;height:auto;min-height:44px;padding:8px 12px;font-size:1.1rem}.word-tile.tiny{width:auto;height:auto;min-height:38px;padding:6px 10px;font-size:.95rem}.anagram-word-item .word-text.sentence-text{overflow-wrap:anywhere}.anagram-preview-letters .word-tile{width:auto;height:auto;min-height:32px;padding:6px 10px;font-size:1rem}.anagram-preview-letters .word-tile.small{width:auto;height:auto;min-height:28px;padding:5px 8px;font-size:.9rem}.anagram-preview-letters .word-tile.tiny{width:auto;height:auto;min-height:24px;padding:4px 7px;font-size:.8rem}@media (max-width:768px){.word-tile{width:auto;height:auto;min-height:44px;padding:8px 12px;font-size:1.1rem}.word-tile.small{width:auto;height:auto;min-height:38px;padding:7px 10px;font-size:1rem}.word-tile.tiny{width:auto;height:auto;min-height:34px;padding:6px 8px;font-size:.9rem}}.word-search-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.word-search-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px;display:grid;position:relative}.word-search-creator-left,.word-search-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.word-search-creator-right{align-self:start}.word-search-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.word-search-preview-header{justify-content:space-between;align-items:center;display:flex}.word-search-preview-label-wrap{align-items:center;gap:6px;display:inline-flex}.word-search-preview-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.word-search-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.word-search-preview-grid{background:var(--bg-tertiary);border-radius:8px;gap:1px;padding:10px;display:grid}.word-search-preview-cell{aspect-ratio:1;color:var(--text-primary);background:var(--bg-secondary);text-transform:uppercase;border-radius:2px;justify-content:center;align-items:center;font-size:clamp(.45rem,1.1vw,.85rem);font-weight:700;line-height:1;display:flex}.word-search-preview-cell.is-space{color:#0000;background:0 0}.word-search-preview-wordbank{background:var(--bg-tertiary);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:5px;padding:8px;display:flex}.word-search-preview-wordbank-item{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;border-radius:12px;padding:3px 9px;font-size:.72rem;font-weight:600}.word-search-preview-empty{background:var(--bg-tertiary);border:1px dashed var(--border-primary);color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:32px 16px;display:flex}.word-search-preview-empty i{opacity:.6;font-size:1.6rem}.word-search-preview-empty p{margin:0;font-size:.9rem}.word-search-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.word-search-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}@media (max-width:900px){.word-search-creator-grid{grid-template-columns:minmax(0,1fr)}.word-search-creator-right{order:2}.word-search-creator-left{order:1}}.hangman-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.hangman-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;display:grid;position:relative}.hangman-creator-left,.hangman-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.hangman-creator-right{align-self:start}.hangman-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.hangman-preview-header{justify-content:space-between;align-items:center;display:flex}.hangman-preview-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.hangman-preview-nav{align-items:center;gap:6px;display:inline-flex}.maze-play-head,.hangman-play-head{justify-content:flex-end;margin-bottom:4px;display:flex}.hangman-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.hangman-preview-svg-wrap{justify-content:center;padding:4px 0;display:flex}.hangman-preview-svg-wrap svg{max-width:160px;height:auto}.hangman-preview-hint{background:var(--bg-tertiary);color:var(--title-color);text-align:center;border-radius:8px;align-self:center;max-width:100%;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.hangman-preview-word{background:var(--bg-tertiary);color:var(--text-primary);letter-spacing:.04em;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 8px;font-size:1.4rem;font-weight:800;display:flex}.hangman-preview-word.small{gap:5px;font-size:1.1rem}.hangman-preview-word.tiny{gap:4px;font-size:.9rem}.hangman-preview-letter{text-align:center;min-width:.9em;display:inline-block}.hangman-preview-empty{background:var(--bg-tertiary);border:1px dashed var(--border-primary);color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:32px 16px;display:flex}.hangman-preview-empty i{opacity:.6;font-size:1.6rem}.hangman-preview-empty p{margin:0;font-size:.9rem}.hangman-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.hangman-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}@media (max-width:900px){.hangman-creator-grid{grid-template-columns:minmax(0,1fr)}.hangman-creator-right{order:2}.hangman-creator-left{order:1}}.flashcards-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.flashcards-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;display:grid;position:relative}.flashcards-creator-left,.flashcards-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.flashcards-creator-right{align-self:start}.flashcards-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.flashcards-preview-header{justify-content:space-between;align-items:center;display:flex}.flashcards-preview-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.flashcards-preview-nav{align-items:center;gap:6px;display:inline-flex}.flashcards-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.flashcards-preview-flipper{cursor:pointer;outline:none;position:relative}.flashcards-preview-flipper:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:12px}.flashcards-preview-side{background:var(--bg-tertiary);border:1px solid var(--border-primary);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:16px;display:flex}.flashcards-preview-flipper .flashcards-preview-back,.flashcards-preview-flipper.is-flipped .flashcards-preview-front{display:none}.flashcards-preview-flipper.is-flipped .flashcards-preview-back{display:flex}.flashcards-preview-side-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.flashcards-preview-text{color:var(--text-primary);word-break:break-word;overflow-wrap:anywhere;font-size:1rem;font-weight:600}.flashcards-preview-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:140px}.flashcards-preview-empty-side{color:var(--text-hint);opacity:.5;font-size:1.2rem}.flashcards-preview-flip-hint{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.flashcards-preview-empty{background:var(--bg-tertiary);border:1px dashed var(--border-primary);color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:32px 16px;display:flex}.flashcards-preview-empty i{opacity:.6;font-size:1.6rem}.flashcards-preview-empty p{margin:0;font-size:.9rem}.flashcards-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.flashcards-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}@media (max-width:900px){.flashcards-creator-grid{grid-template-columns:minmax(0,1fr)}.flashcards-creator-right{order:2}.flashcards-creator-left{order:1}}.crossword-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.crossword-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px;display:grid;position:relative}.crossword-creator-left,.crossword-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.crossword-creator-right{align-self:start}.crossword-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.crossword-preview-header{justify-content:space-between;align-items:center;display:flex}.crossword-preview-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.crossword-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.crossword-preview-grid{background:var(--bg-tertiary);border-radius:8px;gap:0;width:100%;max-width:100%;margin:0 auto;padding:8px;display:grid}.crossword-preview-cell{aspect-ratio:1;background:#fff;border:1px solid #888;position:relative}.crossword-preview-cell.is-block{background:#222;border-color:#222}.crossword-preview-cell-num{color:#555;pointer-events:none;font-size:clamp(5px,.55vw,8px);font-weight:600;line-height:1;position:absolute;top:1px;left:2px}.crossword-preview-clues{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;gap:10px;max-height:240px;padding:10px;display:flex;overflow-y:auto}.crossword-preview-clue-col h4{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:700}.crossword-preview-clue{color:var(--text-primary);word-break:break-word;overflow-wrap:anywhere;padding:2px 0;font-size:.78rem;line-height:1.4}.crossword-preview-clue-num{color:var(--text-secondary);margin-right:4px;font-weight:700}.crossword-preview-clue-empty{color:var(--text-hint);font-style:italic}.crossword-preview-empty{background:var(--bg-tertiary);border:1px dashed var(--border-primary);color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:32px 16px;display:flex}.crossword-preview-empty i{opacity:.6;font-size:1.6rem}.crossword-preview-empty p{margin:0;font-size:.9rem}.crossword-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.crossword-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}@media (max-width:900px){.crossword-creator-grid{grid-template-columns:minmax(0,1fr)}.crossword-creator-right{order:2}.crossword-creator-left{order:1}}.classification-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.classification-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;display:grid;position:relative}.classification-creator-left,.classification-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.classification-creator-right{align-self:start}.classification-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.classification-preview-header{justify-content:space-between;align-items:center;display:flex}.classification-preview-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.classification-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.classification-preview-pool{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.classification-preview-pool-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.classification-preview-pool-items{flex-wrap:wrap;gap:5px;display:flex}.classification-preview-item{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);word-break:break-word;border-radius:12px;padding:3px 9px;font-size:.78rem}.classification-preview-categories{flex-direction:column;gap:8px;display:flex}.classification-preview-category{background:var(--bg-secondary);border:2px solid;border-radius:10px;overflow:hidden}.classification-preview-category-header{color:#fff;text-align:center;padding:6px 10px;font-size:.85rem;font-weight:700}.classification-preview-category-body{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:30px;padding:8px;display:flex}.classification-preview-drop-hint{color:var(--text-hint);opacity:.5;font-size:.9rem}.classification-preview-empty{background:var(--bg-tertiary);border:1px dashed var(--border-primary);color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:32px 16px;display:flex}.classification-preview-empty i{opacity:.6;font-size:1.6rem}.classification-preview-empty p{margin:0;font-size:.9rem}.classification-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.classification-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}@media (max-width:900px){.classification-creator-grid{grid-template-columns:minmax(0,1fr)}.classification-creator-right{order:2}.classification-creator-left{order:1}}.association-creator-root{z-index:1;background:0 0;border:none;padding:0;position:relative}.association-creator-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;display:grid;position:relative}.association-creator-left,.association-creator-right{flex-direction:column;gap:16px;min-width:0;display:flex}.association-creator-right{align-self:start}.association-preview-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.association-preview-header{justify-content:space-between;align-items:center;display:flex}.association-preview-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.association-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;display:inline-flex}.association-preview-pool{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.association-preview-pool-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.association-preview-pool-items{flex-wrap:wrap;gap:5px;display:flex}.association-preview-term{background:var(--accent);color:var(--accent-text);word-break:break-word;border-radius:12px;padding:4px 10px;font-size:.78rem;font-weight:600}.association-preview-rows{flex-direction:column;gap:6px;display:flex}.association-preview-row{background:var(--bg-tertiary);border-radius:8px;align-items:stretch;gap:6px;padding:6px;display:flex}.association-preview-def{color:var(--text-primary);word-break:break-word;flex:1;align-items:center;padding:6px 8px;font-size:.8rem;display:flex}.association-preview-slot{background:var(--bg-secondary);border:1px dashed var(--border-primary);color:var(--text-hint);text-align:center;border-radius:6px;flex:0 0 90px;justify-content:center;align-items:center;padding:6px 8px;font-size:.7rem;display:flex}.association-preview-empty{background:var(--bg-tertiary);border:1px dashed var(--border-primary);color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:32px 16px;display:flex}.association-preview-empty i{opacity:.6;font-size:1.6rem}.association-preview-empty p{margin:0;font-size:.9rem}.association-preview-footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.association-preview-live-dot{background:#00b894;border-radius:50%;width:6px;height:6px}@media (max-width:900px){.association-creator-grid{grid-template-columns:minmax(0,1fr)}.association-creator-right{order:2}.association-creator-left{order:1}}.celebration-overlay{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.celebration-piece{will-change:transform, opacity;opacity:0;border-radius:2px;animation-name:celebration-burst;animation-fill-mode:forwards;position:absolute;top:70vh}@keyframes celebration-burst{0%{transform:translate(0, 0) rotate(var(--celebration-rot-start,0deg));opacity:1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}25%{transform:translate(var(--celebration-peak-x,0px), var(--celebration-peak-y,-45vh)) rotate(var(--celebration-rot-mid,200deg));animation-timing-function:cubic-bezier(.55,.085,.68,.53)}90%{opacity:1}to{transform:translate(var(--celebration-drift,0px), 60vh) rotate(var(--celebration-rot-end,720deg));opacity:0}}@media (prefers-reduced-motion:reduce){.celebration-overlay{display:none}}.play-loader{justify-content:center;padding:1rem 0;display:flex}.play-loader-card{background:#fff;border:1px solid #e6e6ee;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:760px;padding:1.5rem;display:flex}.play-loader-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.play-loader-bone{background:linear-gradient(90deg,#e3e3ec 25%,#f1f1f6 50%,#e3e3ec 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}.play-loader-bar-title{width:45%;height:20px}.play-loader-pill{border-radius:14px;width:84px;height:28px}.play-loader-block{width:100%;height:90px}.play-loader-rows{flex-direction:column;gap:.75rem;display:flex}.play-loader-row{width:100%;height:56px}@media (prefers-reduced-motion:reduce){.play-loader-bone{animation:none}}.submission-details-quiz{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.submission-details-quiz>li{background:var(--bg-secondary);border:1px solid var(--border-primary);border-left-width:3px;border-radius:8px;grid-template-columns:22px 22px 1fr;align-items:start;gap:8px;padding:10px 12px;display:grid}.submission-details-quiz>li.is-correct{border-left-color:#27ae60}.submission-details-quiz>li.is-wrong{border-left-color:#e74c3c}.submission-details-quiz .qd-num{color:var(--text-muted);text-align:center;font-size:.75rem;font-weight:600;line-height:22px}.submission-details-quiz .qd-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:inline-flex}.submission-details-quiz .is-correct .qd-icon{color:#27ae60;background:#27ae602e}.submission-details-quiz .is-wrong .qd-icon{color:#e74c3c;background:#e74c3c2e}.submission-details-quiz .qd-body{flex-direction:column;gap:3px;min-width:0;display:flex}.submission-details-quiz .qd-question{color:var(--text-primary);word-break:break-word;font-size:.85rem;font-weight:600}.submission-details-quiz .qd-answer{font-size:.8rem;line-height:1.35}.submission-details-quiz .qd-label{color:var(--text-muted)}.submission-details-quiz .qd-value{word-break:break-word;font-weight:600}.submission-details-quiz .qd-value-ok{color:#27ae60}.submission-details-quiz .qd-value-bad{color:#e74c3c;text-decoration:line-through;text-decoration-thickness:1px}.submission-details-quiz .qd-value-expected{color:#27ae60}.submission-details-quiz em{color:var(--text-muted);font-style:italic;font-weight:500}.submission-details-generic{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.submission-details-generic>li{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:10px 12px}.submission-details-generic dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:.8rem;display:grid}.submission-details-generic dl>div{display:contents}.submission-details-generic dt{color:var(--text-muted);font-weight:500}.submission-details-generic dd{color:var(--text-primary);word-break:break-word;margin:0;font-weight:600}.submission-details-empty{color:var(--text-muted);margin:0;font-size:.8rem}.lesson-root{z-index:1;position:relative}.lesson-setup,.lesson-editor{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:1;border-radius:16px;flex-direction:column;gap:16px;padding:2rem;display:flex;position:relative}.lesson-mode-toggle{align-self:flex-start}.lesson-grammar-field{flex:2;min-width:0}.lesson-cefr-row{flex-wrap:wrap}.lesson-components-grid{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.lesson-component-check{border:1px solid var(--border-primary);cursor:pointer;background:var(--bg-tertiary);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.lesson-component-check.checked{border-color:var(--accent);color:var(--text-primary)}.lesson-component-check input{accent-color:var(--accent);cursor:pointer}.lesson-homework-type{max-width:320px;margin-top:8px}.lesson-generate-btn{align-self:flex-start;padding:12px 24px;font-size:1rem}.lesson-cost-meter{margin:0}.lesson-components>.ai-gen-label{display:block}.lesson-ai-choose{cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-weight:600;display:inline-flex}.lesson-ai-choose input{accent-color:var(--accent)}.lesson-activity-group{margin-top:12px}.lesson-activity-group h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0;font-size:.8rem}.lesson-activity-group[aria-disabled=true]{opacity:.55}.lesson-budget-cap{margin:10px 0 0}.lesson-confirm-text{color:var(--text-muted);align-self:center;font-size:.85rem}.lesson-preview-bar{z-index:2;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:12px}.lesson-preview-text{flex-direction:column;gap:4px;min-width:0;display:flex}.lesson-plan{flex-direction:column;gap:14px;display:flex}.lesson-plan-header{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.lesson-plan-framework{flex:1;min-width:0}.lesson-plan-framework p{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.lesson-plan-minutes{white-space:nowrap;font-weight:600}.lesson-plan-minutes-warn{color:#c0392b}.lesson-plan-talk{flex-direction:column;gap:4px;display:flex}.lesson-plan-talkbar{background:var(--bg-tertiary);border-radius:4px;height:8px;display:flex;overflow:hidden}.lesson-plan-talkbar .teacher{background:var(--text-muted)}.lesson-plan-talkbar .students{background:var(--accent)}.lesson-plan-talk-label{color:var(--text-muted);font-size:.8rem}.lesson-plan-target{box-sizing:border-box;width:100%}.lesson-stage-list{flex-direction:column;gap:10px;display:flex}.lesson-stage-card{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;display:flex}.lesson-stage-card input,.lesson-stage-card select,.lesson-stage-card textarea,.lesson-plan-target{border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.9rem}.lesson-stage-card textarea{resize:vertical;line-height:1.4}.lesson-stage-card input[readonly],.lesson-stage-card textarea[readonly]{opacity:.75}.lesson-stage-card.busy{opacity:.7}.lesson-stage-card header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-stage-num{background:var(--bg-tertiary);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid}.lesson-stage-name{flex:160px;min-width:0;font-weight:600}.lesson-stage-phase{border:1px solid var(--border-primary);color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:.75rem}.lesson-stage-minutes{align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.lesson-stage-minutes input{width:4.5em;padding:6px 8px}.lesson-stage-talk{color:var(--text-muted)}.lesson-stage-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-stage-resource{border:1px solid var(--accent);background:var(--bg-tertiary);max-width:100%;color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.lesson-stage-resource span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-stage-resource:disabled{cursor:default}.lesson-stage-card details summary{cursor:pointer;color:var(--text-muted);font-size:.85rem}.lesson-stage-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.lesson-stage-field{flex-direction:column;gap:4px;min-width:0;display:flex}.lesson-stage-field textarea,.lesson-stage-field input{box-sizing:border-box;width:100%}.lesson-stage-fields .lesson-stage-field:nth-child(n+4){grid-column:1/-1}@media (max-width:700px){.lesson-stage-fields{grid-template-columns:1fr}}.lesson-activity-section{flex-direction:column;gap:12px;display:flex}.lesson-activity-meta{color:var(--text-muted);margin:0;font-size:.9rem}.lesson-activity-preview{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 16px;margin:0;padding-left:1.2em;display:grid}.lesson-activity-preview li{overflow-wrap:anywhere}.lesson-activity-swap{max-width:420px}.lesson-source{flex-direction:column;gap:16px;display:flex}.lesson-source-upload-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lesson-source-upload{border:1px dashed var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.lesson-source-upload:hover{border-color:var(--accent);color:var(--text-primary)}.lesson-source-upload.disabled{opacity:.6;cursor:not-allowed}.lesson-source-status{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.lesson-source-chip{border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px 10px;font-size:.85rem;display:inline-flex}.lesson-source-chip i.fa-paperclip{color:var(--text-muted)}.lesson-source-chip button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.lesson-source-chip button:hover{color:var(--text-primary)}.lesson-source-ocr{border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;font-size:.9rem;display:flex}.lesson-source-ocr-btn{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.lesson-source-ocr-btn:hover:not(:disabled){border-color:var(--accent)}.lesson-source-ocr-btn:disabled{opacity:.6;cursor:not-allowed}.lesson-source-truncated{color:var(--text-muted);align-items:flex-start;gap:6px;margin:0;font-size:.8rem;display:flex}.lesson-help-label{align-items:center;gap:4px;display:inline-flex}.lesson-fidelity{flex-direction:column;gap:8px;display:flex}.lesson-fidelity-pills{flex-wrap:wrap;gap:8px;display:flex}.lesson-fidelity-pill{border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600}.lesson-fidelity-pill.active{border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary)}.lesson-fidelity-pill:disabled{opacity:.6;cursor:not-allowed}.lesson-not-enough{margin:0}.lesson-editor-header{flex-direction:column;gap:10px;display:flex}.lesson-editor-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-images-progress{color:var(--text-muted);margin:0;font-size:.9rem}.lesson-images-progress i,.lesson-images-pending i{color:var(--accent)}.lesson-title-input{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:1.3rem;font-weight:700}.lesson-objectives{flex-direction:column;gap:6px;display:flex}.lesson-objective-row{align-items:center;gap:6px;display:flex}.lesson-objective-row input{border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;flex:1;padding:8px 10px}.lesson-section{border:1px solid var(--border-primary);background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.lesson-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:flex}.lesson-section-header .lesson-section-spacer{flex:1}.lesson-section-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.lesson-section-actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.lesson-section-pending{color:var(--text-muted);align-items:center;gap:10px;padding:14px 16px;display:flex}.lesson-section-error{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.lesson-editor-main{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:20px;display:grid}.lesson-editor-stage{flex-direction:column;gap:14px;min-width:0;display:flex}.lesson-stage-head{align-items:center;gap:12px;display:flex}.lesson-stage-head h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.lesson-stage-icon{background:var(--bg-tertiary);border:1px solid var(--border-primary);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.lesson-stage-pending,.lesson-stage-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border-primary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 18px;display:flex}.lesson-stage-empty p{margin:0}.lesson-outline{border:1px solid var(--border-primary);background:var(--bg-tertiary);border-radius:14px;flex-direction:column;gap:3px;padding:10px;display:flex;position:sticky;top:20px}.lesson-outline-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:4px 8px 6px;font-size:.7rem;font-weight:700}.lesson-outline-label .feature-tip{text-transform:none;letter-spacing:normal;font-weight:400;top:-6px;left:auto;right:calc(100% + 22px)}.lesson-outline-label .feature-tip:before{border-left:none;border-right:1px solid var(--accent);top:14px;left:auto;right:-6px}.lesson-outline-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.9rem;font-weight:600;transition:background-color .15s,border-color .15s;display:flex}.lesson-outline-item:hover{background:var(--bg-secondary)}.lesson-outline-item.active{background:var(--bg-secondary);border-color:var(--accent)}.lesson-outline-icon{background:var(--bg-secondary);width:26px;height:26px;color:var(--text-muted);border-radius:7px;flex:none;place-items:center;font-size:.8rem;display:grid}.lesson-outline-item.active .lesson-outline-icon{color:var(--accent)}.lesson-outline-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lesson-outline-status{text-align:center;flex:none;width:16px;font-size:.8rem}.lesson-outline-status-ready{color:#2ea043}.lesson-outline-status-error{color:#c0392b}.lesson-outline-status-loading{color:var(--accent)}.lesson-outline-status-empty{color:var(--text-muted);opacity:.5}@media (max-width:900px){.lesson-editor-main{grid-template-columns:1fr}.lesson-outline{-webkit-overflow-scrolling:touch;flex-flow:row;order:-1;gap:6px;position:static;overflow-x:auto}.lesson-outline-label{display:none}.lesson-outline-item{flex:none;width:auto}}.lesson-btn{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;display:inline-flex}.lesson-btn:hover:not(:disabled){border-color:var(--accent)}.lesson-btn.lesson-btn-main{background:var(--accent-gradient);color:var(--accent-text);border-color:#0000;padding:9px 18px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s}.lesson-btn.lesson-btn-main:hover:not(:disabled){box-shadow:0 4px 14px var(--accent-shadow);border-color:#0000;transform:translateY(-1px)}.lesson-btn:disabled{opacity:.5;cursor:not-allowed}.lesson-btn-danger{color:#c0392b}.lesson-editor .btn-primary,.lesson-section-actions .btn-primary{width:auto;margin-bottom:0;display:inline-flex}.lesson-item-row{align-items:flex-start;gap:6px;display:flex}.lesson-lines-control{align-items:center;gap:.35rem;display:inline-flex}.lesson-lines-label{color:var(--text-muted);font-size:.85rem}.lesson-lines-value{text-align:center;font-variant-numeric:tabular-nums;min-width:1.25rem}.lesson-item-row input,.lesson-item-row textarea,.lesson-item-row select{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;padding:8px 10px;font-size:.9rem}.lesson-item-row input,.lesson-item-row textarea{flex:1;min-width:0}.lesson-item-row input[type=radio]{flex:none;align-self:center;width:18px;height:18px;padding:0}.lesson-answer-input{border-color:#2ea0438c!important}.lesson-subheading{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:8px 0 0;font-size:.85rem}.lesson-slide-card{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.lesson-slide-head{align-items:center;gap:6px;display:flex}.lesson-slide-head select{border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;padding:6px 8px;font-size:.8rem}.lesson-slide-head input{border:1px solid var(--border-primary);background:var(--bg-tertiary);min-width:0;color:var(--text-primary);border-radius:8px;flex:1;padding:8px 10px;font-weight:600}.lesson-icon-btn{appearance:none;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;width:30px;height:30px}.lesson-icon-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.lesson-icon-btn:disabled{opacity:.4;cursor:not-allowed}.lesson-reorder-controls{align-items:center;gap:2px;display:inline-flex}.lesson-drag-handle{cursor:grab;touch-action:none;color:var(--text-muted);padding:4px}.lesson-drag-handle:active{cursor:grabbing}.lesson-row-dragging{opacity:.5}.lesson-drop-indicator{background:var(--accent,#4f46e5);border-radius:2px;height:2px;margin:2px 0}.lesson-drag-ghost{pointer-events:none;z-index:1000;opacity:.9;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;max-width:320px;padding:6px 10px;position:fixed;box-shadow:0 4px 16px #0000002e}.lesson-tf-btn.active,.lesson-toggle-btn.active{background:var(--accent,#4f46e5);color:#fff;border-color:var(--accent,#4f46e5)}.lesson-header-fields{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.lesson-header-field{align-items:center;gap:2px;display:inline-flex}.lesson-header-field input{border:1px solid var(--border-primary);background:var(--bg-secondary);width:110px;color:var(--text-primary);border-radius:8px;padding:6px 8px;font-size:.85rem}.lesson-q-hint{color:var(--text-muted);align-self:center;font-size:.85rem}.lesson-regen-confirm{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.lesson-slide-notes textarea{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:8px 10px;font-size:.85rem}.slideshow-player{z-index:1000;color:#f4f4f4;background:#14181d;flex-direction:column;display:flex;position:fixed;inset:0}.slideshow-player-main{cursor:pointer;flex-direction:column;flex:1;justify-content:center;padding:6vh 8vw;display:flex;overflow-y:auto}.class-presenter:focus{outline:none}.class-presenter-top{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;display:flex}.class-presenter-stage-num{opacity:.7}.class-presenter-phase{opacity:.8;border:1px solid;border-radius:999px;padding:2px 8px;font-size:.75rem}.class-presenter-stage-name{flex:1;min-width:0;font-weight:700}.class-presenter-timer{font-variant-numeric:tabular-nums;font-weight:700}.class-presenter-timer.over{opacity:.6}.class-presenter-body{flex:1;min-height:0;display:flex}.class-presenter-main{min-width:0}.class-presenter-main.no-advance{cursor:default;padding:2vh 2vw}.class-presenter-frame{background:var(--bg-primary);border:0;border-radius:12px;flex:1;width:100%}.class-presenter-scroll{color:#111;background:#fff;border-radius:12px;max-height:100%;padding:1rem;overflow:auto}.class-presenter-card-prompt{text-align:center;margin:1rem 0;font-size:clamp(1.2rem,3vw,2rem)}.class-presenter-cover,.class-presenter-card.with-img{align-items:center;gap:5vw;min-height:0;max-height:100%;display:flex}.class-presenter-cover:not(.with-img){text-align:center;justify-content:center}.class-presenter-cover-img,.class-presenter-card-img{object-fit:cover;border-radius:18px;flex:0 46%;min-width:0;max-height:68vh;box-shadow:0 18px 50px #00000059}.class-presenter-cover-text,.class-presenter-card-text{flex:1;min-width:0;max-height:100%;overflow-y:auto}.class-presenter-card.with-img .class-presenter-card-prompt{text-align:left}@media (max-width:700px){.class-presenter-cover,.class-presenter-card.with-img{flex-direction:column;gap:1.2rem}.class-presenter-cover-img,.class-presenter-card-img{max-width:100%;max-height:40vh}}.class-presenter-qr{background:#fff;border-radius:12px;margin:1rem auto .5rem;padding:8px;display:block}.class-presenter-link{text-align:center;overflow-wrap:anywhere;font-size:1.1rem}.class-presenter-teacher{background:var(--bg-secondary);width:min(360px,40vw);color:var(--text-primary);border-left:1px solid var(--border-primary);flex:none;padding:16px;font-size:.9rem;overflow-y:auto}.class-presenter-teacher h3{margin-top:0}@media (max-width:700px){.class-presenter-teacher{z-index:2;width:85vw;position:absolute;top:0;bottom:0;right:0}}html[data-embed="1"] .play-toolbar,html[data-embed="1"] .community-play-bar,html[data-embed="1"] .site-footer,html[data-embed="1"] .top-toolbar,html[data-embed="1"] .usage-banner,html[data-embed="1"] body:before{display:none}.embed-credit{z-index:5;pointer-events:none;justify-content:flex-end;padding:0 8px 8px;display:flex;position:sticky;bottom:0}.embed-credit .play-brand{pointer-events:auto;padding:3px 9px;font-size:.75rem}.embed-refused{text-align:center;color:var(--text-primary);margin:auto}.embed-code{flex-direction:column;flex-basis:100%;gap:8px;margin-bottom:1rem;display:flex}.embed-code p{color:var(--text-muted);margin:0;font-size:.8rem}.embed-code textarea{border:1px solid var(--border-primary);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:none;border-radius:8px;padding:8px 10px;font-family:monospace;font-size:.75rem}.slideshow-player-kind{text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-bottom:1rem;font-size:.85rem}.slideshow-player-title{margin:0 0 1.6rem;font-size:clamp(1.8rem,4.5vw,3.4rem);font-weight:800;line-height:1.15}.slideshow-player-title.centered{text-align:center;margin:0}.slideshow-player-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;display:flex}.slideshow-player-bullets{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.slideshow-player-bullets li{padding-left:1.4em;font-size:clamp(1.1rem,2.2vw,1.7rem);line-height:1.4;position:relative}.slideshow-player-bullets li:before{content:"";background:#e8b04b;border-radius:50%;width:.5em;height:.5em;position:absolute;top:.55em;left:0}.slideshow-player-footer{background:#00000059;justify-content:center;align-items:center;gap:14px;padding:14px;display:flex}.slideshow-player-footer button{appearance:none;color:#f4f4f4;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:10px;padding:8px 16px;font-size:.95rem}.slideshow-player-footer button:hover:not(:disabled){border-color:#e8b04b}.slideshow-player-footer button:disabled{opacity:.35;cursor:not-allowed}.slideshow-player-counter{text-align:center;font-variant-numeric:tabular-nums;opacity:.85;min-width:70px}.lesson-print-wrapper{width:190mm;height:0;position:absolute;top:0;left:-9999px;overflow:hidden}.lesson-plan-print-table{border-collapse:collapse;width:100%;margin-top:4mm;font-size:9.5pt;line-height:1.35}.lesson-plan-print-table th,.lesson-plan-print-table td{vertical-align:top;text-align:left;border:1px solid #999;padding:1.5mm 2mm}.lesson-plan-print-table tr{page-break-inside:avoid;break-inside:avoid}.lesson-plan-print-table td p{margin:0 0 1mm}.lesson-print-template{color:#000;background:#fff;width:190mm;padding:4mm;font-family:Georgia,Times New Roman,serif;font-size:12pt;line-height:1.5}.lesson-print-template .lesson-print-block,.lesson-print-template .lesson-print-match,.lesson-print-template p{break-inside:avoid;page-break-inside:avoid}.lesson-print-template p.lesson-print-justify{text-align:justify}.lesson-print-template p.lesson-print-passage{text-indent:1.25cm}.lesson-print-headerrow{flex-wrap:wrap;gap:3mm 6mm;margin:0 0 5mm;display:flex}.lesson-print-headerfield{flex:1 1 0;align-items:flex-end;gap:2mm;min-width:40mm;display:flex}.lesson-print-headerfield>span:first-child{white-space:nowrap}.lesson-print-headerfield-line{border-bottom:1px solid;flex:auto;height:5mm}.lesson-preview-overlay{z-index:1200;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lesson-preview-panel{background:var(--bg-secondary);border-radius:12px;flex-direction:column;max-width:min(820px,92vw);max-height:90vh;display:flex;overflow:hidden}.lesson-preview-head{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.lesson-preview-scroll{padding:1rem;overflow:auto}.lesson-preview-page{position:relative}.lesson-preview-paged>.lesson-print-template{z-index:1;position:relative;background:0 0!important}.lesson-preview-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.lesson-preview-bg>div{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;right:0}.lesson-preview-break{z-index:2;border-top:2px dashed #d92d20;position:absolute;left:0;right:0}.lesson-preview-break span{color:#fff;background:#d92d20;border-radius:4px;padding:1px 6px;font-size:11px;position:absolute;top:-10px;right:0}.lesson-print-template h1{margin:0 0 4mm;font-size:16pt}.lesson-print-template h2{margin:6mm 0 2mm;font-size:13pt}.lesson-print-template p{margin:0 0 3mm}.lesson-print-template ol{margin:0 0 3mm;padding-left:7mm}.lesson-print-template li{page-break-inside:avoid;margin-bottom:2.5mm}.lesson-print-answer{color:#b03030;font-weight:700}.lesson-print-writeline{border-bottom:1px solid #888;height:7mm}.lesson-print-vocab-box{page-break-inside:avoid;border:1px solid #000;margin-top:3mm;padding:3mm}.lesson-print-match{gap:8mm;margin:0 0 3mm;display:flex}.lesson-print-match-col{flex:1 1 0;min-width:0}.lesson-print-match-row{page-break-inside:avoid;align-items:center;gap:2mm;margin-bottom:2.5mm;display:flex}.lesson-print-match-num{min-width:6mm}.lesson-print-match-box{text-align:center;border:1px solid #000;flex:none;width:9mm;height:6mm;font-weight:700;line-height:6mm;display:inline-block}.lesson-print-match-opt{page-break-inside:avoid;margin-bottom:2.5mm}.lesson-print-match-label{font-weight:700}@media (max-width:700px){.lesson-setup,.lesson-editor{padding:1.25rem}.lesson-cefr-row{flex-direction:column}}.lesson-section-header{list-style:none}.lesson-section-header::-webkit-details-marker{display:none}.lesson-section-chevron{color:var(--text-muted);font-size:.85rem;transition:transform .15s}details[open]>.lesson-section-header .lesson-section-chevron{transform:rotate(180deg)}.lesson-pdf-overlay{z-index:9999;background:var(--bg-secondary);color:var(--text-primary);justify-content:center;align-items:center;gap:10px;font-size:1.1rem;display:flex;position:fixed;inset:0}.community-doc-viewer{max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem}.community-doc-head{text-align:center;margin-bottom:1rem}.community-doc-author{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.community-doc-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:1rem;display:flex}.community-doc-preview{justify-content:center;display:flex;overflow-x:auto}.community-doc-preview .lesson-print-template{box-shadow:0 2px 12px #0000001f}.lesson-slide-img{align-items:flex-start;gap:6px;display:inline-flex;position:relative}.lesson-slide-img img{border:1px solid var(--border-primary);object-fit:cover;border-radius:8px;max-width:180px;max-height:120px}.lesson-bg-picker{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.lesson-bg-picker input[type=color]{border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;border-radius:8px;width:34px;height:30px;padding:2px}.lesson-font-select{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;max-width:180px;padding:6px 8px;font-size:.85rem}.lesson-font-preview{color:var(--text-primary);font-size:1rem}.lesson-style-thumb{object-fit:cover;border:1px solid var(--border-primary);border-radius:6px;width:44px;height:30px}.lesson-credits-chip{border:1px solid var(--accent);color:var(--text-primary);background:color-mix(in srgb, var(--accent) 10%, transparent);white-space:nowrap;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.lesson-credits-chip i{color:var(--accent)}.lesson-style-chip{border:1px solid var(--accent);color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:inline-flex}.slideshow-player-body{align-items:flex-start;gap:4vw;display:flex}.slideshow-player-body .slideshow-player-bullets{flex:1;min-width:0}.slideshow-player-img{object-fit:contain;border-radius:14px;max-width:min(34vw,480px);max-height:52vh}.slideshow-player-center .slideshow-player-img{max-width:min(50vw,560px);max-height:42vh}@media (max-width:700px){.slideshow-player-body{flex-direction:column}.slideshow-player-img{max-width:80vw}}.slideshow-player-body.layout-left{flex-direction:row-reverse}.slideshow-player-body.layout-full{flex-direction:column}.slideshow-player-body.layout-full .slideshow-player-img{max-width:100%;max-height:55vh}.slideshow-progress{z-index:2;background:#ffffff26;height:4px;position:absolute;top:0;left:0;right:0}.slideshow-progress-fill{background:var(--accent-primary,#4a90e2);height:100%;transition:width .2s}.slideshow-overview{z-index:3;background:#000000d9;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:2rem;display:grid;position:absolute;inset:0;overflow-y:auto}.slideshow-overview-card{color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff40;border-radius:8px;flex-direction:column;align-self:start;gap:.4rem;padding:.75rem;display:flex}.slideshow-overview-card.current{border-color:var(--accent-primary,#4a90e2)}.slideshow-overview-card img{object-fit:cover;border-radius:4px;width:100%;max-height:90px}.slideshow-overview-num{opacity:.7;font-size:.75rem}.slideshow-overview-title{font-size:.9rem;font-weight:600}.slideshow-notes-overlay{color:#fff;white-space:pre-wrap;z-index:2;background:#000000bf;max-height:30vh;padding:.75rem 1.5rem;font-size:.95rem;position:absolute;bottom:3.5rem;left:0;right:0;overflow-y:auto}.lesson-print-header-img{object-fit:contain;max-width:80mm;max-height:50mm;margin:0 auto 4mm;display:block}.lesson-print-header-img--banner,.lesson-print-header-img--bottom{width:100%;max-width:100%;height:auto;max-height:none;margin:0 auto 4mm}.lesson-print-header-img--bottom{margin:4mm auto}.lesson-print-header-img--right,.lesson-print-header-img--left{max-width:70mm;max-height:70mm}.lesson-print-header-img--right{float:right;margin:0 0 3mm 5mm}.lesson-print-header-img--left{float:left;margin:0 5mm 3mm 0}.lesson-print-template>h2{clear:both}.lesson-header-layout-picker{gap:2px;display:inline-flex}.lesson-header-size-select{max-width:80px;padding:3px 6px}.lesson-header-layout-picker .lesson-icon-btn.active{background:var(--accent,#4f46e5);color:#fff;border-radius:6px}.slideshow-print-template{width:297mm;font-size:16pt;line-height:1.45}.slideshow-print-slide{page-break-after:always;break-inside:avoid;flex-direction:column;justify-content:center;width:297mm;height:209mm;padding:16mm 20mm;display:flex}.slideshow-print-slide:last-child{page-break-after:auto}.slideshow-print-slide.centered{text-align:center;align-items:center}.slideshow-print-kind{text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-bottom:6mm;font-size:11pt}.slideshow-print-title{margin:0 0 8mm;font-size:30pt;font-weight:800;line-height:1.15}.slideshow-print-body{align-items:flex-start;gap:12mm;display:flex}.slideshow-print-slide.centered .slideshow-print-body{flex-direction:column;align-items:center}.slideshow-print-bullets{flex:1;min-width:0;margin:0;padding-left:8mm;list-style:outside}.slideshow-print-bullets li{margin-bottom:4mm}.slideshow-print-img{object-fit:contain;border-radius:4mm;max-width:90mm;max-height:110mm}.slideshow-print-slide.layout-left .slideshow-print-body{flex-direction:row-reverse}.slideshow-print-slide.layout-full .slideshow-print-body{flex-direction:column}.slideshow-print-slide.layout-full .slideshow-print-img{object-fit:contain;width:100%;max-width:100%;max-height:120mm}.lesson-slide-layout{gap:2px;display:inline-flex}.lesson-slide-layout .lesson-icon-btn.active{color:var(--accent-primary,#4a90e2)}.sp-promo{border:1px solid var(--ds-gold);white-space:nowrap;border-radius:999px;align-self:center;align-items:stretch;margin-left:.9rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.sp-promo:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px #efb23cb3}.sp-promo-tag{background:var(--ds-gold);color:var(--ds-gold-ink);align-items:center;gap:.35rem;padding:.44rem .72rem;font-size:.82rem;font-weight:800;display:inline-flex}.sp-promo-cd{color:var(--ds-chalk);font-variant-numeric:tabular-nums;background:#0003;align-items:center;gap:.4rem;padding:.44rem .72rem .44rem .6rem;font-size:.82rem;display:inline-flex}.sp-promo-cd i{color:var(--ds-gold);font-size:.9em}@media (max-width:960px){.sp-promo{display:none}}.sp-promo-mini{background:var(--ds-gold);height:40px;color:var(--ds-gold-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.42rem;padding:0 .8rem;font-size:.8rem;font-weight:800;line-height:1;text-decoration:none;display:none;box-shadow:0 6px 16px -8px #efb23cd9}.sp-promo-mini-pct{font-weight:800}@media (max-width:960px){.sp-promo-mini{display:inline-flex}}@media (max-width:360px){.sp-promo-mini-pct{display:none}.sp-promo-mini{justify-content:center;width:40px;padding:0}}.instructions-view{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:0;overflow:hidden}.instructions-view-header{cursor:pointer;width:100%;font:inherit;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.instructions-view-title{align-items:center;gap:8px;font-weight:700;display:inline-flex}.instructions-view-title--static{padding:12px 16px}.instructions-view-body{color:var(--text-primary);padding:0 16px 14px;line-height:1.55}.instructions-view-body p{margin:0 0 8px}.instructions-view-body ul,.instructions-view-body ol{margin:0 0 8px;padding-left:1.4em}.instructions-view-body a{color:inherit;font-weight:600;text-decoration:underline}.instructions-layout{gap:16px;display:grid}.instructions-layout--top{grid-template-columns:1fr}.instructions-layout--top .instructions-layout-panel{order:0}.instructions-layout--left{grid-template-columns:300px 1fr;align-items:start}.instructions-layout--right{grid-template-columns:1fr 300px;align-items:start}.instructions-layout--right .instructions-layout-panel{order:2}.instructions-layout--left .instructions-layout-panel,.instructions-layout--right .instructions-layout-panel{position:sticky;top:16px}@media (max-width:900px){.instructions-layout--left,.instructions-layout--right{grid-template-columns:1fr}.instructions-layout--left .instructions-layout-panel,.instructions-layout--right .instructions-layout-panel{order:0;position:static}}.instructions-editor-toolbar{gap:6px;margin-bottom:8px;display:flex}.instructions-editor-toolbar button{border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;width:34px;height:34px;color:var(--text-primary);border-radius:8px}.instructions-editor-textarea{resize:vertical;border:1px solid var(--border-primary);width:100%;font:inherit;background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:10px}.instructions-editor-counter{text-align:right;color:var(--text-secondary);margin-top:2px;font-size:.8rem}.instructions-editor-position{border:none;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;display:flex}.instructions-editor-position legend{margin-bottom:4px;font-weight:600}.instructions-pos-option{border:1px solid var(--border-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.instructions-pos-option.is-active{border-color:var(--accent,#00b894);background:color-mix(in srgb, var(--accent,#00b894) 12%, transparent)}.instructions-pos-option input{opacity:0;pointer-events:none;position:absolute}.instructions-editor-preview{margin-top:12px}.instructions-editor-preview-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.quiz-navigator{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.quiz-nav-chip{cursor:pointer;border:1px solid var(--border-primary);background:var(--bg-secondary);min-width:36px;height:36px;color:var(--text-primary);border-radius:8px;font-weight:600}.quiz-nav-chip.is-answered{background:color-mix(in srgb, var(--accent,#00b894) 18%, transparent);border-color:var(--accent,#00b894)}.quiz-nav-chip.is-current{outline:2px solid var(--accent,#00b894);outline-offset:1px}.qc-settings-mode{border:1px solid var(--border-primary);border-radius:8px;display:inline-flex;overflow:hidden}.qc-mode-btn{background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);border:none;padding:6px 14px;font-weight:600}.qc-mode-btn.is-active{background:var(--text-primary);color:var(--bg-secondary)}.bp-play-wrap{z-index:1;position:relative}.bp-play-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;max-width:900px;margin:0 auto;padding:1.5rem}.bp-start,.bp-end{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.bp-start-icon,.bp-end-icon{color:var(--accent);font-size:3rem}.bp-end-icon.is-win{color:#2fa84f}.bp-end-icon.is-lose{color:#d9534f}.bp-start-title,.bp-end-title{color:var(--text-heading);margin:0;font-size:1.6rem}.bp-start-sub{color:var(--text-secondary);max-width:46ch;margin:0 0 .5rem}.bp-end-score{color:var(--text-primary);font-size:1.2rem;font-weight:700}.bp-start-btn{padding:.75rem 2rem;font-size:1.1rem}.bp-exit-btn{margin-top:.25rem}.bp-hud{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.bp-hud-item{align-items:center;gap:.35rem;font-size:.95rem;display:inline-flex}.bp-hud-item i{color:var(--accent)}.bp-hud-controls{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.bp-hud-mute{min-width:2.25rem}.bp-question{text-align:center;margin-bottom:.5rem}.bp-question-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:140px;margin:0 auto .5rem;display:block}.bp-question-text{color:var(--text-heading);margin:0;font-size:1.25rem}.bp-board{border:1px solid var(--border-primary);background:var(--bg-tertiary);border-radius:12px;height:min(60vh,520px);position:relative;overflow:hidden}.bp-balloon{cursor:pointer;color:#1a1a1a;text-align:center;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%/55% 55% 45% 45%;justify-content:center;align-items:center;width:clamp(56px,12vw,96px);min-width:56px;height:clamp(64px,14vw,112px);min-height:56px;padding:6px;font-weight:700;line-height:1.05;animation:.26s cubic-bezier(.34,1.56,.64,1) both bp-inflate;display:flex;position:absolute;transform:translate(-50%,50%);box-shadow:inset -6px -8px #00000014,0 3px 6px #0000002e}@keyframes bp-inflate{0%{opacity:0;transform:translate(-50%,50%)scale(.2)}70%{opacity:1;transform:translate(-50%,50%)scale(1.08)}to{opacity:1;transform:translate(-50%,50%)scale(1)}}.bp-burst{pointer-events:none;width:0;height:0;position:absolute}.bp-piece{opacity:0;border-radius:40%;animation:1.8s ease-out both bp-piece-fly;position:absolute;bottom:0;left:0;transform:translate(-50%,-50%)scale(.3);box-shadow:0 1px 2px #0000002e}@keyframes bp-piece-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}10%{opacity:1}25%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)) scale(1);opacity:1}78%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)) scale(.85);opacity:0}}.bp-shot{pointer-events:none;z-index:2;width:0;height:0;position:absolute}.bp-balloon--ghost{pointer-events:none;cursor:default;animation:none;bottom:0;left:0}.bp-arrow{transform-origin:100%;filter:drop-shadow(0 1px 1px #00000040);width:48px;height:12px;animation:bp-arrow-fly var(--ms) linear forwards;position:absolute;bottom:-6px;left:-48px}@keyframes bp-arrow-fly{0%{transform:translate(var(--fx), var(--fy)) rotate(var(--ang))}to{transform:translate(0, 0) rotate(var(--ang))}}@media (prefers-reduced-motion:reduce){.bp-balloon{animation:none}.bp-piece{animation:1.2s ease-out both bp-piece-fade}@keyframes bp-piece-fade{0%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot));opacity:0}20%{opacity:1}70%{opacity:1}to{opacity:0}}}.bp-balloon:after{content:"";border-top:8px solid #0000002e;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.bp-balloon:focus-visible{outline:3px solid var(--text-primary);outline-offset:2px}.bp-balloon-label{-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;max-width:100%;max-height:100%;display:-webkit-box;overflow:hidden}.bp-balloon-img{object-fit:contain;pointer-events:none;border-radius:6px;max-width:80%;max-height:70%}.bp-balloon--stacked{flex-direction:column;gap:2px;padding:5px}.bp-balloon--stacked .bp-balloon-img{max-width:78%;max-height:52%}.bp-balloon--stacked .bp-balloon-label{-webkit-line-clamp:2;line-clamp:2}.bp-answer-hint{color:var(--text-muted);align-items:center;gap:.4rem;margin:.6rem 0 0;font-size:.82rem;display:flex}.bp-answer-hint i{color:var(--accent)}.bp-settings{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem;display:grid}.bp-field{color:var(--text-secondary);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.bp-field>span{font-weight:600}.bp-field select,.bp-field input[type=number]{border:1px solid var(--border-input);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:.5rem}.bp-field--check{flex-direction:row;grid-column:1/-1;align-items:center;gap:.5rem}.bp-field--check>span{font-weight:500}.cp-play-wrap{z-index:1;position:relative}.cp-play-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;max-width:900px;margin:0 auto;padding:1.5rem}.cp-start,.cp-end{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.cp-start-icon,.cp-end-icon{color:var(--accent);font-size:3rem}.cp-start-title,.cp-end-title{color:var(--text-heading);margin:0;font-size:1.6rem}.cp-start-sub{color:var(--text-secondary);max-width:46ch;margin:0}.cp-start-target{color:var(--text-primary);margin:0 0 .25rem;font-weight:600}.cp-end-score{color:var(--text-primary);font-size:1.2rem;font-weight:700}.cp-start-btn{padding:.75rem 2rem;font-size:1.1rem}.cp-exit-btn{margin-top:.25rem}.cp-hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.cp-hud-target{align-items:baseline;gap:.4rem;display:flex}.cp-hud-target-label{color:var(--text-secondary);font-size:.95rem}.cp-hud-target-name{color:var(--text-heading);font-size:1.3rem}.cp-hud-stats{flex-wrap:wrap;align-items:center;gap:.9rem;display:inline-flex}.cp-hud-item{color:var(--text-primary);align-items:center;gap:.35rem;font-size:1rem;display:inline-flex}.cp-hud-item i{color:var(--accent)}.cp-board{cursor:none;gap:.75rem;max-width:600px;margin:0 auto;display:grid;position:relative}.cp-board--reduced .cp-hammer{transition:none}.cp-hammer{pointer-events:none;transform-origin:20% 20%;z-index:5;width:64px;height:64px;margin-top:-8px;margin-left:-10px;transition:transform 80ms ease-out;position:absolute}.cp-hammer--hit{transform:translateY(4px)scale(1.05)}@media (hover:none){.cp-board{cursor:auto}}.cp-hole{aspect-ratio:1;border:2px dashed var(--border-primary);background:var(--bg-tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cp-hole--occupied{border-style:solid}.cp-hole:focus-visible{outline:3px solid var(--text-primary);outline-offset:2px}.cp-hole-key{color:var(--text-muted);opacity:.55;pointer-events:none;font-size:.7rem;position:absolute;top:6px;left:10px}.cp-mole{background:var(--accent);width:86%;height:86%;color:var(--accent-text);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:6px;font-weight:700;line-height:1.05;animation:.2s cubic-bezier(.34,1.56,.64,1) both cp-pop;display:flex;box-shadow:inset -4px -6px #00000014,0 2px 5px #0000002e}.cp-mole-img{object-fit:contain;pointer-events:none;border-radius:6px;max-width:70%;max-height:48%;margin:0 auto 2px;display:block}@keyframes cp-pop{0%{opacity:0;transform:translateY(45%)scale(.2)}70%{opacity:1;transform:translateY(0)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}.cp-mole-label{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;max-height:100%;display:-webkit-box;overflow:hidden}.cp-mole--img-only .cp-mole-img{max-width:92%;max-height:92%;margin:0}.cp-board--reduced .cp-mole{animation:none}.cp-hit-flash{text-shadow:0 1px 2px #00000040;pointer-events:none;z-index:4;justify-content:center;align-items:center;font-size:2.6rem;font-weight:900;animation:.6s ease-out forwards cp-hit-pop;display:flex;position:absolute;inset:0}.cp-hit-flash--correct{color:#2e7d32}.cp-hit-flash--wrong{color:#e63946}@keyframes cp-hit-pop{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.cp-board--reduced .cp-hit-flash{opacity:1;animation:none}.ss-board{border:2px solid var(--border-primary);background:var(--bg-tertiary);touch-action:manipulation;border-radius:14px;max-width:760px;height:62vh;min-height:360px;max-height:640px;margin:0 auto;position:relative;overflow:hidden}.ss-baseline{border-top:3px dashed var(--accent);opacity:.7;pointer-events:none;z-index:1;height:0;position:absolute;left:0;right:0}.ss-word{text-align:center;white-space:nowrap;min-height:44px;color:var(--text-heading);background:var(--bg-secondary);pointer-events:none;z-index:2;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 10px;line-height:1.1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000002e}.ss-word--active{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #0000000f,0 2px 8px #00000038}.ss-typed{color:var(--accent);font-weight:800;text-decoration:underline}.ss-untyped{color:var(--text-primary);font-weight:600}.ss-hint{color:var(--text-secondary);opacity:.85;text-overflow:ellipsis;max-width:22ch;font-size:.7em;font-weight:400;display:block;overflow:hidden}.ss-capture{color:#0000;caret-color:#0000;cursor:text;z-index:3;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.ss-help{text-align:center;color:var(--text-secondary);margin:.6rem 0 0;font-size:.9rem}.ss-zap{white-space:nowrap;pointer-events:none;z-index:4;color:#fff;flex-direction:column;align-items:center;gap:2px;font-weight:800;animation:.45s ease-out forwards ss-electrocute;display:flex;position:absolute;transform:translate(-50%,-50%)}.ss-zap-bolt{color:#ffe600;text-shadow:0 0 8px #ffe600,0 0 16px #66e0ff;font-size:1.6em;animation:.45s ease-out forwards ss-bolt-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ss-electrocute{0%{opacity:1;color:var(--accent);text-shadow:none;transform:translate(-50%,-50%)scale(1)rotate(0)}15%{color:#fff;text-shadow:0 0 8px #ffe600,0 0 16px #66e0ff;transform:translate(-53%,-50%)scale(1.1)rotate(-3deg)}35%{color:#ffe600;text-shadow:0 0 10px #fff,0 0 18px #66e0ff;transform:translate(-47%,-51%)scale(1.06)rotate(3deg)}55%{color:#fff;transform:translate(-52%,-49%)scale(1.12)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-64%)scale(.55)rotate(0)}}@keyframes ss-bolt-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}60%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.ss-board--reduced .ss-zap,.ss-board--reduced .ss-zap-bolt{animation:.22s ease-out forwards ss-zap-fade}@keyframes ss-zap-fade{0%{opacity:1}to{opacity:0}}.gtw-play{max-width:560px;margin:0 auto}.gtw-clue{border:1px solid var(--border-primary);background:var(--bg-secondary);max-width:520px;color:var(--text-primary);border-radius:10px;align-items:center;gap:.5rem;margin:0 auto .9rem;padding:.6rem 1rem;font-size:.95rem;display:flex}.gtw-clue>i{color:var(--accent)}.gtw-board{--gtw-tile-max:52px;--gtw-tile:min(var(--gtw-tile-max), calc(min(100vw - 64px, 620px) / var(--gtw-cols,5) - 6px));flex-direction:column;align-items:center;gap:6px;margin:0 auto 1rem;display:flex}.gtw-row{justify-content:center;gap:6px;display:flex}.gtw-tile{width:var(--gtw-tile);height:var(--gtw-tile);border:2px solid var(--border-primary);background:var(--bg-primary);font-size:clamp(.65rem, calc(var(--gtw-tile) * .55), 1.6rem);text-transform:uppercase;color:var(--text-heading);border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex}.gtw-tile--filled{border-color:var(--text-secondary)}.gtw-tile--correct{color:#fff;background:#6aaa64;border-color:#6aaa64}.gtw-tile--present{color:#fff;background:#c9b458;border-color:#c9b458}.gtw-tile--absent{background:var(--bg-tertiary);border-color:var(--bg-tertiary);color:var(--text-secondary)}.gtw-board--shake .gtw-row:last-child{animation:.4s gtw-shake}@keyframes gtw-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.gtw-board--reduced .gtw-row:last-child{animation:none}.gtw-keyboard{flex-direction:column;align-items:center;gap:6px;max-width:520px;margin:0 auto;display:flex}.gtw-kb-row{justify-content:center;gap:5px;width:100%;display:flex}.gtw-key{background:var(--bg-tertiary);min-width:30px;min-height:48px;color:var(--text-heading);text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:none;border-radius:6px;flex:auto;font-size:1rem;font-weight:700}.gtw-key:hover{filter:brightness(1.08)}.gtw-key--wide{flex:1.5 auto;min-width:52px;font-size:.8rem}.gtw-key--correct{color:#fff;background:#6aaa64}.gtw-key--present{color:#fff;background:#c9b458}.gtw-key--absent{background:var(--bg-secondary);color:var(--text-secondary);opacity:.7}.gtw-reveal{text-align:center;max-width:520px;margin:0 auto}.gtw-reveal-word{color:var(--text-heading);margin:.3rem 0;font-size:1.6rem;font-weight:800}.gtw-reveal-word strong{color:var(--accent)}.gtw-reveal-points{color:#6aaa64;font-weight:700}.gtw-results{text-align:left;max-width:420px;margin:1rem auto;padding:0;list-style:none}.gtw-results li{border-bottom:1px solid var(--border-primary);align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.gtw-results li i{text-align:center;width:1.2rem}.gtw-result-solved i{color:#6aaa64}.gtw-result-failed i{color:var(--text-secondary)}.gtw-result-word{color:var(--text-heading);flex:1;font-weight:700}.gtw-result-points{color:var(--text-secondary);font-size:.9rem}.gtw-word-invalid{color:var(--danger,#d9534f);margin-top:2px;font-size:.8rem;display:block}@media (max-width:380px){.gtw-board{--gtw-tile-max:44px}.gtw-tile{font-size:clamp(.6rem, calc(var(--gtw-tile) * .55), 1.3rem)}.gtw-key{min-width:26px}}.sound-volume{color:inherit;align-items:center;gap:6px;display:inline-flex}.sound-volume>i{opacity:.85;font-size:.95rem}.sound-volume input[type=range]{cursor:pointer;width:72px;height:4px;accent-color:var(--accent);vertical-align:middle}.cp-settings{flex-direction:column;gap:1rem;display:flex}.cp-settings-group{border:1px solid var(--border-primary);border-radius:10px;margin:0;padding:.5rem 1rem 1rem}.cp-settings-group legend{color:var(--text-heading);padding:0 .4rem;font-weight:700}.cp-field{color:var(--text-secondary);flex-direction:column;gap:.3rem;margin-top:.6rem;font-size:.9rem;display:flex}.cp-field>span{font-weight:600}.cp-field select,.cp-field input[type=number]{border:1px solid var(--border-input);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:.5rem}.cp-field input[type=range]{width:100%}.cp-field--check{flex-direction:row;align-items:center;gap:.5rem}.cp-field--check>span{font-weight:500}.cp-radio-row{flex-wrap:wrap;gap:1rem;display:flex}.cp-radio{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.cp-preset-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem;display:flex}.cp-preset-btn{border:1px solid var(--border-input);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.4rem 1rem;font-weight:600}.cp-preset-btn:hover{border-color:var(--accent)}.cp-validation-hint{width:100%;color:var(--text-muted);font-size:.85rem}.cp-aside-sticky{position:sticky;top:1rem}.cp-preview-target{background:var(--bg-tertiary);border-radius:8px;align-items:baseline;gap:6px;padding:8px 10px;display:flex}.cp-preview-target-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.cp-preview-target-name{color:var(--text-heading);word-break:break-word;font-size:1rem}.cp-preview-board{background:var(--bg-tertiary);border-radius:8px;gap:8px;padding:10px;display:grid}.cp-preview-hole{aspect-ratio:1;border:2px dashed var(--border-primary);background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.cp-preview-hole--occupied{border-style:solid}.cp-preview-mole{background:var(--accent);color:#1a1a1a;text-align:center;word-break:break-word;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:84%;height:84%;padding:4px;font-size:.6rem;font-weight:700;line-height:1.05;display:flex;overflow:hidden;box-shadow:inset -3px -4px #00000014}.cp-preview-mode{display:flex}.cp-preview-mode-chip{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;display:inline-flex}.cp-preview-mode-chip i{color:var(--accent)}@media (max-width:900px){.cp-aside-sticky{position:static}}.wc-play-wrap{z-index:1;position:relative}.wc-play-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;max-width:760px;margin:0 auto;padding:1.25rem}.wc-board{aspect-ratio:3/4;background:var(--bg-tertiary);border:1px solid var(--border-primary);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.wc-tile{background:var(--bg-secondary);border:2px solid var(--accent);text-align:center;will-change:top, left;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:44px;max-width:70%;min-height:44px;padding:6px 10px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0003}.wc-tile--img-only{padding:4px}.wc-tile-img{object-fit:contain;max-width:56px;max-height:56px;display:block}.wc-tile-label{color:var(--text-heading);white-space:nowrap;font-weight:700;line-height:1.1}.wc-basket{background:var(--accent);color:#fff;border:3px solid var(--accent-dark,#b5651d);border-radius:6px 6px 16px 16px;justify-content:center;align-items:center;height:48px;min-height:44px;font-size:1.3rem;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000040}.wc-keyboard-help{text-align:center;color:var(--text-muted);margin:.6rem 0 0;font-size:.85rem}.wc-preview-board{background:var(--bg-tertiary);border-radius:8px;width:100%;height:150px;position:relative;overflow:hidden}.wc-preview-tile{background:var(--bg-secondary);border:1.5px solid var(--accent);max-width:46%;color:var(--text-heading);border-radius:7px;align-items:center;gap:3px;padding:3px 7px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.wc-preview-tile-img{object-fit:contain;max-width:22px;max-height:22px}.wc-preview-tile-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wc-preview-basket{background:var(--accent);color:#fff;border-radius:4px 4px 12px 12px;justify-content:center;align-items:center;height:26px;font-size:.8rem;display:inline-flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.cs-belt{border:2px solid var(--border-primary);background:repeating-linear-gradient(90deg, #0000000f 0 18px, transparent 18px 36px), var(--bg-tertiary);touch-action:none;border-radius:12px;height:96px;margin:0 0 1.25rem;position:relative;overflow:hidden}.cs-belt-edge{opacity:.55;background:#d9714e;width:4px;position:absolute;top:0;bottom:0;right:0}.cs-belt-item{border:2px solid var(--border-primary);background:var(--bg-primary);min-width:44px;max-width:32%;min-height:44px;color:var(--text-heading);text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;justify-content:center;align-items:center;padding:.4rem .7rem;font-weight:700;line-height:1.1;display:inline-flex;position:absolute;top:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 3px 6px #0003}.cs-belt-item:active{cursor:grabbing}.cs-belt-item--lifted{opacity:.35;outline:3px dashed var(--accent)}.cs-belt-item--with-img{flex-direction:column;gap:2px;padding:4px 8px}.cs-belt-item-img{object-fit:contain;pointer-events:none;max-width:52px;max-height:46px;display:block}.cs-belt-item-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.cs-bins{gap:.6rem;display:grid}.cs-bin{border:2px dashed var(--border-primary);background:var(--bg-tertiary);text-align:center;border-top-width:6px;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:88px;padding:.5rem;display:flex;position:relative;overflow:hidden}.cs-bin--over{background:var(--bg-secondary);box-shadow:inset 0 0 0 2px var(--accent);border-style:solid}.cs-bin--gulp{transform-origin:50% 100%;animation:.42s cubic-bezier(.34,1.56,.64,1) cs-bin-gulp}@keyframes cs-bin-gulp{0%{transform:scale(1)}35%{transform:scale(1.05,.82)}70%{transform:scale(.97,1.06)}to{transform:scale(1)}}.cs-bin--reject{animation:.42s ease-in-out cs-bin-reject}@keyframes cs-bin-reject{0%,to{transform:translate(0)}20%{transform:translate(-6px)rotate(-1deg)}45%{transform:translate(5px)rotate(1deg)}70%{transform:translate(-3px)}}.cp-impact{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:40%;left:50%}.cp-impact-sparks span{--a:0deg;transform-origin:50% 0;background:#ffd166;border-radius:2px;width:3px;height:12px;animation:.45s ease-out both cp-spark;position:absolute;top:0;left:0}.cp-impact--wrong .cp-impact-sparks span{background:#adb5bd;height:9px}.cp-impact-sparks span:first-child{--a:0deg}.cp-impact-sparks span:nth-child(2){--a:60deg}.cp-impact-sparks span:nth-child(3){--a:120deg}.cp-impact-sparks span:nth-child(4){--a:180deg}.cp-impact-sparks span:nth-child(5){--a:240deg}.cp-impact-sparks span:nth-child(6){--a:300deg}@keyframes cp-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(6px) scaleY(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(26px) scaleY(1)}}.cp-impact-delta{color:#2eb872;text-shadow:0 1px 2px #00000040;white-space:nowrap;font-size:1.05rem;font-weight:800;animation:.75s ease-out both cp-delta-rise;position:absolute;top:-6px;left:0;transform:translate(-50%)}.cp-impact--wrong .cp-impact-delta{color:#e05a4e}@keyframes cp-delta-rise{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}20%{opacity:1;transform:translate(-50%,-4px)scale(1.15)}to{opacity:0;transform:translate(-50%,-30px)scale(1)}}.cp-board--reduced .cp-impact-sparks{display:none}.cp-board--reduced .cp-impact-delta{animation:.6s ease-out both cp-delta-fade}@keyframes cp-delta-fade{0%{opacity:1}to{opacity:0}}.cp-target-announce{background:var(--bg-secondary);border:2px solid var(--accent);text-align:center;pointer-events:none;z-index:6;border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;padding:.8rem 1.6rem;animation:1.6s ease-out both cp-target-announce;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 30px #00000040}.cp-target-announce-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:700}.cp-target-announce-name{color:var(--text-heading);word-break:break-word;font-size:1.45rem}@keyframes cp-target-announce{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.07)}20%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}.cp-board--reduced .cp-target-announce{animation:1.6s ease-out both cp-target-announce-fade}@media (prefers-reduced-motion:reduce){.cp-target-announce{animation:1.6s ease-out both cp-target-announce-fade}}@keyframes cp-target-announce-fade{0%{opacity:0;transform:translate(-50%,-50%)}15%{opacity:1}80%{opacity:1}to{opacity:0}}.combo-streak{background:var(--bg-secondary);border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .6rem;font-size:.85rem;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) combo-pop;display:inline-flex}.combo-streak--hot{color:#f0a848;border-color:#f0a848}.combo-streak--fire{color:#e05a4e;border-color:#e05a4e;animation:.35s cubic-bezier(.34,1.56,.64,1) combo-pop,.9s ease-in-out .35s infinite combo-burn}.combo-streak--fire i{font-size:.9em}@keyframes combo-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes combo-burn{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.combo-streak,.combo-streak--fire{animation:none}}.cs-bin-key{color:var(--text-muted);border:1px solid var(--border-primary);border-radius:6px;padding:0 6px;font-size:.72rem;font-weight:700}.cs-bin-name{color:var(--text-heading);word-break:break-word;font-weight:700}.cs-bin-remaining{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:999px;min-width:22px;padding:1px 9px;font-size:.72rem;font-weight:700}.cs-bin-flash{pointer-events:none;border-radius:10px;justify-content:center;align-items:center;font-size:2.6rem;animation:.7s ease-out forwards cs-bin-flash;display:flex;position:absolute;inset:0}.cs-bin-flash--correct{color:#2e7d32;background:#4caf5033}.cs-bin-flash--wrong{color:#c62828;background:#f4433633}.cs-bin-flash--reduced{opacity:1;animation:none}@keyframes cs-bin-flash{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.cs-ghost{border:2px solid var(--border-primary);background:var(--bg-primary);min-width:44px;min-height:44px;color:var(--text-heading);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:.4rem .7rem;font-weight:700;display:inline-flex}.cs-ghost--with-img{flex-direction:column;gap:2px}.cs-preview-belt-hint{color:var(--text-secondary);margin-bottom:.6rem;font-size:.8rem}.cs-preview-bins{gap:.5rem;display:grid}.cs-preview-bin{color:#1a1a1a;text-align:center;word-break:break-word;border-radius:8px;padding:.5rem;font-size:.8rem;font-weight:700}.qj-play-wrap{z-index:1;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:760px;margin:0 auto;padding:1.25rem;display:flex;position:relative}.qj-start{text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:2rem 1rem;display:flex}.qj-start-icon{color:var(--accent);font-size:3rem}.qj-start-title{color:var(--text-heading);margin:0;font-size:1.6rem}.qj-start-instr{color:var(--text-secondary);max-width:48ch;margin:0}.qj-start-play{margin-top:.4rem;padding:.75rem 2rem;font-size:1.1rem}.qj-hud{width:100%;color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1rem;font-weight:600;display:flex}.qj-hud-item{align-items:center;gap:.35rem;display:inline-flex}.qj-hud-item i{color:var(--accent)}.qj-hud-exit{margin-left:auto}.qj-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.qj-question-img{object-fit:contain;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:130px}.qj-question-text{color:var(--text-heading);font-size:1.05rem;font-weight:600}.qj-stage{aspect-ratio:16/9;background:var(--bg-tertiary,#eef2f7);border:2px solid var(--border-primary);cursor:pointer;border-radius:12px;width:100%;min-height:280px;position:relative;overflow:hidden}.qj-stage:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.qj-platform{background:var(--accent);height:13%;color:var(--accent-text,#fff);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px .4rem;display:flex;position:absolute;top:24%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 4px #00000040}.qj-platform--stacked{height:20%}.qj-platform-text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(.7rem,2.4vw,1rem);font-weight:700;line-height:1.1;overflow:hidden}.qj-platform--stacked .qj-platform-text{font-size:clamp(.55rem,1.9vw,.82rem)}.qj-platform-img{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%}.qj-platform--stacked .qj-platform-img{max-height:70%}.qj-splinter{pointer-events:none;z-index:2;width:0;height:0;position:absolute;top:30%;transform:translate(-50%,-50%)}.qj-shard{border:1.5px solid var(--accent);clip-path:polygon(50% 0%,100% 65%,72% 100%,20% 92%,0% 45%);background:#ffffffc7;animation:.6s ease-out forwards qj-shatter;position:absolute;top:0;left:0;box-shadow:0 0 3px #fff9}.qj-splinter.is-correct .qj-shard{border-color:#5ba873}.qj-splinter.is-wrong .qj-shard{border-color:#d9714e}@keyframes qj-shatter{0%{opacity:.95;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(.55);opacity:0}}.qj-reduced .qj-shard{animation-duration:.3s}.qj-avatar{color:var(--text-heading);will-change:bottom;font-size:clamp(1.2rem,4vw,2rem);line-height:1;position:absolute;transform:translate(-50%)}.qj-avatar--land{transform-origin:50% 100%;animation:.26s cubic-bezier(.34,1.56,.64,1) qj-land-squash}@keyframes qj-land-squash{0%{transform:translate(-50%)scale(1)}35%{transform:translate(-50%)scale(1.28,.68)}70%{transform:translate(-50%)scale(.92,1.1)}to{transform:translate(-50%)scale(1)}}.qj-dust{pointer-events:none;width:0;height:0;position:absolute;bottom:7%}.qj-dust span{background:var(--text-muted);opacity:0;border-radius:50%;width:7px;height:7px;animation:.45s ease-out both qj-dust-puff;position:absolute;bottom:0;left:0}.qj-dust span:first-child{--dx:-20px}.qj-dust span:nth-child(2){--dx:-8px;width:5px;height:5px;animation-delay:30ms}.qj-dust span:nth-child(3){--dx:9px;width:5px;height:5px;animation-delay:20ms}.qj-dust span:nth-child(4){--dx:22px}@keyframes qj-dust-puff{0%{opacity:.55;transform:translate(-50%)scale(.4)}to{transform:translate(calc(-50% + var(--dx)), -10px) scale(1);opacity:0}}.hm-shake{animation:.38s ease-out hm-shake}@keyframes hm-shake{0%{transform:translate(0)}20%{transform:translate(-6px)rotate(-.6deg)}40%{transform:translate(5px)rotate(.5deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}.hm-part{stroke-dasharray:130;stroke-dashoffset:130px;animation:.34s ease-out forwards hm-draw}@keyframes hm-draw{to{stroke-dashoffset:0}}.hm-winner{transform-box:fill-box;transform-origin:50% 100%;animation:.9s ease-in-out infinite hm-win-bob}@keyframes hm-win-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(.98,1.03)}}@media (prefers-reduced-motion:reduce){.hm-shake,.hm-part,.hm-winner{animation:none}.hm-part{stroke-dashoffset:0}}.qj-jump-btn{min-width:140px;min-height:44px;font-size:1.05rem}.qj-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem .5rem;display:inline-flex}.qj-link-btn:hover{color:var(--text-primary)}.qj-settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;display:grid}.qj-setting{color:var(--text-secondary);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.qj-setting>span{font-weight:600}.qj-setting select,.qj-setting input[type=number]{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:.4rem .55rem;font-size:.9rem}.qj-setting-check{flex-direction:row;grid-column:1/-1;align-items:center;gap:.5rem}.qj-setting-check>span{font-weight:500}.qj-overlay{background:#00000073;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qj-overlay-card{background:var(--bg-secondary);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem 2rem;display:flex}.qj-overlay-icon{font-size:2.6rem}.qj-overlay-icon.is-win{color:#f5b301}.qj-overlay-icon.is-lose{color:var(--text-muted)}.qj-overlay-title{color:var(--text-heading);margin:0}.qj-overlay-score{color:var(--text-secondary);margin:0;font-weight:600}.complete-blank-editor{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.complete-token-row{margin-top:4px}.complete-token-hint{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem}.complete-tokens{flex-wrap:wrap;gap:6px;display:flex}.complete-token{border:1px dashed var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:.95rem}.complete-token:hover{border-color:var(--accent,#00b894)}.complete-token--blank{background:var(--text-primary);color:var(--bg-secondary);border-style:solid;border-color:var(--text-primary)}.complete-inline-phrase{line-height:2.4}.complete-slot-wrap{align-items:baseline;gap:4px;display:inline-flex}.complete-slot{border:2px dashed var(--border-primary);background:var(--bg-primary);min-width:90px;color:var(--text-primary);cursor:pointer;font:inherit;text-align:center;vertical-align:baseline;border-radius:8px;margin:0 2px;padding:4px 10px;display:inline-block}.complete-slot--filled{border-style:solid;font-weight:600}.complete-slot--selected{border-color:var(--accent,#00b894);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#00b894) 30%, transparent);border-style:solid}.complete-slot-input{border:2px solid var(--border-primary);width:auto;font:inherit;text-align:center;background:var(--bg-primary);color:var(--text-primary);border-radius:8px;margin:0 2px;padding:4px 8px;display:inline-block}.complete-slot.is-correct,.complete-slot-input.is-correct{color:#00b894;border-color:#00b894}.complete-slot.is-incorrect,.complete-slot-input.is-incorrect{color:#d63031;border-color:#d63031;text-decoration:line-through}.complete-slot-answer{color:#00b894;font-size:.9em;font-weight:700}.complete-bank{border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;min-height:56px;margin-bottom:20px;padding:14px;display:flex}.complete-chip{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:grab;border-radius:999px;padding:6px 14px;font-weight:600}.complete-chip:hover{border-color:var(--accent,#00b894)}.complete-phrase-display.complete-passage{text-align:left}.complete-phrase-display.complete-passage .phrase-text{font-size:1.2rem;font-weight:500;line-height:2.6}.complete-settings{flex-direction:column;gap:14px;display:flex}.complete-settings-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.complete-settings-row--stacked{flex-direction:column;align-items:stretch;gap:4px}.complete-settings-row--stacked>label{flex-direction:column;align-items:flex-start;gap:6px;font-weight:600;display:flex}.complete-settings-row--stacked input[type=text]{background:var(--bg-tertiary);border:1px solid var(--border-input);width:100%;max-width:320px;color:var(--input-text);border-radius:8px;padding:8px 12px;font-size:.95rem;font-weight:400}.complete-settings-label{min-width:160px;font-weight:600}.complete-settings-hint{color:var(--text-secondary);font-size:.8rem}.complete-distractor-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.complete-distractor-chip{border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.complete-distractor-chip button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0}.ct-root{display:inline}.ct-text{white-space:pre-wrap}.ct-inline{color:#e6edf3;white-space:pre;overflow-wrap:normal;word-break:normal;background:#232936;border:1px solid #ffffff17;border-radius:6px;padding:.08em .38em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em}.ct-block{color:#e6edf3;text-align:left;white-space:pre;background:#1c2130;border:1px solid #ffffff17;border-radius:10px;margin:10px 0;padding:13px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92rem;font-weight:400;line-height:1.55;display:block;overflow-x:auto}.ct-block code{background:0 0;width:max-content;min-width:100%;padding:0;font-family:inherit;display:block}.quiz-question-code{color:var(--text-heading);font-size:1.15rem;font-weight:600;line-height:1.5;display:block}.quiz-option .option-text .ct-block{margin:8px 0 2px;font-size:.85rem}.ct-block .hljs-comment,.ct-block .hljs-quote{color:#7f8ea3;font-style:italic}.ct-block .hljs-keyword,.ct-block .hljs-selector-tag,.ct-block .hljs-subst{color:#c678dd}.ct-block .hljs-string,.ct-block .hljs-addition,.ct-block .hljs-regexp{color:#98c379}.ct-block .hljs-number,.ct-block .hljs-literal{color:#d19a66}.ct-block .hljs-title,.ct-block .hljs-title.function_{color:#61afef}.ct-block .hljs-title.class_,.ct-block .hljs-type,.ct-block .hljs-built_in{color:#e5c07b}.ct-block .hljs-attr,.ct-block .hljs-attribute,.ct-block .hljs-variable,.ct-block .hljs-template-variable{color:#e06c75}.ct-block .hljs-symbol,.ct-block .hljs-bullet,.ct-block .hljs-selector-class,.ct-block .hljs-selector-id{color:#56b6c2}.ct-block .hljs-meta,.ct-block .hljs-doctag{color:#61afef}.ct-block .hljs-emphasis{font-style:italic}.ct-block .hljs-strong{font-weight:700}.qc-code-hint{color:var(--text-secondary);margin-top:-4px;font-size:.78rem}.qc-code-hint i{margin-right:2px;font-size:.72rem}.rpg-world h3+.rpg-help{margin-top:.15rem}.rpg-world h3{margin:0 0 .25rem;font-size:1rem}.rpg-help{color:var(--text-muted);margin:.25rem 0 .75rem;font-size:.85rem}.rpg-world-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.rpg-world-btn{border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem .5rem;font-weight:600;display:flex}.rpg-world-btn i{font-size:1.05rem}.rpg-world-btn.is-active{background:#8e6cc924;border-color:#8e6cc9}.rpg-counter{text-align:right;color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}.rpg-counter.is-over{color:#c0392b;font-weight:700}.rpg-checklist{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:12px;align-self:start;padding:.75rem 1rem;position:sticky;top:1rem}.rpg-check-later{margin:.4rem 0 0}.rpg-rules{border-top:1px dashed var(--border-primary);margin-top:.85rem;padding-top:.75rem}.rpg-rules h4{margin:0 0 .35rem;font-size:.9rem}.rpg-rules ul{color:var(--text-secondary);flex-direction:column;gap:.2rem;margin:0;padding-left:1.1rem;font-size:.85rem;display:flex}.rpg-checklist h3{margin:0;font-size:.95rem}.rpg-checklist ul{flex-direction:column;gap:.45rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.rpg-issue i{color:#e67e22}.rpg-note i{color:var(--text-muted)}.rpg-checklist .rpg-notes{border-top:1px dashed var(--border-primary);padding-top:.75rem}.rpg-ready{color:#2f9e44;margin:0;font-weight:600}.rpg-goto{font:inherit;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;text-decoration:underline}.rpg-frame-wrap{aspect-ratio:16/9;background:#1e1e2a;border-radius:12px;width:100%;position:relative;overflow:hidden}.rpg-frame-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.rpg-player-bar,.rpg-preview-bar{z-index:1;flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex;position:relative}.rpg-locked{text-align:center;z-index:1;padding:2rem 1rem;position:relative}.rpg-locked>i{color:#8e6cc9;font-size:2.5rem}@media (max-width:640px){.rpg-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.announcement-banner-link{color:inherit;text-underline-offset:2px;white-space:nowrap;font-weight:700;text-decoration:underline}