: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:hsla(0,0%,100%,.03);--shadow-color:rgba(0,0,0,.3);--input-text:#fff;--accent:#e5e5d1;--accent-end:#e5e5d1;--accent-gradient:#e5e5d1;--accent-light:#e5e5d122;--accent-light-end:#e5e5d122;--accent-border:#e5e5d155;--accent-shadow:hsla(60,28%,86%,.25);--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:rgba(0,0,0,.04);--shadow-color:rgba(0,0,0,.1);--input-text:#2d3436;--accent:#1a1a2e;--accent-end:#1a1a2e;--accent-gradient:#1a1a2e;--accent-light:#1a1a2e11;--accent-light-end:#1a1a2e11;--accent-border:#1a1a2e33;--accent-shadow:rgba(26,26,46,.15);--title-color:#1a1a2e;--highlight:#1a1a2e;--accent-text:#fff;--assoc-pill-bg:#1a1a2e;--assoc-pill-text:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--doodle-opacity);background-repeat:repeat;background-size:480px 480px;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")}:root{--doodle-opacity:0.35}[data-theme=light]{--doodle-opacity:0.65}[data-theme=light]~body:before,body:has([data-theme=light]):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")}.app{position:relative;z-index:1;width:min(1400px,95%);margin:0 auto;padding:24px 16px 60px}.top-toolbar{position:fixed;top:16px;right:16px;gap:8px;z-index:1000}.theme-toggle,.top-toolbar{display:flex;align-items:center}.theme-toggle{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-heading);cursor:pointer;font-size:1.2rem;justify-content:center;transition:all .3s;box-shadow:0 2px 8px var(--shadow-color)}.theme-toggle:hover{transform:scale(1.1);border-color:var(--accent)}.lang-switcher{position:relative}.lang-switcher-trigger{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-heading);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px var(--shadow-color);height:40px}.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{font-size:.8rem;letter-spacing:.05em}.lang-switcher-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px var(--shadow-color);min-width:90px}.lang-switcher-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;transition:background .15s}.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}.google-signin-loading,.user-menu-google-btn{display:flex;align-items:center;height:40px}.google-signin-loading{gap:8px;padding:0 16px;font-size:.85rem;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:20px;background:var(--bg-secondary)}.google-signin-loading i{font-size:1rem;color:var(--accent)}.google-signin-loading-lg{height:44px;font-size:.95rem;justify-content:center;margin-top:16px}.user-menu-trigger{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 2px 8px var(--shadow-color)}.user-menu-trigger:hover{transform:scale(1.1);border-color:var(--accent)}.user-menu-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-menu-initials{font-size:.85rem;font-weight:700;color:var(--text-heading);line-height:1}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px var(--shadow-color);padding:8px 0;animation:userMenuFadeIn .15s ease}@keyframes userMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown-header{padding:10px 16px;display:flex;flex-direction:column;gap:2px}.user-menu-dropdown-name{font-weight:600;color:var(--text-heading);font-size:.9rem}.user-menu-dropdown-email{color:var(--text-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown-divider{height:1px;background:var(--border-primary);margin:4px 0}.user-menu-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.88rem;color:var(--text-primary);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:background .15s}.user-menu-dropdown-item:hover{background:var(--bg-tertiary,rgba(0,0,0,.05))}.user-menu-dropdown-item i{width:16px;text-align:center;color:var(--text-muted)}.user-menu-dropdown-logout,.user-menu-dropdown-logout i{color:#e53e3e}.account-google-signin{display:flex;justify-content:center;margin-top:16px}.top-toolbar-mobile{display:none}@media (max-width:1800px){.top-toolbar-desktop{display:none}.top-toolbar-mobile{display:block;position:fixed;top:10px;right:10px;z-index:1000}.burger-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-heading);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-color);transition:all .2s}.burger-btn:hover{border-color:var(--accent)}.burger-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px var(--shadow-color);min-width:200px;animation:burgerSlideIn .2s ease-out}.burger-dropdown-item{display:flex;align-items:center;justify-content:center}.burger-dropdown-item .lang-switcher{width:100%}.burger-dropdown-item .lang-switcher-trigger,.burger-dropdown-item .user-menu{width:100%;justify-content:center}.burger-dropdown-item .user-menu{display:flex}.burger-dropdown-item .theme-toggle{width:100%;border-radius:10px;height:38px}.burger-dropdown-item .lang-switcher-dropdown{position:relative;top:auto;right:auto;margin-top:6px;box-shadow:none;border:1px solid var(--border-primary)}.lang-switcher-label{display:none}.user-menu-dropdown{right:0;min-width:200px}.category-nav{gap:6px}.category-tab{padding:8px 14px;font-size:.82rem;border-radius:10px}.lp-nav{padding-right:60px}@keyframes burgerSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}header{text-align:center;margin-bottom:28px}header h1{font-size:2.4rem;color:var(--title-color);margin-bottom:4px;cursor:pointer;transition:transform .2s}header h1:hover{transform:scale(1.05)}.subtitle{color:var(--text-hint);font-size:.95rem}.category-nav{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.category-tab{padding:12px 28px;border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-muted);border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;text-decoration:none;display:inline-block}.category-tab:hover{border-color:var(--accent);color:var(--text-heading);transform:translateY(-2px)}.category-tab.active{background:var(--accent-gradient);border-color:transparent;color:var(--accent-text);box-shadow:0 4px 16px var(--accent-shadow)}.tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:24px}.tab{padding:8px 14px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s;text-decoration:none;display:inline-block}.tab:hover{border-color:var(--border-hover);color:var(--text-heading)}.tab.active{background:var(--accent-gradient);border-color:transparent;color:var(--accent-text);font-weight:600}.panel{background:var(--bg-secondary);border-radius:16px;padding:28px;border:1px solid var(--border-primary);margin-bottom:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;align-items:flex-end}.controls label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-muted);flex:1 1;min-width:120px}.controls input[type=number],.controls input[type=text],.controls select{padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-input);border-radius:8px;color:var(--input-text);font-size:1rem;width:100%}.controls input[type=text]{max-width:400px}.controls textarea{padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-input);border-radius:8px;color:var(--input-text);font-size:.95rem;resize:vertical;width:100%;font-family:inherit}.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{display:block;width:100%;padding:14px;border:none;border-radius:12px;background:var(--accent-gradient);color:var(--accent-text);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-shadow)}.btn-primary:active{transform:translateY(0)}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:8px;margin-bottom:16px}.action-buttons .btn-primary,.action-buttons .share-panel-wrapper .btn-primary{width:100%;padding:10px 12px;font-size:.85rem;margin-bottom:0;margin-top:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:480px){.action-buttons{grid-template-columns:1fr}}.btn-row{display:flex;gap:8px;margin-bottom:20px}.btn-row .btn-primary{flex:1 1;font-size:.85rem;padding:8px 12px;margin-bottom:0}.btn-row .fullscreen-btn{flex:1 1;margin-top:0!important;width:auto!important}.btn-add-inline{padding:8px 16px!important;margin-bottom:0!important;white-space:nowrap;width:auto!important;flex-shrink:0;align-self:flex-end;font-size:.85rem!important}.btn-small{padding:4px 12px;border:1px solid var(--border-hover);background:transparent;color:var(--text-hint);border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s}.btn-small:hover{border-color:#ff6b6b;color:#ff6b6b}.result-area{min-height:60px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.result-area:empty{display:none}.dice{width:80px;height:80px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:diceRoll .4s ease-out}@keyframes diceRoll{0%{transform:rotate(0deg) scale(.5);opacity:0}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1);opacity:1}}.dice-total{width:100%;text-align:center;font-size:1.1rem;color:var(--title-color);font-weight:600}.number-ball{width:70px;height:70px;background:linear-gradient(135deg,#48dbfb,#0abde3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;line-height:1;color:#fff;box-shadow:0 4px 12px rgba(72,219,251,.3);animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.coin{width:100px;height:100px;display:flex;align-items:center;justify-content:center;animation:coinFlip .5s ease-out;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes coinFlip{0%{transform:rotateY(0deg) scale(.5)}50%{transform:rotateY(540deg) scale(1.1)}to{transform:rotateY(2turn) scale(1)}}.coin-stats{width:100%;text-align:center;font-size:.9rem;color:var(--text-muted);margin-top:4px}.winner-name{padding:16px 32px;border-radius:12px;font-size:1.5rem;font-weight:700;background:var(--accent);color:var(--accent-text);animation:popIn .4s ease-out;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.25)}.card{width:80px;height:112px;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.3);animation:popIn .3s ease-out;gap:2px}.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-radius:12px;padding:16px;border:1px solid var(--border-input);flex:1 1;min-width:200px;animation:popIn .3s ease-out}.team-block h4{margin-bottom:10px;font-size:1rem}.team-block ul{list-style:none;display:flex;flex-direction:column;gap:4px}.team-block li{padding:6px 10px;background:var(--bg-secondary);border-radius:6px;font-size:.9rem}.wheel-container{position:relative;display:flex;justify-content:center;margin-bottom:16px}.wheel-pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:2rem;color:#ff6b6b;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}#wheelCanvas{max-width:100%;height:auto}.history-section{margin-top:20px;background:var(--bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-primary)}.history-section h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:1rem;color:var(--text-hint)}.history-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.history-item{padding:8px 12px;background:var(--bg-tertiary);border-radius:8px;font-size:.82rem;color:var(--text-muted);display:flex;justify-content:space-between}.history-item .type{color:var(--accent);font-weight:600;margin-right:8px}.history-item .time{color:var(--text-faint);font-size:.75rem}.upload-zone{border:2px dashed #333;border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .25s;background:var(--bg-tertiary)}.upload-zone.dragover,.upload-zone:hover{border-color:var(--accent);background:var(--accent-light)}.upload-icon{font-size:3rem;margin-bottom:10px}.upload-text{color:var(--text-muted);font-size:.95rem;margin-bottom:6px}.upload-link{color:var(--accent);text-decoration:underline;cursor:pointer}.upload-hint{color:var(--text-faint);font-size:.78rem}.table-loaded{animation:fadeIn .3s ease}.table-file-info{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:.85rem}.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 1}.table-preview-wrapper{max-height:260px;overflow:auto;border-radius:10px;border:1px solid var(--border-primary);margin-bottom:18px}.table-preview{width:100%;border-collapse:collapse;font-size:.82rem}.table-preview th{background:var(--bg-table-header);color:var(--text-muted);font-weight:600;padding:9px 12px;text-align:left;position:-webkit-sticky;position:sticky;top:0;z-index:2;border-bottom:2px solid #333;cursor:pointer;transition:all .15s;white-space:nowrap}.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{padding:7px 12px;border-bottom:1px solid var(--border-primary);color:var(--text-secondary);white-space:nowrap}.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);font-size:.72rem;text-align:right;padding-right:8px;width:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.winner-card{background:linear-gradient(135deg,var(--accent-light),var(--accent-light-end));border:1px solid var(--accent-border);border-radius:12px;padding:16px 20px;width:100%;animation:popIn .4s ease-out;margin-bottom:6px}.winner-card .winner-main{font-size:1.4rem;font-weight:700;color:var(--text-heading);margin-bottom:6px;display:flex;align-items:center;gap:8px}.winner-card .winner-main .winner-badge{background:linear-gradient(135deg,#ff9ff3,#f368e0);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px}.winner-card .winner-details{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--text-muted)}.winner-card .winner-details span{color:var(--accent);font-weight:600}.trivia-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-primary)}.trivia-section h3{font-size:1.1rem;color:var(--title-color);margin-bottom:16px;font-weight:700}.trivia-grid{display:flex;flex-direction:column;gap:12px}.trivia-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:16px 18px;font-size:.9rem;line-height:1.6;color:var(--text-secondary);transition:border-color .2s}.trivia-card:hover{border-color:var(--border-hover)}.trivia-card strong{color:var(--accent)}.trivia-card .trivia-label{display:block;font-size:.75rem;color:var(--text-hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.trivia-highlight{color:var(--title-color);font-weight:600}.info-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-primary)}.teachers-page{width:min(1400px,95%);margin:0 auto}.teachers-intro{text-align:center}.teachers-intro h2{font-size:1.6rem;margin-bottom:12px;color:var(--text-heading)}.teachers-intro p{color:var(--text-muted);line-height:1.7;font-size:.95rem}.teacher-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:24px}.teacher-tool-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:20px;text-decoration:none;transition:all .3s;display:flex;flex-direction:column;gap:10px}.teacher-tool-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px var(--accent-shadow)}.teacher-tool-card .tool-icon{font-size:2rem;color:var(--text-heading)}.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;font-size:.82rem;line-height:1.5;flex:1 1}.teachers-breadcrumb{margin-bottom:20px}.teachers-breadcrumb a{color:var(--accent);text-decoration:none;font-size:.9rem;transition:color .2s}.panel-title,.teachers-breadcrumb a:hover{color:var(--text-heading)}.panel-title{font-size:1.4rem;margin-bottom:8px}.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{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.preset-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.preset-btn:hover{border-color:var(--accent);color:var(--text-heading)}.timer-display{margin:32px 0;min-height:280px}.timer-circle,.timer-display{display:flex;justify-content:center;align-items:center}.timer-circle{width:240px;height:240px;border-radius:50%;background:conic-gradient(var(--accent) 0,var(--accent) calc(var(--progress) * 1%),var(--border-primary) calc(var(--progress) * 1%),var(--border-primary) 100%);position:relative;box-shadow:0 8px 32px rgba(0,0,0,.4)}.timer-circle:before{content:"";position:absolute;width:200px;height:200px;background:var(--bg-secondary);border-radius:50%}.timer-text{position:relative;z-index:1;font-size:3rem;font-weight:700;color:var(--text-heading);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-display.running .timer-circle{animation:timerPulse 1s ease-in-out infinite}.timer-display.finished .timer-circle{background:conic-gradient(#ff6b6b 0,#ff6b6b 100%);animation:timerFinished .5s ease-in-out}@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{display:flex;gap:12px}.timer-controls .btn-primary{flex:1 1}.traffic-light-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;background:var(--bg-tertiary);border-radius:30px;margin-bottom:24px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.traffic-light{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(0,0,0,.3)}.traffic-light.active{box-shadow:0 0 40px currentColor,0 0 80px currentColor;animation:trafficGlow 2s ease-in-out infinite}.light-icon{font-size:5rem;animation:lightPop .3s ease-out}@keyframes trafficGlow{0%,to{filter:brightness(1)}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;margin-bottom:24px;padding:20px;background:var(--bg-tertiary);border-radius:12px}.traffic-info h3{font-size:1.4rem;margin-bottom:8px;color:var(--text-heading)}.traffic-info p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.traffic-controls{display:flex;gap:12px;margin-bottom:24px}.traffic-btn{flex:1 1;padding:14px;border:none;border-radius:12px;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.traffic-btn:hover{transform:translateY(-2px)}.traffic-btn.active{color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.3)}.traffic-shortcuts{background:var(--bg-tertiary);border-radius:12px;padding:16px 20px}.traffic-shortcuts h4{color:var(--text-muted);font-size:.85rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.shortcuts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.shortcuts-grid div{color:#999;font-size:.85rem;display:flex;align-items:center;gap:6px}.shortcuts-grid kbd{background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600;color:var(--accent)}.quiz-creator h3{color:var(--text-heading);font-size:1.2rem;margin-bottom:16px}.quiz-options-creator{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option-input-row{display:flex;gap:10px;align-items:center}.option-checkbox{display:flex;align-items:center;gap:8px;min-width:60px}.option-checkbox input[type=radio]{width:18px;height:18px;accent-color:#55efc4}.option-letter{font-weight:700;color:var(--accent);font-size:.9rem}.option-input-row input[type=text]{flex:1 1;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-input);border-radius:8px;color:var(--input-text);font-size:.95rem;max-width:500px}.quiz-questions-list{margin:24px 0;padding:20px;background:var(--bg-tertiary);border-radius:12px}.quiz-questions-list h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.question-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px}.question-content{flex:1 1;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.question-correct{color:#55efc4;font-size:.8rem;margin-top:4px}.question-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.question-reorder{display:flex;flex-direction:column;gap:2px}.question-reorder .btn-small{padding:2px 6px;font-size:.7rem;min-width:unset;line-height:1}.question-reorder .btn-small:disabled{opacity:.25;cursor:not-allowed}.question-item[draggable=true]{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.question-item[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.question-item.dragging{opacity:.3;border-style:dashed}.drop-indicator{height:4px;background:var(--accent);border-radius:2px;margin:-2px 0;position:relative;z-index:2;box-shadow:0 0 8px var(--accent-shadow)}.drop-indicator:after,.drop-indicator:before{content:"";position:absolute;top:50%;width:10px;height:10px;background:var(--accent);border-radius:50%;transform:translateY(-50%)}.drop-indicator:before{left:-3px}.drop-indicator:after{right:-3px}.question-drag-handle{display:flex;align-items:center;color:var(--text-muted);cursor:-webkit-grab;cursor:grab;padding:0 4px;font-size:.85rem}.question-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.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;padding:24px;margin-bottom:24px}.quiz-question h3{color:var(--text-heading);font-size:1.3rem;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.quiz-option{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--bg-tertiary);border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;color:var(--text-secondary);font-size:.95rem}.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{border-color:#55efc4;background:#55efc422;color:#55efc4}.quiz-option.incorrect{border-color:#ff6b6b;background:#ff6b6b22;color:#ff6b6b}.quiz-option:disabled{cursor:not-allowed}.quiz-option .option-letter{min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:6px;font-weight:700}.quiz-option .option-text{flex:1 1}.quiz-option .option-icon{font-size:1.2rem;font-weight:700}.quiz-controls{display:flex;gap:12px}.quiz-results{text-align:center}.quiz-results h2{color:var(--text-heading);font-size:2rem;margin-bottom:24px}.quiz-score{margin-bottom:32px}.score-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;background:var(--accent-gradient);border-radius:50%;box-shadow:0 8px 32px var(--accent-shadow)}.score-value{font-size:3rem;font-weight:800;color:var(--accent-text);line-height:1}.score-label{font-size:.9rem;color:var(--accent-text);opacity:.9;margin-top:8px}.results-breakdown{text-align:left;margin-bottom:24px}.result-item{display:flex;gap:12px;padding:14px;background:var(--bg-tertiary);border-radius:10px;margin-bottom:10px;border-left:3px solid}.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 1}.result-question{color:var(--text-heading);font-weight:600;margin-bottom:4px;font-size:.9rem}.result-answer{color:var(--text-muted);font-size:.85rem}.flashcard-creator h3{color:var(--text-heading);font-size:1.2rem;margin-bottom:16px}.flashcards-list{margin:24px 0;padding:20px;background:var(--bg-tertiary);border-radius:12px}.flashcards-list h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.flashcard-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px}.flashcard-item-content{flex:1 1;display:flex;gap:12px}.flashcard-item-number{color:var(--accent);font-weight:700;font-size:.85rem}.flashcard-item-text{flex:1 1;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.flashcard-item-text div{margin-bottom:4px}.flashcard-item-text strong{color:var(--text-muted)}.flashcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.flashcard-progress{color:var(--text-muted);font-size:.9rem;font-weight:600}.flashcard-container{perspective:1000px;margin-bottom:24px;min-height:350px;display:flex;align-items:center;justify-content:center}.flashcard{width:100%;max-width:500px;height:320px;position:relative;cursor:pointer;transition:transform .6s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{position:absolute;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flashcard-back,.flashcard-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:linear-gradient(135deg,var(--accent-light),var(--accent-light-end));border:2px solid var(--accent-border);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.flashcard-back{transform:rotateY(180deg);background:linear-gradient(135deg,#55efc422,#00d2d322);border-color:#55efc455}.flashcard-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:700}.flashcard-back .flashcard-label{color:#55efc4}.flashcard-text{font-size:1.6rem;font-weight:600;color:var(--text-heading);text-align:center;line-height:1.5;flex:1 1;display:flex;align-items:center;justify-content:center}.flashcard-hint{font-size:.8rem;color:var(--text-hint);font-style:italic}.flashcard-controls{display:flex;gap:12px;margin-bottom:16px}.flashcard-controls .btn-primary{flex:1 1}.flashcard-actions{display:flex;gap:10px;justify-content:center}.action-btn{padding:10px 18px;background:var(--bg-tertiary);border:1px solid var(--border-input);color:var(--text-muted);border-radius:8px;cursor:pointer;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;padding:16px;margin-bottom:16px}.fc-side-label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.fc-text-input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:8px;color:var(--input-text);font-size:.95rem;resize:vertical;font-family:inherit;margin-bottom:10px;box-sizing:border-box}.fc-text-input:focus{outline:none;border-color:var(--accent)}.fc-image-row{display:flex;gap:10px;align-items:stretch}.fc-image-dropzone{width:80px;min-height:56px;border:2px dashed #333;border-radius:8px;background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s;flex-shrink:0}.fc-image-dropzone:hover{border-color:var(--accent)}.fc-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-faint);font-size:.65rem;text-align:center;padding:4px}.fc-dropzone-icon{font-size:1.2rem}.fc-image-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4px}.fc-image-preview img{max-width:100%;max-height:60px;object-fit:contain;border-radius:4px}.fc-image-remove{position:absolute;top:2px;right:2px;background:#ff6b6b;border:none;color:#fff;border-radius:50%;width:18px;height:18px;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;line-height:1}.fc-image-url{flex:1 1;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:8px;color:var(--input-text);font-size:.85rem;min-width:0}.fc-image-url:focus{outline:none;border-color:var(--accent)}.fc-input-group{position:relative;transition:opacity .2s}.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{font-size:.78rem;color:var(--title-color);margin-top:6px;font-style:italic}.fc-or-divider{text-align:center;font-size:.78rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;margin:8px 0}.fc-dropzone-disabled{cursor:not-allowed;opacity:.5}.fc-export-row{display:flex;gap:12px;margin-top:12px}.memory-creator h3{color:var(--text-heading);font-size:1.2rem;margin-bottom:16px}.memory-pairs-list{margin:24px 0;padding:20px;background:var(--bg-tertiary);border-radius:12px}.memory-pairs-list h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.pair-item{justify-content:space-between;padding:12px 14px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px}.pair-content,.pair-item{display:flex;align-items:center;gap:12px}.pair-content{flex:1 1;font-size:.9rem}.pair-number{color:var(--accent);font-weight:700;min-width:35px}.pair-value{color:var(--text-secondary);flex:1 1}.pair-divider{color:var(--accent);font-size:1.2rem}.memory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.memory-stats{display:flex;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--text-hint);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-heading);font-size:1.3rem;font-weight:700}.memory-win{background:linear-gradient(135deg,#55efc422,#00d2d322);border:2px solid #55efc4;border-radius:12px;padding:20px;text-align:center;margin-bottom:20px;animation:popIn .4s ease-out}.memory-win h3{color:#55efc4;font-size:1.5rem;margin-bottom:8px}.memory-win p{color:var(--text-muted);font-size:.95rem}.memory-grid{display:grid;grid-gap:12px;gap:12px;margin-bottom:20px}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.memory-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-back,.memory-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;padding:12px;text-align:center;word-break:break-word}.memory-card-front{background:var(--accent-gradient);color:var(--accent-text);font-size:2.5rem}.memory-card-back{background:linear-gradient(135deg,#55efc4,#00d2d3);color:#1a1a2e;font-size:1rem;line-height:1.3;transform:rotateY(180deg)}.memory-card.matched .memory-card-back{background:linear-gradient(135deg,var(--title-color),#ff9ff3);animation:matchedPulse .6s ease-out}@keyframes matchedPulse{0%,to{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}.info-section h3{font-size:1.05rem;color:#48dbfb;margin-bottom:12px;font-weight:700}.info-section p{font-size:.88rem;line-height:1.7;color:var(--text-muted);margin-bottom:12px}.info-section ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-section li{padding:10px 14px;background:var(--bg-tertiary);border-radius:8px;font-size:.85rem;color:var(--text-secondary);line-height:1.5;border-left:3px solid var(--accent)}.classification-creator h3{color:var(--text-heading);font-size:1.2rem;margin-bottom:16px}.categories-list{margin:20px 0;padding:16px;background:var(--bg-tertiary);border-radius:12px}.categories-list h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.category-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;color:#fff;font-weight:600;margin-right:8px;margin-bottom:8px;font-size:.9rem}.category-badge button{background:hsla(0,0%,100%,.3);border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:1.1rem;line-height:1;transition:background .2s}.category-badge button:hover{background:hsla(0,0%,100%,.5)}.items-by-category{margin:24px 0;padding:20px;background:var(--bg-tertiary);border-radius:12px}.items-by-category h4{color:var(--text-muted);font-size:.9rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.category-section{margin-bottom:16px}.category-section h5{font-size:1rem;margin-bottom:8px;font-weight:700}.items-grid{display:flex;flex-wrap:wrap;gap:8px}.item-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:16px;color:var(--text-secondary);font-size:.85rem}.item-tag button{background:var(--border-input);border:none;color:var(--text-hint);width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;transition:all .2s}.item-tag button:hover{background:#ff6b6b;color:#fff}.classification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.classification-header h3{color:var(--text-heading);font-size:1.2rem}.classification-pool{background:var(--bg-tertiary);border-radius:12px;padding:20px;margin-bottom:24px}.classification-pool h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.items-pool{display:flex;flex-wrap:wrap;gap:10px}.pool-item{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--bg-secondary);border-radius:8px;transition:all .2s}.pool-item.draggable{cursor:-webkit-grab;cursor:grab;border:2px solid transparent}.pool-item.draggable:hover{border-color:var(--accent);background:var(--hover-bg)}.pool-item.dragging{opacity:.5;cursor:-webkit-grabbing;cursor:grabbing;transform:scale(.95)}.drag-handle{color:var(--accent);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.pool-item span{flex:1 1;color:var(--text-secondary);font-weight:500}.pool-item select{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-input);border-radius:6px;color:var(--input-text);font-size:.85rem;min-width:150px}.classification-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.classification-category{background:var(--bg-tertiary);border:2px solid;border-radius:12px;overflow:hidden;transition:all .3s}.classification-category.drag-over{background:var(--accent-light);border-width:3px;box-shadow:0 0 20px var(--accent-shadow);transform:scale(1.02)}.category-header{padding:12px;color:#fff;font-weight:700;text-align:center;font-size:.95rem}.category-items{padding:12px;min-height:100px;transition:min-height .2s}.classification-category.drag-over .category-items{min-height:120px}.empty-category{color:var(--text-faint);font-size:.85rem;font-style:italic;text-align:center;padding:20px 0}.category-item{padding:8px 12px;background:var(--bg-secondary);border-radius:6px;margin-bottom:6px;color:var(--text-secondary);font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.category-item.correct{background:#55efc422;border:1px solid #55efc4;color:#55efc4}[data-theme=light] .category-item.correct{background:#d4f8e8;border:1px solid #00b894;color:#00875a}.category-item.incorrect{background:#ff6b6b22;border:1px solid #ff6b6b;color:#ff6b6b}[data-theme=light] .category-item.incorrect{background:#ffe0e0;border:1px solid #e74c3c;color:#c0392b}.item-icon{font-weight:700;font-size:1.1rem}.classification-results{background:linear-gradient(135deg,var(--accent-light),var(--accent-light-end));border:2px solid var(--accent);border-radius:12px;padding:24px;text-align:center}.classification-results h3{color:var(--accent);font-size:1.5rem;margin-bottom:8px}.classification-results p{color:var(--text-muted);font-size:.95rem;margin-bottom:16px}.anagram-creator h3,.association-creator h3,.complete-creator h3{color:var(--text-heading);font-size:1.2rem;margin-bottom:16px}.anagram-words-list,.association-pairs-list,.complete-phrases-list{margin:24px 0;padding:20px;background:var(--bg-tertiary);border-radius:12px}.anagram-words-list h4,.association-pairs-list h4,.complete-phrases-list h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.anagram-word-item,.association-pair-item,.complete-phrase-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px}.pair-content,.phrase-content,.word-content{flex:1 1;display:flex;align-items:center;gap:12px}.pair-number,.phrase-number,.word-number{color:var(--accent);font-weight:700;min-width:35px}.word-text{color:var(--text-heading);font-weight:600;font-size:.95rem}.word-hint{color:var(--text-muted);font-size:.85rem;font-style:italic}.anagram-header,.association-header,.complete-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.anagram-header h3,.association-header h3,.complete-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);border-radius:16px;padding:40px 24px;margin-bottom:24px;text-align:center}.scrambled-word{font-size:3rem;font-weight:800;color:var(--text-heading);letter-spacing:8px;margin-bottom:16px}.phrase-text{font-size:1.8rem;font-weight:600;color:var(--text-heading);line-height:1.6}.anagram-hint{display:inline-block;background:var(--bg-tertiary);color:var(--title-color);font-size:.95rem;font-weight:600;padding:8px 16px;border-radius:8px;margin-top:16px}.anagram-feedback,.complete-feedback{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border-radius:12px;margin-bottom:20px;font-size:1.1rem;animation:popIn .3s ease-out}.anagram-feedback.correct,.complete-feedback.correct{background:#55efc422;border:2px solid #55efc4;color:#55efc4}.anagram-feedback.incorrect,.complete-feedback.incorrect{background:#ff6b6b22;border:2px solid #ff6b6b;color:#ff6b6b}.feedback-icon{font-size:2rem;font-weight:700}.feedback-text strong{color:var(--text-heading)}.anagram-controls,.complete-controls{display:flex;gap:12px}.anagram-results,.complete-results{text-align:center}.anagram-results h2,.complete-results h2{color:var(--text-heading);font-size:2rem;margin-bottom:24px}.anagram-score,.complete-score{margin-bottom:32px}.phrase-preview{padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px;color:var(--text-secondary);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);display:block;margin-top:6px}.association-game{margin-bottom:24px}.association-column h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.association-item{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:10px}.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-weight:600;font-size:.95rem}.association-item select{padding:8px 12px;border:1px solid var(--border-input);color:var(--input-text)}.association-item select,.matched-definition{background:var(--bg-secondary);border-radius:6px;font-size:.85rem}.matched-definition{color:var(--text-secondary);padding:8px}.association-results{background:linear-gradient(135deg,var(--accent-light),var(--accent-light-end));border:2px solid var(--accent);border-radius:12px;padding:24px;text-align:center}.association-results h3{color:var(--accent);font-size:1.5rem;margin-bottom:8px}.association-results p{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}.correct-associations{text-align:left;margin-bottom:20px}.correct-associations h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.correct-pair{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:8px;font-size:.88rem}.pair-term{color:var(--text-heading);font-weight:600;min-width:30%}.pair-arrow{color:var(--accent);font-size:1.2rem}.pair-def{color:var(--text-secondary);flex:1 1}.pair-details{flex:1 1}.pair-term-display{color:var(--text-heading);font-weight:600;margin-bottom:4px}.pair-def-display{color:var(--text-muted);font-size:.85rem}.association-pool{background:var(--bg-tertiary);border-radius:12px;padding:20px;margin-bottom:24px;border:2px dashed #333;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.1)}.association-pool h4{color:var(--text-muted);font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.definitions-pool{display:flex;flex-wrap:wrap;gap:10px;min-height:40px}.definitions-pool .pool-item{padding:10px 18px;background:var(--assoc-pill-bg);color:var(--assoc-pill-text);border-radius:25px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.definitions-pool .pool-item .drag-handle,.definitions-pool .pool-item span{color:var(--assoc-pill-text)}.definitions-pool .pool-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.definitions-pool .pool-item.dragging{opacity:.5}.drag-handle{opacity:.7;font-size:1.1rem}.association-terms{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.association-term-row{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--bg-tertiary);border-radius:12px;border:2px solid var(--border-primary);transition:all .3s}@media (max-width:600px){.association-terms{grid-template-columns:1fr}}.association-term-row.drag-over{transform:scale(1.02);box-shadow:0 8px 30px rgba(0,0,0,.3);border-color:var(--assoc-pill-bg);background:var(--bg-secondary)}.term-box{font-weight:600;color:var(--text-heading);font-size:1.05rem}.definition-box-label{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.definition-box{padding:10px 20px;background:var(--bg-tertiary);border:2px dashed var(--border-input);border-radius:25px;min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-hint);font-style:italic;font-size:.95rem;transition:all .2s}.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{background:#55efc422;border-color:#55efc4;color:#55efc4}.definition-box.incorrect{background:#ff6b6b22;border-color:#ff6b6b;color:#ff6b6b}.match-icon{margin-left:8px;font-weight:700;font-size:1.1rem}.site-footer{width:min(1400px,95%);margin:0 auto;padding:0 16px 40px}.footer-about{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:24px 28px;margin-bottom:16px}.footer-about h3{font-size:1.05rem;color:var(--title-color);margin-bottom:14px;font-weight:700}.footer-about p{font-size:.88rem;line-height:1.75;color:var(--text-muted);margin-bottom:12px}.footer-about p:last-child{margin-bottom:0}.footer-about strong{color:var(--text-secondary)}.footer-bottom{text-align:center;font-size:.78rem;color:var(--text-faint);padding:8px 0}.footer-sep{margin:0 8px}::-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);font-size:.9rem;margin-bottom:16px;text-align:center}.letters-container{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:20px;background:var(--bg-tertiary);border-radius:16px;min-height:100px;align-items:center}.drop-zone{width:8px;height:70px;margin:0 2px;border-radius:4px;transition:all .2s ease;position:relative}.drop-zone.active{width:16px;background:rgba(72,219,251,.3);border:2px dashed #48dbfb;animation:dropZonePulse .6s ease-in-out infinite}.drop-zone.active:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:90%;background:#48dbfb;border-radius:2px;box-shadow:0 0 10px #48dbfb}@keyframes dropZonePulse{0%,to{background:rgba(72,219,251,.2)}50%{background:rgba(72,219,251,.4)}}.letter-tile{width:30px;height:30px;background:linear-gradient(145deg,var(--accent),var(--accent-end));border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:var(--accent-text);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 12px var(--accent-shadow);transition:all .3s ease;text-transform:uppercase;position:relative}.letter-tile.small{width:24px;height:24px;font-size:.75rem;border-radius:5px}.letter-tile.tiny{width:20px;height:20px;font-size:.6rem;border-radius:4px}.letter-tile:hover:not(.disabled){transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px var(--accent-shadow)}.letter-tile:active:not(.disabled){cursor:-webkit-grabbing;cursor:grabbing}.letter-tile.dragging{opacity:.4;transform:scale(.95) rotate(5deg);box-shadow:0 8px 24px var(--accent-shadow)}.letter-tile.drop-before:before{left:-5px}.letter-tile.drop-after:after,.letter-tile.drop-before:before{content:"";position:absolute;top:10%;width:4px;height:80%;background:#48dbfb;border-radius:2px;box-shadow:0 0 8px #48dbfb;z-index:2}.letter-tile.drop-after:after{right:-5px}.letter-tile.disabled{cursor:not-allowed;opacity:.6}.letter-tile.disabled:hover{transform:none;box-shadow:0 4px 12px var(--accent-shadow)}.bingo-settings-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary);margin-bottom:16px}.bingo-setting{display:flex;flex-direction:column;gap:6px}.bingo-setting label{font-size:.78rem;color:var(--text-hint);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.bingo-setting input[type=text]{padding:9px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--input-text);font-size:1rem;width:160px}.bingo-setting input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.bingo-color-picker{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;background:transparent;padding:0}.bingo-color-preview{width:48px;height:32px;border-radius:6px;border:2px solid var(--border-primary)}.bingo-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:16px;margin-bottom:12px}.bingo-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bingo-section-header h3{margin:0;font-size:.9rem;color:var(--text-secondary);font-weight:600}.bingo-pool-count{font-size:.78rem;color:var(--accent);font-weight:600}.bingo-clear-btn{background:none;border:1px solid #ff6b6b44;color:#ff6b6b;font-size:.75rem;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.bingo-clear-btn:hover{background:#ff6b6b22}.bingo-add-group{margin-bottom:12px}.bingo-add-group textarea{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--input-text);font-size:.9rem;resize:vertical;font-family:inherit;margin-bottom:8px;box-sizing:border-box}.bingo-add-group .btn-primary{width:100%}.bingo-image-row{display:flex;gap:6px;margin-bottom:8px}.bingo-image-row input[type=text]{flex:1 1;padding:9px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--input-text);font-size:.9rem;min-width:0}.bingo-upload-btn{cursor:pointer;display:inline-flex;align-items:center}.bingo-grid-selector{display:flex;gap:6px}.bingo-grid-option{padding:7px 16px;border:2px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-muted);border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.bingo-grid-option:hover{border-color:var(--accent)}.bingo-grid-option.active{background:var(--accent-gradient);border-color:transparent;color:var(--accent-text)}.bingo-drop-zone{border:2px dashed var(--border-primary);border-radius:8px;padding:12px;text-align:center;background:var(--bg-secondary);color:var(--text-faint);font-size:.8rem;transition:border-color .2s}.bingo-drop-zone:focus,.bingo-drop-zone:hover{border-color:var(--accent);outline:none}.bingo-pool-list{display:flex;flex-wrap:wrap;gap:6px}.bingo-pool-item{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:4px 8px;font-size:.85rem;color:var(--text-secondary)}.bingo-pool-item .pool-item-content{display:inline-flex;align-items:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bingo-pool-item .pool-item-actions{display:inline-flex;gap:4px;align-items:center}.bingo-cell-editor-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999}.bingo-cell-editor{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-tertiary);border:1px solid var(--border-hover);border-radius:12px;padding:20px;z-index:1000;width:320px;max-width:90vw}.bingo-print-cell img{max-width:90%;max-height:90%;object-fit:contain}.tool-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.tool-two-col-guide{position:-webkit-sticky;position:sticky;top:20px}.tool-two-col-guide .tool-guide{padding:0}.tool-two-col-guide .guide-section{padding:18px 20px;margin-bottom:12px}.tool-two-col-guide .guide-heading{font-size:1.1rem;margin-bottom:14px}.tool-two-col-guide .guide-subheading{font-size:.95rem;margin-bottom:10px}.tool-two-col-guide .guide-step{font-size:.82rem;padding-left:30px;gap:2px}.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 p,.tool-two-col-guide .guide-faq-item summary{font-size:.82rem}.bingo-add-group .btn-primary{width:auto;display:inline-block;padding:10px 24px;font-size:.9rem;margin-bottom:0}.bingo-generate-btn{width:auto!important;display:inline-flex!important;align-items:center;justify-content:center;padding:12px 32px!important;font-size:.95rem!important;margin-top:8px}.bingo-caller{max-width:640px;margin:0 auto}.bingo-caller-header{text-align:center;padding:20px 24px;border-radius:12px;color:#fff;margin-bottom:20px}.bingo-caller-title{font-size:2rem;font-weight:800;letter-spacing:.2em;margin:0 0 4px}.bingo-caller-stats{font-size:.9rem;opacity:.85}.bingo-caller-current{display:flex;justify-content:center;margin-bottom:20px}.bingo-caller-current-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:420px;min-height:260px;padding:40px 52px;border:4px solid var(--accent);border-radius:16px;background:var(--bg-secondary);font-size:2rem;font-weight:700;text-align:center;word-break:break-word;animation:callerPop .3s ease-out}.bingo-caller-current-item img{max-width:364px;max-height:286px;object-fit:contain;border-radius:8px}.bingo-caller-ready{font-size:1.1rem;font-weight:400;color:var(--text-hint);gap:8px}.bingo-caller-ready i{font-size:2rem;opacity:.4}@keyframes callerPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.bingo-caller-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.bingo-caller-next-btn{font-size:1.15rem!important;padding:14px 36px!important;display:inline-flex;align-items:center;gap:8px}.bingo-caller-remaining{font-size:.8rem;opacity:.75;font-weight:400}.bingo-caller-bingo-btn{font-size:1.15rem;padding:14px 36px;background:linear-gradient(135deg,#f9ca24,#f0932b);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:800;letter-spacing:.1em;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s}.bingo-caller-bingo-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 4px 16px rgba(240,147,43,.4)}.bingo-caller-bingo-btn:disabled{opacity:.4;cursor:not-allowed}.bingo-caller-won{text-align:center;padding:40px 20px}.bingo-caller-won-icon{font-size:4rem;color:#f9ca24;margin-bottom:12px;animation:callerPop .5s ease-out}.bingo-caller-won h2{font-size:3rem;font-weight:900;letter-spacing:.2em;background:linear-gradient(135deg,#f9ca24,#f0932b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.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{font-size:.95rem;color:var(--text-muted);margin:0 0 10px}.bingo-caller-history-grid{display:flex;flex-wrap:wrap;gap:6px}.bingo-caller-history-item{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);font-size:.85rem}.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{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);height:100vh;overflow:hidden;border:none;border-radius:0;padding:0}.panel-fullscreen .timer-presets,.panel-fullscreen .traffic-controls,.panel-fullscreen .traffic-shortcuts{display:none!important}.panel-fullscreen .controls{flex-shrink:0;flex-wrap:wrap;justify-content:center;padding:16px 24px 0;width:auto;max-width:600px;gap:12px}.panel-fullscreen .timer-display{flex:1 1;display:flex;align-items:center;justify-content:center}.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{gap:16px;padding:24px 0;flex-shrink:0}.panel-fullscreen .traffic-light-container{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vmin;padding:2vmin 0}.panel-fullscreen .traffic-light{width:18vmin;height:18vmin}.panel-fullscreen .traffic-light .light-icon{font-size:6vmin}.panel-fullscreen .traffic-info{flex-shrink:0;text-align:center;padding:0 20px}.panel-fullscreen .traffic-info h3{font-size:2.5rem}.panel-fullscreen .traffic-info p{font-size:1.3rem;margin-bottom:8px}.panel-fullscreen .fullscreen-btn{flex-shrink:0;margin:16px 0 24px!important;width:auto!important;align-self:center}.panel-fullscreen .btn-row{flex-shrink:0;width:auto;align-self:center;margin:12px 0 0;justify-content:center}.panel-fullscreen .btn-row .btn-primary{flex:0 0 auto;width:auto!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px}.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;font-size:.85rem!important;padding:8px 16px!important;margin-top:16px!important}.fullscreen-btn:hover{border-color:var(--accent)!important;color:var(--text-heading)!important}.panel-fullscreen .result-area{flex:1 1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:24px;width:100%}.panel-fullscreen .table-loaded>.btn-primary:not(.fullscreen-btn),.panel-fullscreen>.btn-primary:not(.fullscreen-btn){flex-shrink:0;margin:12px 0 0;width:auto!important;display:inline-flex!important;padding:10px 24px}.panel-fullscreen .dice{width:min(30vmin,240px);height:min(30vmin,240px)}.panel-fullscreen .dice-total{font-size:min(6vmin,3rem);width:100%;text-align:center}.panel-fullscreen .coin{width:min(30vmin,240px);height:min(30vmin,240px)}.panel-fullscreen .coin-stats{font-size:min(4vmin,1.8rem);width:100%;text-align:center}.panel-fullscreen .card{transform:scale(1.6);margin:16px}.panel-fullscreen .winner-name{font-size:min(8vmin,3.5rem);padding:16px 32px}.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 .table-file-info,.panel-fullscreen .table-preview-wrapper,.panel-fullscreen .upload-zone{display:none!important}.panel-fullscreen .table-loaded{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.panel-fullscreen .table-loaded .result-area{flex:1 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{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.paywall-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:32px;width:420px;max-width:90vw;position:relative;text-align:center;z-index:1000;box-shadow:0 20px 60px var(--shadow-color)}.paywall-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.paywall-close:hover{border-color:#ff6b6b;color:#ff6b6b}.paywall-icon{font-size:3rem;margin-bottom:16px;color:var(--text-heading)}.paywall-modal h2{color:var(--text-heading);font-size:1.4rem;margin-bottom:12px}.paywall-modal p{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin-bottom:24px}.paywall-cta{display:block;width:100%;padding:14px;border:none;border-radius:12px;background:var(--accent-gradient);color:var(--accent-text);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.paywall-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-shadow)}.paywall-dismiss{margin-top:12px;padding:8px 16px;border:none;background:transparent;color:var(--text-hint);cursor:pointer;font-size:.85rem;transition:color .2s}.paywall-dismiss:hover{color:var(--text-primary)}.waitlist-pitch{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:20px;border-top:1px solid var(--border-primary);padding-top:16px}.waitlist-form{display:flex;flex-direction:column;gap:10px}.waitlist-input{width:100%;padding:12px 14px;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}.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;font-size:.85rem;margin-top:8px}.save-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.save-dialog-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:32px;width:420px;max-width:90vw;position:relative;text-align:center;z-index:1000;box-shadow:0 20px 60px var(--shadow-color)}.save-dialog-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.save-dialog-close:hover{border-color:#ff6b6b;color:#ff6b6b}.save-dialog-icon{font-size:2.5rem;margin-bottom:12px;color:var(--text-heading)}.save-dialog-modal h2{color:var(--text-heading);font-size:1.3rem;margin-bottom:8px}.save-dialog-modal p{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.save-dialog-field{margin-bottom:20px;text-align:left}.save-dialog-field label{display:block;color:var(--text-primary);font-size:.85rem;margin-bottom:6px;font-weight:500}.save-dialog-field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .2s}.save-dialog-field input:focus,.save-dialog-field textarea:focus{border-color:var(--text-heading)}.save-dialog-field textarea{width:100%;padding:12px 14px;color:var(--text-primary);font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit;resize:vertical}.save-dialog-field textarea,.save-dialog-toggle-row{border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-tertiary)}.save-dialog-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-bottom:24px}.save-dialog-toggle-label{text-align:left}.save-dialog-toggle-label span:first-child{display:block;color:var(--text-primary);font-size:.95rem;font-weight:500}.save-dialog-toggle-label span:last-child{display:block;color:var(--text-muted);font-size:.8rem;margin-top:2px}.save-dialog-switch{width:44px;height:24px;border-radius:12px;background:var(--border-primary);position:relative;cursor:pointer;flex-shrink:0;margin-left:12px;border:none;padding:0;transition:background .2s}.save-dialog-switch.active{background:var(--accent-gradient)}.save-dialog-switch:after{content:"";width:20px;height:20px;border-radius:50%;background:var(--text-muted);position:absolute;top:2px;left:2px;transition:all .2s}.save-dialog-switch.active:after{left:22px;background:var(--accent-text)}.save-dialog-buttons{display:flex;gap:10px}.save-dialog-buttons button{flex:1 1;padding:12px;border-radius:10px;font-size:.95rem;cursor:pointer;transition:all .2s}.save-dialog-buttons .save-dialog-cancel{border:1px solid var(--border-primary);background:transparent;color:var(--text-primary)}.save-dialog-buttons .save-dialog-cancel:hover{border-color:var(--text-muted)}.save-dialog-buttons .save-dialog-submit{border:none;background:var(--accent-gradient);color:var(--accent-text);font-weight:600}.save-dialog-buttons .save-dialog-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-shadow)}.save-dialog-buttons .save-dialog-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:16px 24px;z-index:1001;box-shadow:0 -4px 20px var(--shadow-color);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-content{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:20px}.cookie-banner-content p{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:0;flex:1 1}.cookie-banner-actions{display:flex;gap:10px;flex-shrink:0}.cookie-btn-accept{padding:10px 20px;border:none;border-radius:10px;background:var(--accent-gradient);color:var(--accent-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cookie-btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-shadow)}.cookie-btn-decline{padding:10px 20px;border:1px solid var(--border-hover);border-radius:10px;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.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{width:100%}.cookie-btn-accept,.cookie-btn-decline{flex:1 1}}.newsletter-banner{position:fixed;bottom:0;left:0;right:0;z-index:998;background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:14px 24px;display:flex;align-items:center;gap:12px;animation:bannerSlideUp .4s ease-out;box-shadow:0 -2px 12px rgba(0,0,0,.08)}@keyframes bannerSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.newsletter-banner-content{flex:1 1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.newsletter-banner-text{color:var(--text-primary);font-size:.9rem;margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.newsletter-banner-text i{color:var(--accent);font-size:1rem}.newsletter-banner-form{display:flex;gap:8px;align-items:center}.newsletter-banner-input{padding:8px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;width:220px;outline:none;transition:border-color .2s}.newsletter-banner-input:focus{border-color:var(--accent)}.newsletter-banner-input::placeholder{color:var(--text-hint)}.newsletter-banner-btn{padding:8px 18px;background:var(--accent-gradient);color:var(--accent-text);border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s}.newsletter-banner-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-shadow)}.newsletter-banner-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.newsletter-banner-close{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:4px 8px;line-height:1;opacity:.6;transition:opacity .2s;flex-shrink:0}.newsletter-banner-close:hover{opacity:1}.newsletter-banner-error{color:#e03131;font-size:.8rem;margin:4px 0 0;width:100%}.newsletter-banner-success{color:#51cf66;font-size:.9rem;font-weight:600;margin:0}@media (max-width:600px){.newsletter-banner{padding:12px 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}}.thanks-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.thanks-card{text-align:center;max-width:460px}.thanks-icon{font-size:3.5rem;color:#51cf66;margin-bottom:16px}.thanks-card h1{color:var(--text-heading);font-size:2rem;margin-bottom:12px}.thanks-card p{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:28px}.thanks-back{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-gradient);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s}.thanks-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-shadow)}.thanks-redirect{color:var(--text-primary);font-size:1rem;font-weight:600;margin-top:12px}.usage-banner{position:fixed;bottom:16px;left:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;padding:6px 14px;font-size:.75rem;color:var(--text-muted);z-index:100;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px var(--shadow-color);animation:fadeIn .3s ease;cursor:pointer;transition:all .2s}.usage-banner:hover{border-color:var(--accent)}.usage-banner-count{font-weight:700;color:var(--text-heading)}.usage-banner-pro{background:var(--accent-gradient);border-color:transparent;color:var(--accent-text);cursor:default}.usage-banner-pro span{font-weight:700;font-size:.8rem}.pro-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#55efc4,#00b894);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;z-index:1001;box-shadow:0 4px 16px rgba(0,184,148,.4);animation:slideDown .3s ease,fadeOut .5s ease 2.5s forwards}@keyframes slideDown{0%{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@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{padding:8px 12px;font-size:.78rem;border-radius:8px}.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:25px;height:25px;font-size:.75rem}.letter-tile.small{width:20px;height:20px;font-size:.6rem}.letter-tile.tiny{width:17px;height:17px;font-size:.5rem}.drop-zone{width:6px;height:50px}.drop-zone.active{width:12px}.paywall-modal,.save-dialog-modal{padding:24px 16px}.usage-banner{bottom:10px;left:10px;font-size:.7rem}}.wordsearch-grid{display:grid;grid-gap:2px;gap:2px;max-width:600px;margin:20px auto;-moz-user-select:none;user-select:none;-webkit-user-select:none}.wordsearch-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(.7rem,2.5vw,1.2rem);font-weight:700;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;transition:background .15s,transform .1s;text-transform:uppercase;color:var(--text-primary)}.wordsearch-cell:hover{background:var(--hover-bg);transform:scale(1.05)}.wordsearch-cell.selecting{background:rgba(72,219,251,.3);border-color:#48dbfb;transform:scale(1.08)}.wordsearch-cell.found{border-color:transparent;font-weight:800}.wordsearch-wordbank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:12px}.wordsearch-wordbank-item{padding:6px 14px;background:var(--border-primary);border:2px solid var(--border-hover);border-radius:20px;font-weight:600;font-size:.9rem;color:var(--text-primary);transition:all .3s}.wordsearch-wordbank-item.found{text-decoration:line-through;opacity:.5}.wordsearch-options{margin-top:20px;padding:16px;background:var(--bg-tertiary);border-radius:12px}.wordsearch-options h4{color:var(--text-heading);margin-bottom:12px}.wordsearch-option-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.wordsearch-option-row label{color:var(--text-secondary);display:flex;align-items:center;gap:8px;cursor:pointer}.wordsearch-option-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.wordsearch-size-buttons{display:flex;gap:8px}.wordsearch-size-btn{padding:6px 14px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-muted);font-weight:600;cursor:pointer;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{max-width:100%;gap:1px}.wordsearch-cell{font-size:clamp(.5rem,2vw,.9rem);border-radius:2px}.wordsearch-wordbank-item{font-size:.75rem;padding:4px 10px}.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;padding:24px 28px;margin-bottom:16px}.guide-heading{font-size:1.25rem;margin-bottom:18px}.guide-heading,.guide-subheading{color:var(--text-heading);font-weight:700}.guide-subheading{font-size:1.05rem;margin-bottom:14px}.guide-steps{list-style:none;counter-reset:guide-step;padding:0;margin:0;gap:14px}.guide-step,.guide-steps{display:flex;flex-direction:column}.guide-step{counter-increment:guide-step;gap:4px;padding-left:36px;position:relative;font-size:.9rem;line-height:1.6}.guide-step:before{content:counter(guide-step);position:absolute;left:0;top:0;width:24px;height:24px;background:var(--accent-gradient);color:var(--accent-text);border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.guide-step strong{color:var(--text-heading);font-weight:600}.guide-step span{color:var(--text-muted)}.guide-tips,.guide-use-cases{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.guide-tips li,.guide-use-cases li{position:relative;padding-left:24px;font-size:.9rem;line-height:1.6;color:var(--text-muted)}.guide-tips li:before{content:"\2714";position:absolute;left:0;color:#55efc4;font-size:.85rem}.guide-use-cases li:before{content:"\25B8";position:absolute;left:0;color:var(--title-color);font-size:1rem}.guide-faq{display:flex;flex-direction:column;gap:8px}.guide-faq-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;overflow:hidden;transition:border-color .2s}.guide-faq-item[open]{border-color:var(--accent)}.guide-faq-item summary{padding:12px 16px;font-size:.9rem;font-weight:600;color:var(--text-heading);cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}.guide-faq-item summary::-webkit-details-marker{display:none}.guide-faq-item summary:before{content:"+";font-size:1.1rem;font-weight:700;color:var(--accent);flex-shrink:0;width:20px;text-align:center;transition:transform .2s}.guide-faq-item[open] summary:before{content:"\2212"}.guide-faq-item p{padding:0 16px 14px 46px;font-size:.88rem;line-height:1.7;color:var(--text-muted);margin:0}.feature-carousel{margin-top:24px;position:relative;overflow:hidden;padding:30px 0 20px}.feature-carousel-track{display:flex;justify-content:center;align-items:center;position:relative;height:240px}.home-feature-card.carousel-card{position:absolute;width:260px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-feature-card.carousel-card-active{border-color:var(--accent);box-shadow:0 4px 24px rgba(0,0,0,.12)}.home-feature-card .feature-icon{font-size:2rem;margin-bottom:10px}.home-feature-card h3{color:var(--text-heading);font-size:.95rem;font-weight:800;margin-bottom:8px}.home-feature-card p{color:var(--text-primary);font-size:.85rem;line-height:1.6;font-weight:500}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border-primary);cursor:pointer;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;padding:24px 28px;margin-top:24px}.home-why-section h2{font-size:1.25rem;color:var(--text-heading);margin-bottom:14px;font-weight:700}.home-why-section p{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-bottom:12px}.home-why-section p:last-child{margin-bottom:0}.home-faq-section{margin-top:24px}.home-faq-section h2{font-size:1.25rem;color:var(--text-heading);margin-bottom:14px;font-weight:700;text-align:center}.teachers-workflows{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:24px 28px;margin-top:24px}.teachers-workflows h2{font-size:1.15rem;color:var(--text-heading);margin-bottom:14px;font-weight:700}.teachers-workflows p{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-bottom:12px}.workflow-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.workflow-list li{padding-left:24px;position:relative;font-size:.9rem;line-height:1.6;color:var(--text-muted)}.workflow-list li:before{content:"\1F4A1";position:absolute;left:0;font-size:.85rem}@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{position:relative;height:0;overflow:visible;z-index:10;pointer-events:none;margin-bottom:0}.animated-owl{position:absolute;left:40px;bottom:-3px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.teachers-panel-with-owl{position:relative;overflow:visible}.owl-perch-anchor{position:absolute;top:-113px;left:20px;z-index:10}.animated-owl-perched,.owl-perch-anchor{pointer-events:none;width:100px;height:116px}.animated-owl-perched{position:relative}.animated-owl-perched .animated-owl{position:absolute;bottom:0;left:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.owl-speech-bubble{bottom:calc(100% + 4px);background:var(--bg-secondary,#2a2a2a);color:var(--text-primary,#e0e0e0);border:1px solid var(--border-primary,#444);border-radius:12px;padding:8px 14px;font-size:.82rem;font-weight:600;white-space:nowrap;pointer-events:none;animation:owlBubbleIn .3s ease-out;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:20}.owl-speech-bubble,.owl-speech-bubble:after{position:absolute;left:50%;transform:translateX(-50%)}.owl-speech-bubble:after{content:"";top:100%;border:6px solid transparent;border-top:6px solid var(--border-primary,#444)}@keyframes owlBubbleIn{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.screenshot-gallery{margin:32px 0;text-align:center}.screenshot-gallery h2{color:var(--text-heading);font-size:1.4rem;margin-bottom:8px}.screenshot-gallery-subtitle{color:var(--text-muted);font-size:.92rem;margin-bottom:20px}.screenshot-masonry{column-count:4;column-gap:16px}.screenshot-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-bottom:16px;page-break-inside:avoid;break-inside:avoid}.screenshot-item img{width:100%;height:auto;border-radius:8px;display:block}.screenshot-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.screenshot-img-wrap{position:relative;perspective:900px;width:100%}.screenshot-label{font-size:.88rem;font-weight:600;color:var(--text-heading)}.screenshot-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.screenshot-lightbox-content{position:relative;max-width:900px;width:100%;background:var(--bg-secondary);border-radius:16px;padding:16px}.screenshot-lightbox-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.screenshot-lightbox-label{text-align:center;font-weight:600;color:var(--text-heading);margin-top:10px;font-size:1rem}@media (max-width:950px){.screenshot-masonry{column-count:3}}@media (max-width:700px){.screenshot-masonry{column-count:2;column-gap:10px}.animated-owl-wrapper{height:0;overflow:visible;display:flex;justify-content:center;margin-bottom:40px}.teachers-panel-with-owl{margin-top:63px}.owl-perch-anchor{left:50%;transform:translateX(-50%);top:-63px}.animated-owl-perched,.owl-perch-anchor{width:55px;height:64px}.animated-owl,.animated-owl-perched .animated-owl{width:55px;height:auto}.animated-owl{position:absolute;left:50%;transform:translateX(-50%);bottom:-42px}}body:has(.student-layout)>.cookie-consent,body:has(.student-layout)>.newsletter-banner-wrapper,body:has(.student-layout)>.newsletter-modal-overlay,body:has(.student-layout)>.paywall-overlay,body:has(.student-layout)>.pro-activator,body:has(.student-layout)>.site-footer,body:has(.student-layout)>.top-toolbar,body:has(.student-layout)>.usage-banner{display:none!important}.student-layout{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.student-container{flex:1 1;display:flex;flex-direction:column;max-width:900px;width:100%;margin:0 auto;padding:16px}@media (max-width:600px){.student-container{padding:8px}}.share-panel-wrapper{position:relative}.share-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:320px;background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.15)}.share-panel-header{display:flex;align-items:center;justify-content:space-between}.share-panel-header h4{margin:0;font-size:.95rem;color:var(--text-color)}.share-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.share-panel-btn{flex:1 1;min-width:-moz-fit-content;min-width:fit-content;padding:10px 14px!important;font-size:.85rem!important;margin:0!important}.share-panel-qr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:8px;border:1px solid var(--border-color,#e0e0e0)}.share-panel-qr img{border-radius:4px}.share-panel-qr p{margin:0;font-size:.8rem;color:var(--text-muted,#666)}.account-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;z-index:1}.account-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;max-width:480px;width:100%;position:relative;z-index:1}.account-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.account-header h1{margin:0;font-size:1.4rem}.account-avatar{width:56px;height:56px;border-radius:50%}.account-email{margin:.25rem 0 0;color:var(--text-muted,#666);font-size:.9rem}.account-section{border-top:1px solid var(--border-primary);padding-top:1.25rem;margin-top:1.25rem}.account-section h2{margin:0 0 .75rem;font-size:1.1rem}.account-sub-info{display:flex;flex-direction:column;gap:.75rem}.account-sub-info p{margin:0;font-size:.95rem}.account-badge{display:inline-block;padding:.2rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;width:-moz-fit-content;width:fit-content}.account-badge-pro{background:#51cf66;color:#fff}.account-badge-admin{background:#845ef7;color:#fff}.account-badge-free{background:var(--accent-gradient);color:var(--accent-text)}.account-btn{display:inline-block;padding:.6rem 1.25rem;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-secondary);color:inherit;font-size:.95rem;font-weight:500;cursor:pointer;text-align:center;text-decoration:none;transition:opacity .15s}.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:transparent}.account-btn-accent{background:#51cf66;color:#fff;border-color:transparent}.account-btn-danger{color:#e03131;border-color:#e03131}.account-btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.account-back{display:block;margin-top:1.5rem;text-align:center;color:var(--text-muted,#666);text-decoration:none;font-size:.9rem}.account-back:hover{text-decoration:underline}.my-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-secondary);transition:border-color .2s}.my-activity-item:hover{border-color:var(--accent)}.my-activity-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}@media (max-width:600px){.my-activity-item{flex-direction:column;align-items:stretch}.my-activity-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;padding-top:10px;border-top:1px solid var(--border-primary)}.my-activity-actions .account-btn{width:100%;text-align:center;box-sizing:border-box}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-bone{border-radius:6px}.skeleton-bone,.skeleton-circle{background:linear-gradient(90deg,var(--border-primary) 25%,var(--hover-bg) 50%,var(--border-primary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-circle{border-radius:50%}.community-container{width:100%;max-width:960px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;position:relative;z-index:1}.community-header{text-align:center;margin-bottom:2rem}.community-header h1{font-size:1.6rem;margin-bottom:.5rem;color:var(--text-heading)}.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{display:flex;gap:0;margin-bottom:.75rem}.community-search-input{flex:1 1;padding:10px 14px;border:1px solid var(--border-primary);border-right:none;border-radius:8px 0 0 8px;background:var(--bg-secondary);color:var(--input-text);font-size:.9rem;outline:none;transition:border-color .2s}.community-search-input:focus{border-color:var(--accent)}.community-search-btn{padding:10px 16px;border:1px solid var(--border-primary);border-radius:0 8px 8px 0;background:var(--accent);color:var(--accent-text);cursor:pointer;font-size:.9rem;transition:opacity .2s}.community-search-btn:hover{opacity:.85}.community-filter-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.community-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;cursor:pointer}.community-count{color:var(--text-muted);font-size:.85rem;margin-left:auto}.community-loading{font-size:1rem}.community-empty,.community-loading{text-align:center;padding:3rem;color:var(--text-muted)}.community-empty i{font-size:2.5rem;margin-bottom:1rem;display:block}.community-empty-hint{font-size:.85rem;margin-top:.5rem}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.community-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s,box-shadow .2s}.community-card:hover{border-color:var(--accent);box-shadow:0 2px 12px var(--shadow-color)}.community-card-type{display:flex;align-items:center;gap:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);font-weight:600}.community-card-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-heading);line-height:1.3}.community-card-desc{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4}.community-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.community-card-author{font-weight:500;color:var(--text-secondary)}.community-card-stats i{margin-right:3px}.community-card-tags{display:flex;gap:.4rem;flex-wrap:wrap}.community-tag{font-size:.7rem;padding:2px 8px;border-radius:12px;background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.community-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.community-play-btn{flex:1 1;text-align:center;text-decoration:none}.community-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem}.community-page-info{font-size:.85rem;color:var(--text-muted)}.account-btn-community-active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.star-rating-container{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.star-rating-stars{display:flex;gap:2px}.star-rating-star{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-faint);padding:2px;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{font-size:.85rem;color:var(--text-muted)}.report-btn{background:none;border:1px solid var(--border-primary);border-radius:8px;padding:6px 10px;color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:color .2s,border-color .2s}.report-btn:hover{color:#e74c3c;border-color:#e74c3c}.report-submitted{font-size:.8rem;color:var(--accent);padding:6px 10px}.report-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.report-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:14px;padding:1.5rem;width:100%;max-width:420px}.report-modal h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-heading)}.report-modal p{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted)}.report-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--input-text);font-size:.9rem;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.report-textarea:focus{border-color:var(--accent)}.report-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.community-play-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;margin:.5rem auto;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px}@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{max-width:500px;margin:2rem auto;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:3rem 2rem;position:relative;z-index:1}.community-gate-icon{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}.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{display:inline-block;text-decoration:none;margin-top:.5rem}.toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:420px;width:calc(100% - 2rem)}.toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;pointer-events:auto;cursor:pointer;animation:toast-in .25s ease-out;box-shadow:0 4px 16px rgba(0,0,0,.25)}.toast-error{background:#2d1417;border:1px solid #6b2a2f;color:#f5a5a5}.toast-success{background:#142d1a;border:1px solid #2a6b35;color:#a5f5b5}.toast-info{background:#14202d;border:1px solid #2a4a6b;color:#a5c5f5}[data-theme=light] .toast-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}[data-theme=light] .toast-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}[data-theme=light] .toast-info{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-container{width:100%;max-width:720px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem}.admin-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.admin-report-list{display:flex;flex-direction:column;gap:.75rem}.admin-report-item{border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem;background:var(--bg-primary);transition:border-color .2s}.admin-report-item:hover{border-color:var(--accent)}.admin-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.admin-report-date{font-size:.8rem;color:var(--text-muted)}.admin-report-title{margin:0 0 .5rem;font-size:1.05rem;color:var(--text-heading);font-weight:600}.admin-report-reason{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary);font-style:italic;line-height:1.4}.admin-report-reason i{color:var(--text-faint);margin-right:4px;font-size:.75rem}.admin-report-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.admin-report-meta i{margin-right:4px}.admin-report-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-report-actions .account-btn{font-size:.85rem;padding:.45rem 1rem}.admin-report-status-badge{display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:20px}.admin-report-status-badge[data-status=reviewed]{background:var(--accent-light);color:var(--accent)}.admin-report-status-badge[data-status=removed]{background:#fef2f2;color:#e03131}[data-theme=dark] .admin-report-status-badge[data-status=removed]{background:#2d1417;color:#f5a5a5}@media (max-width:600px){.admin-container{padding:1.25rem}.admin-report-actions{flex-direction:column}.admin-report-actions .account-btn{text-align:center}}.lp-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-nav-logo{font-size:1.25rem;font-weight:700;color:var(--text-heading);text-decoration:none}.lp-nav-cta{display:inline-block;padding:8px 20px;margin-right:40px;border-radius:10px;background:var(--accent-gradient);color:var(--accent-text);font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.lp-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-shadow)}.lp-highlight{background:#d4edda;padding:2px 6px;border-radius:4px}.lp-hero{text-align:center;padding:80px 24px 40px;max-width:800px;margin:0 auto}.lp-hero-tagline{display:inline-block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:16px}.lp-hero h1{font-size:2.6rem;font-weight:800;line-height:1.15;color:var(--text-heading);margin-bottom:20px}.lp-hero-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.lp-hero-social-proof{font-size:.9rem;color:var(--text-muted);margin-bottom:12px;font-style:italic}.lp-hero-ctas{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:28px;flex-wrap:wrap}.lp-btn-primary{display:inline-block;padding:14px 32px;border-radius:12px;background:var(--accent-gradient);color:var(--accent-text);font-size:1.1rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-shadow)}.lp-btn-secondary{display:inline-block;padding:14px 28px;border-radius:12px;border:1px solid var(--border-primary);background:transparent;color:var(--text-primary);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}.lp-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.lp-hero-subtext{font-size:.85rem;color:var(--text-muted);margin-top:12px}.lp-hero-screenshot{margin:40px auto -60px;max-width:720px;position:relative;z-index:2;perspective:900px}.lp-hero-img-wrapper{animation:lp-hero-float 5s ease-in-out infinite;transform-style:preserve-3d}.lp-hero-screenshot img{width:60%;border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 8px 40px rgba(0,0,0,.25);transition:box-shadow .4s ease}@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{position:absolute;inset:-30px;pointer-events:none;z-index:-1}.lp-sparkle{width:6px;height:6px;opacity:0;animation:lp-sparkle-pop 3s ease-in-out infinite}.lp-sparkle,.lp-sparkle:after{position:absolute;border-radius:50%}.lp-sparkle:after{content:"";top:-1px;left:-1px;width:8px;height:8px;background:inherit;filter:blur(3px);opacity:.5}@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{top:10%;left:5%;animation-delay:0s;background:#6366f1}.lp-sparkle-2{top:25%;left:12%;animation-delay:.4s;background:#22c55e}.lp-sparkle-3{top:50%;left:2%;animation-delay:.9s;background:#f59e0b}.lp-sparkle-4{top:70%;left:8%;animation-delay:1.3s;background:#ec4899}.lp-sparkle-5{top:85%;left:15%;animation-delay:1.7s;background:#6366f1}.lp-sparkle-6{top:15%;right:5%;animation-delay:.2s;background:#22c55e;left:auto}.lp-sparkle-7{top:35%;right:10%;animation-delay:.7s;background:#f59e0b;left:auto}.lp-sparkle-8{top:55%;right:3%;animation-delay:1.1s;background:#ec4899;left:auto}.lp-sparkle-9{top:75%;right:12%;animation-delay:1.5s;background:#6366f1;left:auto}.lp-sparkle-10{top:90%;right:6%;animation-delay:1.9s;background:#22c55e;left:auto}.lp-sparkle-11{top:5%;left:25%;animation-delay:2.1s;background:#f59e0b}.lp-sparkle-12{top:5%;right:25%;animation-delay:2.4s;background:#ec4899;left:auto}.lp-sparkle-13{top:40%;left:18%;animation-delay:.5s;background:#22c55e;width:4px;height:4px}.lp-sparkle-14{top:60%;right:18%;animation-delay:1s;background:#6366f1;left:auto;width:4px;height:4px}.lp-sparkles-sm{inset:-12px}.lp-sparkle-sm-1{top:8%;left:4%;animation-delay:0s;background:#6366f1;width:4px;height:4px}.lp-sparkle-sm-2{top:40%;left:2%;animation-delay:.6s;background:#22c55e;width:4px;height:4px}.lp-sparkle-sm-3{top:80%;left:6%;animation-delay:1.2s;background:#f59e0b;width:3px;height:3px}.lp-sparkle-sm-4{top:12%;right:4%;animation-delay:.3s;background:#ec4899;width:4px;height:4px;left:auto}.lp-sparkle-sm-5{top:55%;right:3%;animation-delay:.9s;background:#6366f1;width:3px;height:3px;left:auto}.lp-sparkle-sm-6{top:85%;right:5%;animation-delay:1.5s;background:#22c55e;width:4px;height:4px;left:auto}.screenshot-img-wrap .lp-hero-img-wrapper{animation:lp-gallery-drift 8s ease-in-out infinite}.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(0deg)}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(0deg)}}@media (prefers-reduced-motion:reduce){.lp-hero-img-wrapper,.lp-sparkle{animation:none}}.lp-band-alt{background:rgba(0,0,0,.018)}.lp-section{padding:64px 24px;max-width:960px;margin:0 auto}.lp-section-title{text-align:center;font-size:2rem;font-weight:700;color:var(--text-heading);margin-bottom:8px}.lp-section-subtitle{text-align:center;font-size:1.05rem;color:var(--text-secondary);margin-bottom:48px}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;text-align:center}.lp-step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);color:var(--accent-text);font-size:1.25rem;font-weight:700;margin-bottom:16px}.lp-step h3{font-size:1.1rem;font-weight:600;color:var(--text-heading);margin-bottom:8px}.lp-step p{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.lp-showcase-item{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center;margin-bottom:64px}.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{position:relative;perspective:900px}.lp-showcase-img img{width:100%;border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 4px 20px rgba(0,0,0,.15)}.lp-showcase-text h3{font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:12px}.lp-showcase-text p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.lp-showcase-link{display:inline-block;color:var(--text-heading);font-weight:600;text-decoration:none;border-bottom:2px solid var(--accent-gradient);padding-bottom:2px;transition:opacity .2s}.lp-showcase-link:hover{opacity:.7}.lp-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:16px;gap:16px}.lp-tool-cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-secondary);text-align:center;transition:border-color .2s,box-shadow .2s}.lp-tool-cell:hover{border-color:var(--text-muted);box-shadow:0 2px 8px rgba(0,0,0,.1)}.lp-tool-cell i{font-size:1.5rem;color:var(--text-heading)}.lp-tool-cell span{font-size:.85rem;font-weight:500;color:var(--text-primary)}.lp-comparison-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.lp-comparison-table td,.lp-comparison-table th{padding:14px 20px;text-align:left;border-bottom:1px solid var(--border-primary)}.lp-comparison-table thead th{background:var(--bg-tertiary);font-weight:700;font-size:.95rem;color:var(--text-heading)}.lp-comparison-table tbody td{font-size:.95rem;color:var(--text-primary)}.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{display:inline-block;padding:2px 10px;border-radius:20px;background:#51cf66;color:#fff;font-size:.7rem;font-weight:700;margin-left:6px;vertical-align:middle}.lp-testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.lp-testimonial-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px}.lp-testimonial-card blockquote{font-style:italic;font-size:1rem;color:var(--text-primary);line-height:1.6;margin:0 0 16px}.lp-testimonial-card blockquote:before{content:"\201C";font-size:2rem;color:var(--text-muted);line-height:0;vertical-align:-.4em;margin-right:4px}.lp-testimonial-name{font-weight:600;color:var(--text-heading);font-size:.95rem}.lp-testimonial-location{font-size:.85rem;color:var(--text-muted)}.lp-pricing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.lp-pricing-toggle-label{font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer}.lp-pricing-toggle-label.active{color:var(--text-heading);font-weight:700}.lp-toggle-track{position:relative;width:48px;height:26px;background:var(--border-primary);border-radius:13px;cursor:pointer;transition:background .2s}.lp-toggle-track.active{background:#51cf66}.lp-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.lp-toggle-track.active .lp-toggle-knob{transform:translateX(22px)}.lp-save-badge{display:inline-block;padding:2px 10px;border-radius:20px;background:#51cf66;color:#fff;font-size:.75rem;font-weight:700}.lp-pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;max-width:700px;margin:0 auto}.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;padding:32px 24px;position:relative;display:flex;flex-direction:column}.lp-pricing-card.highlighted{border-color:#51cf66;box-shadow:0 0 0 2px #51cf66,0 8px 30px rgba(81,207,102,.15)}.lp-pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 16px;border-radius:20px;background:#51cf66;color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap}.lp-pricing-card h3{font-size:1.3rem;font-weight:700;color:var(--text-heading);margin-bottom:4px}.lp-pricing-card .lp-price{font-size:2.2rem;font-weight:800;color:var(--text-heading);margin:12px 0 4px}.lp-pricing-card .lp-price-period{font-size:1rem;font-weight:400;color:var(--text-muted)}.lp-pricing-card .lp-price-equiv{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.lp-pricing-card .lp-price-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px}.lp-pricing-features{list-style:none;padding:0;margin:0 0 24px;flex:1 1}.lp-pricing-features li{padding:6px 0;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.lp-pricing-features li i{color:#51cf66;font-size:.85rem}.lp-pricing-cta{display:block;width:100%;padding:14px;border-radius:12px;font-size:1.05rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}.lp-pricing-cta-free{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.lp-pricing-cta-free:hover{background:var(--bg-tertiary)}.lp-pricing-cta-pro{background:#51cf66;color:#fff}.lp-pricing-cta-pro:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(81,207,102,.3)}.lp-faq-list{max-width:700px;margin:0 auto}.lp-faq-item{border-bottom:1px solid var(--border-primary)}.lp-faq-item summary{padding:18px 0;font-size:1.05rem;font-weight:600;color:var(--text-heading);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item summary:after{content:"\f078";font-family:Font Awesome\ 6 Free;font-weight:900;font-size:.8rem;color:var(--text-muted);transition:transform .2s}.lp-faq-item[open] summary:after{transform:rotate(180deg)}.lp-faq-item p{padding:0 0 18px;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.lp-final-cta{text-align:center;padding:80px 24px;max-width:600px;margin:0 auto}.lp-final-cta h2{font-size:2rem;font-weight:700;color:var(--text-heading);margin-bottom:12px}.lp-final-cta p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:28px}.lp-final-cta .lp-hero-subtext{margin-top:12px}.lp-page{position:relative;z-index:1}.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-showcase-item,.lp-steps{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 td,.lp-comparison-table th{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{width:100%;text-align:center}}.folder-picker{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;font-size:.85rem}.folder-picker-compact{font-size:.8rem}.folder-picker-breadcrumb{padding:6px 10px;border-bottom:1px solid var(--border-primary);font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:2px}.folder-picker-crumb{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;font-size:inherit;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{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background .15s}.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{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:.85rem;line-height:1;flex-shrink:0}.folder-picker-item.selected .folder-picker-item-radio{color:var(--accent)}.folder-picker-item-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-picker-item-arrow{color:var(--text-muted);font-size:.65rem;flex-shrink:0;margin-left:auto;transition:transform .15s}.folder-picker-item:hover .folder-picker-item-arrow{color:var(--accent);transform:translateX(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{padding:6px 10px;border-bottom:1px solid var(--border-primary)}.folder-picker-new-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;padding:2px 0;font-family:inherit}.folder-picker-new-btn:hover{text-decoration:underline}.folder-picker-create-form{display:flex;gap:4px;align-items:center}.folder-picker-create-form input{flex:1 1;padding:4px 8px;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem;font-family:inherit}.folder-picker-create-form button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;font-size:.85rem}.folder-picker-create-form button:hover{color:var(--accent)}.folder-picker-selected{padding:6px 10px;font-size:.75rem;color:var(--text-muted)}.folder-picker-loading{padding:16px;text-align:center;color:var(--text-muted)}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:1.25rem}.folder-card{border:1px solid var(--border-primary);border-radius:10px;padding:14px;text-align:center;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.folder-card:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.15)}.folder-card-icon{font-size:1.8rem;color:var(--accent);margin-bottom:6px}.folder-card-name{font-weight:600;font-size:.85rem;margin-bottom:2px;word-break:break-word}.folder-card-count{font-size:.7rem;color:var(--text-muted)}.folder-card-actions{position:absolute;top:6px;right:6px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.folder-card:hover .folder-card-actions{opacity:1}.folder-card-actions button{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-muted);cursor:pointer;padding:2px 5px;font-size:.7rem}.folder-card-actions button:hover{color:var(--accent)}.folder-breadcrumb{display:flex;align-items:center;gap:4px;margin-bottom:1rem;font-size:.85rem;flex-wrap:wrap}.folder-breadcrumb button{background:none;border:none;color:var(--accent);cursor:pointer;padding:2px 4px;border-radius:4px;font-size:inherit;font-family:inherit}.folder-breadcrumb button:hover{text-decoration:underline}.folder-breadcrumb .current{color:var(--text-primary);font-weight:600;cursor:default}.folder-breadcrumb .current:hover{text-decoration:none}.folder-breadcrumb-sep{color:var(--text-muted)}.folder-delete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:999;display:flex;align-items:center;justify-content:center}.folder-delete-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;max-width:400px;width:90vw;z-index:1000}.folder-delete-modal h3{margin:0 0 10px;font-size:1.1rem}.folder-delete-modal p{font-size:.85rem;color:var(--text-muted);margin:0 0 14px;line-height:1.4}.folder-delete-modal input{width:100%;padding:8px 12px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;margin-bottom:14px;font-family:inherit;box-sizing:border-box}.folder-delete-actions{display:flex;gap:8px;justify-content:flex-end}.community-save-btn{position:relative}.community-save-popover{position:absolute;bottom:100%;right:0;margin-bottom:6px;width:240px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.25);z-index:100;overflow:hidden}.community-save-popover-title{padding:8px 12px;font-size:.75rem;color:var(--text-muted);border-bottom:1px solid var(--border-primary)}.bookmark-badge{font-size:.65rem;padding:1px 6px;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.03em}@media (max-width:600px){.folder-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.community-save-popover{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:12px 12px 0 0;margin-bottom:0}}.unsaved-guard-modal{max-width:440px}.unsaved-guard-actions{margin-bottom:16px}.unsaved-guard-actions .save-dialog-submit{width:100%}.unsaved-guard-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--text-muted);font-size:.8rem}.unsaved-guard-divider:after,.unsaved-guard-divider:before{content:"";flex:1 1;height:1px;background:var(--border-primary)}.unsaved-guard-discard{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--text-muted);margin-bottom:12px;text-align:left}.unsaved-guard-discard input[type=checkbox]{width:16px;height:16px;accent-color:#ff6b6b;cursor:pointer;flex-shrink:0}.unsaved-guard-leave{width:100%;padding:10px 16px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s}.unsaved-guard-leave:hover:not(:disabled){border-color:#ff6b6b;color:#ff6b6b}.unsaved-guard-leave:disabled{opacity:.4;cursor:not-allowed}