@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root,[data-theme=aurora]{--bg: #0f0f14;--surface: #1a1a24;--surface2: #24243a;--text: #eef0f6;--text2: #8b8fa3;--accent: #00ff87;--accent2: #60efff;--danger: #ff4d6a;--shadow: 0 2px 12px rgba(0, 0, 0, .45);--slice1: #00ff87;--slice2: #60efff;--slice3: #ff6b9d;--slice4: #c084fc;--slice5: #fbbf24;--slice6: #34d399;--slice7: #ff5e5e;--slice8: #38bdf8;--slice9: #f472b6;--slice10: #a3e635;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--transition: .25s ease}[data-theme=construction]{--bg: #f7efe2;--surface: #f0e6d6;--surface2: #ddd0ba;--text: #36302a;--text2: #7e6e58;--accent: #c84e18;--accent2: #a83e10;--danger: #b82e1a;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--slice1: #c43828;--slice2: #d46828;--slice3: #c09018;--slice4: #3e8038;--slice5: #2868a0;--slice6: #703490;--slice7: #b85070;--slice8: #308080;--slice9: #986830;--slice10: #5858a0}[data-theme=sky]{--bg: #e4eef8;--surface: #ffffff;--surface2: #c6d6e8;--text: #1c2640;--text2: #586888;--accent: #6236b0;--accent2: #3464c0;--danger: #c82e3e;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--slice1: #cc3e4e;--slice2: #d87838;--slice3: #d0a030;--slice4: #329850;--slice5: #3474cc;--slice6: #6836b0;--slice7: #c05898;--slice8: #28908c;--slice9: #8858c0;--slice10: #5c8830}[data-theme=crayon]{--bg: #fefefe;--surface: #f5f4f0;--surface2: #e4e2dc;--text: #2a2a2e;--text2: #6e6e76;--accent: #2e8a42;--accent2: #247a36;--danger: #c83828;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--slice1: #d43830;--slice2: #e07430;--slice3: #e8a820;--slice4: #2e8a42;--slice5: #2878c8;--slice6: #8234a8;--slice7: #d4508c;--slice8: #1a9494;--slice9: #6858c0;--slice10: #9e6c20}[data-theme=chalkboard]{--bg: #1a2820;--surface: #243428;--surface2: #2e4530;--text: #e8e0ce;--text2: #8a9878;--accent: #c8a830;--accent2: #a89020;--danger: #d05040;--shadow: 0 2px 12px rgba(0, 0, 0, .45);--slice1: #d06050;--slice2: #d08850;--slice3: #c8a830;--slice4: #68a868;--slice5: #5890c0;--slice6: #a878c0;--slice7: #c06888;--slice8: #50a0a0;--slice9: #b0a068;--slice10: #7888c0}[data-theme=pencil]{--bg: #1a1a2e;--surface: #26263e;--surface2: #363650;--text: #e2e0ea;--text2: #8686a0;--accent: #7e50c8;--accent2: #e07830;--danger: #d04040;--shadow: 0 2px 12px rgba(0, 0, 0, .45);--slice1: #d05050;--slice2: #e08848;--slice3: #d8b040;--slice4: #48a060;--slice5: #4888d0;--slice6: #8858c8;--slice7: #c85888;--slice8: #40a0a0;--slice9: #a88050;--slice10: #6878c0}[data-theme=whitepaper]{--bg: #F5F5F5;--surface: #FFFFFF;--surface2: #E8E8E8;--text: #1C1C1E;--text2: #6E6E73;--accent: #0A84FF;--accent2: #34C759;--danger: #FF3B30;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--slice1: #FF3B30;--slice2: #FF8C2A;--slice3: #FFD60A;--slice4: #34C759;--slice5: #0A84FF;--slice6: #AF52DE;--slice7: #FF6482;--slice8: #30B0C7;--slice9: #FF9500;--slice10: #5856D6}[data-theme=sandbox]{--bg: #FDF3DC;--surface: #F5E4B8;--surface2: #E8D49A;--text: #3A2600;--text2: #A07830;--accent: #1A8FC1;--accent2: #E8950A;--danger: #E8232A;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--slice1: #E8950A;--slice2: #F5C800;--slice3: #1A8FC1;--slice4: #59C8E8;--slice5: #E8C87A;--slice6: #C8A840;--slice7: #E8232A;--slice8: #3DAE2B;--slice9: #F4761A;--slice10: #7B2FBE}[data-theme=playground]{--bg: #F0FAF4;--surface: #D6F0E4;--surface2: #B8E4CC;--text: #0A2E1E;--text2: #4A9070;--accent: #0AAD6E;--accent2: #FF4D6D;--danger: #FF4D6D;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--slice1: #FF4D6D;--slice2: #FF9A3C;--slice3: #FFD93D;--slice4: #0AAD6E;--slice5: #1EC9A0;--slice6: #4D96FF;--slice7: #E8232A;--slice8: #F4761A;--slice9: #F5C800;--slice10: #7B2FBE}[data-theme=midnight-tokyo]{--bg: #0A0A12;--surface: #1E1E3A;--surface2: #2A2A4E;--text: #F5E6C8;--text2: #4a4a80;--accent: #E8327A;--accent2: #2ABFCF;--danger: #E8327A;--shadow: 0 2px 12px rgba(0, 0, 0, .65);--slice1: #E8327A;--slice2: #2ABFCF;--slice3: #9B59B6;--slice4: #FF6B9D;--slice5: #00D4E8;--slice6: #C77DFF;--slice7: #FF4898;--slice8: #1AA8BC;--slice9: #A855F7;--slice10: #F472B6}[data-theme=nordic-fjord]{--bg: #0F1E2A;--surface: #1A4A5C;--surface2: #24607A;--text: #D8EBF0;--text2: #7AB8C4;--accent: #3D7A6A;--accent2: #7AB8C4;--danger: #C07070;--shadow: 0 2px 12px rgba(0, 0, 0, .55);--slice1: #3D7A6A;--slice2: #7AB8C4;--slice3: #D8EBF0;--slice4: #2D6A7A;--slice5: #5A9AAA;--slice6: #B0D8E0;--slice7: #1A4A5C;--slice8: #9CCDD8;--slice9: #4A8A7A;--slice10: #C0E0E8}[data-theme=sahara-dusk]{--bg: #2A1A0E;--surface: #3A2818;--surface2: #4A3828;--text: #F2D9A8;--text2: #C47A3A;--accent: #C47A3A;--accent2: #6B3D5E;--danger: #C04030;--shadow: 0 2px 12px rgba(0, 0, 0, .55);--slice1: #C47A3A;--slice2: #E8BB7A;--slice3: #6B3D5E;--slice4: #D4924A;--slice5: #F2D9A8;--slice6: #8A4A6A;--slice7: #E8A060;--slice8: #C8906A;--slice9: #7A4A6A;--slice10: #D4B080}[data-theme=amazon-jungle]{--bg: #0D2B1A;--surface: #1A5C34;--surface2: #267040;--text: #D4F0C0;--text2: #3D985A;--accent: #3D985A;--accent2: #C8A951;--danger: #883A2A;--shadow: 0 2px 12px rgba(0, 0, 0, .55);--slice1: #3D985A;--slice2: #C8A951;--slice3: #883A2A;--slice4: #4DB870;--slice5: #D4B961;--slice6: #9A4A3A;--slice7: #5AC882;--slice8: #E0C971;--slice9: #2D7840;--slice10: #A05030}[data-theme=rocky-mountains]{--bg: #1C2B3A;--surface: #253545;--surface2: #2E4055;--text: #C8C284;--text2: #8FAFC2;--accent: #3E6186;--accent2: #8FAFC2;--danger: #C05050;--shadow: 0 2px 12px rgba(0, 0, 0, .55);--slice1: #3E6186;--slice2: #8FAFC2;--slice3: #C8C284;--slice4: #4A7399;--slice5: #A0C2D4;--slice6: #D8D49A;--slice7: #5585A8;--slice8: #B0CCD9;--slice9: #E0DCB0;--slice10: #2E5070}[data-theme=ivy-league]{--bg: #F8F5EE;--surface: #EDE8DE;--surface2: #DDD5C5;--text: #2A1A0A;--text2: #7A5A3A;--accent: #8B1A1A;--accent2: #C9A84C;--danger: #5C0A0A;--shadow: 0 2px 12px rgba(0, 0, 0, .08);--slice1: #8B1A1A;--slice2: #C9A84C;--slice3: #5C0A0A;--slice4: #A83030;--slice5: #D8B85C;--slice6: #7A2A2A;--slice7: #BF9838;--slice8: #C84040;--slice9: #E8C878;--slice10: #6A1818}[data-brightness=dark]{color-scheme:dark}[data-brightness=light]{color-scheme:light}:root{--font-heading: "Lexend", sans-serif;--font-body: "Lexend", sans-serif;--font-mono: "DM Mono", monospace;--fs-xs: .8rem;--fs-sm: .9rem;--fs-md: 1rem;--fs-lg: 1.2rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 3rem}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px}@media(max-width:1400px)and (min-width:768px){:root{--sp-5: 20px;--sp-6: 26px;--sp-7: 40px;--sp-8: 52px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:clamp(15px,.335vw + 11.57px,18px);line-height:1.5;background-color:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-sm)}p{margin-bottom:var(--sp-4);color:var(--text2);font-size:var(--fs-md)}small{font-size:var(--fs-xs);color:var(--text2)}strong{font-weight:600}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover,a:focus-visible{color:var(--accent2);text-decoration:underline}ul,ol{list-style:none}img,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}::selection{background-color:var(--accent);color:var(--bg)}::-moz-selection{background-color:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text2)}*{scrollbar-width:thin;scrollbar-color:var(--surface2) var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono{font-family:var(--font-mono)}.header{position:fixed;top:0;left:0;right:0;height:72px;z-index:100;background-color:var(--surface);border-bottom:1px solid var(--surface2)}.header-inner{display:flex;align-items:center;height:100%;padding:0 var(--sp-4);gap:var(--sp-4)}.logo{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);color:var(--accent);white-space:nowrap;flex-shrink:0;overflow:hidden;height:52px}.logo-img{height:180px;width:auto;margin-top:-64px;margin-bottom:-64px}.logo-dark{display:none}.logo-light{display:block}[data-brightness=light] .logo-light{display:none}[data-brightness=light] .logo-dark{display:block}.class-slots{display:flex;align-items:center;gap:var(--sp-2);overflow-x:auto;margin-left:auto;flex-shrink:1;-ms-overflow-style:none;scrollbar-width:none;min-width:0}.class-slots::-webkit-scrollbar{display:none}.class-slot{min-width:44px;height:36px;padding:0 var(--sp-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;color:var(--text2);background-color:transparent;border:1px solid var(--surface2);transition:all var(--transition);white-space:nowrap;cursor:pointer}.class-slot:hover{border-color:var(--accent);color:var(--text)}.class-slot.filled{color:var(--text);border-color:var(--text2)}.class-slot.empty{border-style:dashed;opacity:.5}.class-slot.empty:hover{opacity:1}.class-slot.active{background-color:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}[data-brightness=dark] .class-slot.active{text-shadow:0 1px 3px rgba(0,0,0,.6)}.tab-nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto}.seg-control{display:flex;align-items:center;gap:0}.seg-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;min-height:34px;border:none;background:transparent;color:var(--text2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;cursor:pointer;border-radius:0;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.seg-btn:hover{color:var(--text)}.seg-btn.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.seg-icon{width:16px;height:16px;object-fit:contain;opacity:.5;transition:opacity var(--transition)}.seg-btn.active .seg-icon{opacity:.85}.seg-label{display:inline}.seg-divider{width:1px;height:18px;background-color:var(--text2);opacity:.15;flex-shrink:0}.tab-count-badge{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text2);margin-left:2px}.mobile-nav{display:none}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-1) var(--sp-2);min-height:44px;min-width:44px;font-family:var(--font-body);font-size:10px;font-weight:500;color:var(--text2);background:transparent;border:none;cursor:pointer;transition:all var(--transition)}.mobile-nav-btn:hover{color:var(--text)}.mobile-nav-btn.active{color:var(--accent);background-color:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:var(--radius-sm)}.mobile-nav-icon{width:28px;height:28px;object-fit:contain;opacity:.7;transition:opacity var(--transition)}.mobile-nav-btn.active .mobile-nav-icon{opacity:1}.mobile-nav-label{font-size:10px;line-height:1}.main-content{padding-top:var(--sp-5);padding-bottom:var(--sp-8);padding-left:var(--sp-5);padding-right:var(--sp-5);max-width:1200px;width:100%}.section{display:none}.section.active{display:block;animation:fadeIn .3s ease forwards}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-5)}.section-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;color:var(--text)}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.split-cards-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.split-back-row{display:block;margin-bottom:var(--sp-3)}@media(max-width:767px){.header-inner{padding:0 var(--sp-3);gap:var(--sp-2)}.logo-img{height:48px;margin-top:0;margin-bottom:0}.class-limit-badge{display:none!important}.class-slots{flex:1;margin-left:0;justify-content:center}.tab-nav{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-around;height:56px;padding:0 var(--sp-2);background-color:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--surface2)}.main-content{padding-top:calc(72px + var(--sp-5));padding-bottom:calc(56px + var(--sp-5));padding-left:var(--sp-3);padding-right:var(--sp-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.split-cards-view{grid-template-columns:1fr;gap:var(--sp-3)}.split-cards-view .picker-card{flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}.split-cards-view .picker-card-icon{font-size:1.8rem;min-width:2.4rem;text-align:center}.split-cards-view .picker-card-desc{margin-left:auto;text-align:right}}@media(min-width:768px)and (max-width:1023px){.main-content{padding-top:calc(72px + var(--sp-5))}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px)and (max-width:1400px){.header-inner{padding:0 var(--sp-4)}.main-content{padding-left:var(--sp-4);padding-right:var(--sp-4)}.section-title{font-size:var(--fs-lg)}}@media(min-width:1024px){.header-inner{padding:0 var(--sp-6)}.main-content{padding-left:var(--sp-6);padding-right:var(--sp-6)}}@media(max-height:900px){.main-content{padding-top:var(--sp-3);padding-bottom:var(--sp-5)}.section-header{margin-bottom:var(--sp-3)}.split-cards-view{gap:var(--sp-3)}}@media(max-height:700px){.main-content{padding-top:var(--sp-2);padding-bottom:var(--sp-3)}.section-header{margin-bottom:var(--sp-2)}}.section-desc{font-size:var(--fs-sm);color:var(--text2);line-height:1.5;max-width:520px;margin-bottom:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 20px;min-height:44px;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;line-height:1;cursor:pointer;border:1px solid transparent;transition:all var(--transition);white-space:nowrap;user-select:none;-webkit-user-select:none;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--accent);color:var(--bg);font-weight:600}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-secondary{background-color:transparent;border-color:var(--accent);color:var(--accent)}.btn-secondary:hover{background-color:color-mix(in srgb,var(--accent) 12%,transparent)}.btn-ghost{background-color:transparent;color:var(--text2)}.btn-ghost:hover{background-color:var(--surface2);color:var(--text)}.btn-danger{background-color:var(--danger);color:#fff;font-weight:600}.btn-danger:hover{filter:brightness(1.15);box-shadow:0 0 16px color-mix(in srgb,var(--danger) 35%,transparent)}.btn-icon{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background-color:var(--surface2);color:var(--text2);font-size:var(--fs-lg)}.btn-icon:hover{background-color:var(--accent);color:var(--bg)}.btn-sm{padding:6px 14px;min-height:32px;font-size:var(--fs-xs);border-radius:var(--radius-sm)}.card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--surface2) 50%,transparent);transition:all var(--transition)}.card:hover{border-color:var(--surface2)}.card-header{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:600;color:var(--text);padding-left:var(--sp-3);border-left:3px solid var(--accent);margin-bottom:var(--sp-4);line-height:1.3}.card-body{display:flex;flex-direction:column;gap:var(--sp-3)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);min-height:36px;background-color:var(--surface2);border-radius:999px;font-size:var(--fs-sm);font-weight:500;color:var(--text);border:1px solid transparent;transition:all var(--transition);cursor:pointer;user-select:none;-webkit-user-select:none}.chip:hover{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 10%,var(--surface2))}.chip.absent{opacity:.45;border:1px dashed var(--text2);background-color:transparent}.chip.absent .chip-name{text-decoration:line-through}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background-color:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1}.badge-absolute{position:absolute;top:-6px;right:-6px}.badge-danger{background-color:var(--danger);color:#fff}.badge-muted{background-color:var(--surface2);color:var(--text2)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:50%;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;color:var(--bg);text-transform:uppercase;user-select:none;-webkit-user-select:none}.avatar-sm{width:28px;height:28px;min-width:28px;font-size:var(--fs-xs)}.avatar-lg{width:48px;height:48px;min-width:48px;font-size:var(--fs-lg)}.avatar-1{background-color:var(--slice1)}.avatar-2{background-color:var(--slice2)}.avatar-3{background-color:var(--slice3)}.avatar-4{background-color:var(--slice4)}.avatar-5{background-color:var(--slice5)}.avatar-6{background-color:var(--slice6)}.select-wrap{position:relative;display:inline-flex}.select-wrap:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text2);pointer-events:none}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:var(--sp-2) var(--sp-6) var(--sp-2) var(--sp-3);min-height:44px;background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--transition)}.select:hover{border-color:var(--accent)}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.input,.textarea{width:100%;padding:var(--sp-3) var(--sp-4);min-height:44px;background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);color:var(--text);font-size:var(--fs-md);transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder,.textarea::placeholder{color:var(--text2);opacity:.6}.input:hover,.textarea:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--surface2))}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.textarea{min-height:120px;resize:vertical;line-height:1.6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.overlay.open{opacity:1;visibility:visible}[data-brightness=light] .overlay{background-color:#0006}[data-brightness=light] .modal{box-shadow:0 8px 40px #00000026}.modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:0 8px 40px #0009;transform:translateY(20px) scale(.95);transition:transform var(--transition)}.overlay.open .modal{transform:translateY(0) scale(1)}.modal-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-4);color:var(--text)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-5)}.pair-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);min-height:32px;background-color:var(--surface2);border-radius:999px;font-size:var(--fs-sm);color:var(--text);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.pair-pill .pair-pill-sep{color:var(--danger);font-weight:600}.pair-pill .pair-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:transparent;color:var(--text2);font-size:var(--fs-xs);cursor:pointer;transition:all var(--transition);border:none;padding:0}.pair-pill .pair-pill-remove:hover{background-color:var(--danger);color:#fff}.toggle{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;user-select:none;-webkit-user-select:none}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:relative;width:44px;height:24px;background-color:var(--surface2);border-radius:12px;transition:background-color var(--transition)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--text2);border-radius:50%;transition:transform var(--transition),background-color var(--transition)}.toggle-input:checked+.toggle-track{background-color:color-mix(in srgb,var(--accent) 30%,var(--surface2))}.toggle-input:checked+.toggle-track:after{transform:translate(20px);background-color:var(--accent)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.toggle-label{font-size:var(--fs-sm);color:var(--text2)}.divider{width:100%;height:1px;background-color:var(--surface2);border:none;margin:var(--sp-4) 0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:var(--sp-1) var(--sp-3);background-color:var(--surface2);color:var(--text);font-size:var(--fs-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition),transform var(--transition);z-index:50}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.edge-message{padding:var(--sp-6) var(--sp-5);text-align:center;color:var(--text2);font-size:var(--fs-md)}.edge-message:empty{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--text2)}.empty-state-icon{font-size:3rem;opacity:.4}.empty-state-text{font-size:var(--fs-md);max-width:320px;margin:0}.picker-overlay-close{position:fixed;top:16px;right:16px;z-index:10001;width:44px;height:44px;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#00000059;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,border-color .2s,transform .15s}.picker-overlay-close:hover{background:#0000008c;border-color:#fff;transform:scale(1.1)}.picker-again-btn{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:10001;padding:12px 32px;border:2px solid rgba(255,255,255,.6);border-radius:999px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-heading);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;animation:pickerAgainFadeIn .4s ease both}.picker-again-btn:hover{background:#0009;border-color:#fff;transform:translate(-50%) scale(1.05)}@keyframes pickerAgainFadeIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-4);border-bottom:1px solid var(--surface2)}.modal-tab{padding:var(--sp-2) var(--sp-4);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--transition)}.modal-tab:hover{color:var(--text)}.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.csv-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-6);border:2px dashed var(--surface2);border-radius:var(--radius);text-align:center;color:var(--text2);cursor:pointer;transition:all var(--transition);min-height:140px}.csv-dropzone:hover,.csv-dropzone.dragover{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--text)}.csv-dropzone-icon{font-size:2rem;opacity:.6}.csv-dropzone-text{font-size:var(--fs-sm)}.csv-dropzone-hint{font-size:var(--fs-xs);opacity:.6}.csv-dropzone-file{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface2);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--accent)}.class-limit-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;background-color:var(--surface2);color:var(--text2);font-family:var(--font-mono);font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.class-slot-add{min-width:36px;height:36px;padding:0;border-radius:var(--radius-sm);font-size:var(--fs-lg);font-weight:400;color:var(--accent);background-color:transparent;border:1px dashed var(--accent);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.class-slot-add:hover{background-color:color-mix(in srgb,var(--accent) 12%,transparent)}.class-slot-add.pulse{animation:slotPulse 2s ease-in-out infinite}@keyframes slotPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}}.modal-footer-info{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text2);margin-right:auto}.upgrade-features{list-style:none;padding:0;margin:0 0 var(--sp-4) 0;display:flex;flex-direction:column;gap:var(--sp-3)}.upgrade-features li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text)}.upgrade-features li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;background-color:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:var(--fs-xs);font-weight:700}.upgrade-coming-soon{padding:var(--sp-4);background-color:var(--surface2);border-radius:var(--radius);text-align:center;color:var(--text2);font-size:var(--fs-sm)}.upgrade-coming-soon a{color:var(--accent);text-decoration:underline}.delete-confirm-text{font-size:var(--fs-sm);color:var(--text2);line-height:1.6;margin-bottom:var(--sp-2)}.csv-upload-btn{display:inline-flex;align-items:center;gap:var(--sp-2)}.csv-file-input{display:none}.roster-header{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-4)}.class-title{display:flex;flex-direction:column;gap:2px}.class-title-label{font-family:var(--font-heading);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text2)}.class-title-name{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text);line-height:1.15;cursor:pointer;transition:color var(--transition);margin:0;padding:0}.class-title-name:hover{color:var(--accent)}.class-title-name.placeholder{color:var(--text2);opacity:.5}.class-name-input{width:100%;max-width:500px;padding:var(--sp-1) var(--sp-2);min-height:40px;background-color:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-heading);font-size:1.75rem;font-weight:700;line-height:1.15;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.class-name-input::placeholder{color:var(--text2);opacity:.5;font-weight:400}.attendance-pill{position:relative;display:inline-flex;align-items:center;gap:var(--sp-3);padding:8px 18px;border-radius:999px;overflow:hidden;font-size:var(--fs-sm);font-weight:500;color:var(--text);background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--surface2) 60%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-brightness=light] .attendance-pill{background:color-mix(in srgb,var(--surface2) 40%,transparent);border-color:color-mix(in srgb,var(--surface2) 80%,transparent)}.attendance-pill-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);pointer-events:none}[data-brightness=light] .attendance-pill-fill{background:color-mix(in srgb,var(--accent) 12%,transparent)}.pill-stat{position:relative;z-index:1;white-space:nowrap}.pill-num{font-family:var(--font-mono);font-weight:600}.pill-num.kpi-present{color:var(--accent)}.pill-num.kpi-absent{color:var(--text2)}.pill-num.kpi-absent.kpi-absent--active{color:var(--danger)}.pill-num.kpi-total,.pill-stat-muted{color:var(--text2)}.pill-dot{position:relative;z-index:1;width:3px;height:3px;border-radius:50%;background-color:var(--text2);opacity:.4;flex-shrink:0}.roster-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.paste-panel{display:none;padding:var(--sp-4);margin-top:var(--sp-2);margin-bottom:var(--sp-2);background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--surface2)}.paste-textarea{width:100%;min-height:120px;padding:var(--sp-3);background-color:var(--bg);border:1px dashed var(--surface2);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.8;resize:vertical;transition:border-color var(--transition),box-shadow var(--transition);margin-bottom:var(--sp-3)}.paste-textarea::placeholder{color:var(--text2);opacity:.5;font-family:var(--font-body)}.paste-textarea:focus{border-color:var(--accent);border-style:solid;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.roster-hint{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-3)}.roster-hint-title{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:700;color:var(--text)}.roster-hint-sub{font-size:11px;font-weight:500;color:var(--text2)}.student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-2)}.student-chip{display:flex;align-items:center;gap:var(--sp-2);padding:6px 10px;min-height:38px;background-color:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--surface2);cursor:pointer;transition:all .12s ease-out;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden;position:relative}.student-chip:hover{border-color:var(--danger);background-color:color-mix(in srgb,var(--danger) 8%,var(--surface));transform:translateY(-1px)}.student-chip:active{transform:scale(.97)}.chip-avatar{width:26px;height:26px;min-width:26px;border-radius:50%;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--bg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase;user-select:none;-webkit-user-select:none}.chip-avatar-sm{width:22px;height:22px;min-width:22px;font-size:9px}.chip-name{font-size:var(--fs-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-chip.absent{opacity:.6;border-color:color-mix(in srgb,var(--danger) 25%,var(--surface2));background-color:color-mix(in srgb,var(--danger) 6%,var(--surface))}.student-chip.absent .chip-avatar{filter:saturate(.35)}.student-chip.absent .chip-name{text-decoration:line-through;color:var(--text2)}.student-chip.absent:hover{opacity:.85;border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 8%,var(--surface))}.absent-badge{width:16px;height:16px;min-width:16px;margin-left:auto;flex-shrink:0;display:none;color:var(--danger);font-size:14px;font-weight:700;line-height:16px;text-align:center}.student-chip.absent .absent-badge{display:block}.never-pair-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.np-title{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:700;color:var(--text);margin:0}.np-subtitle{font-size:var(--fs-xs);color:var(--text2);line-height:1.5;margin:0}.np-info{font-size:11px;color:var(--text2)}.never-pair-controls{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2)}.never-pair-controls .np-arrow{color:var(--text2);display:flex;align-items:center;justify-content:center}.np-drop-slot{display:flex;align-items:center;justify-content:center;min-height:36px;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);transition:all var(--transition)}.np-drop-slot.empty{border:1.5px dashed color-mix(in srgb,var(--text2) 50%,transparent);background-color:color-mix(in srgb,var(--surface2) 30%,transparent)}.np-drop-slot.filled{border:1.5px solid var(--surface2);background-color:var(--surface2)}.np-drop-slot.drag-over{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);transform:scale(1.02)}.np-drop-slot.drop-accept{animation:dropAccept .3s ease}.np-slot-placeholder{color:var(--text2);opacity:.4;font-size:12px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.np-slot-chip{display:inline-flex;align-items:center;gap:var(--sp-1);animation:scaleIn .2s ease forwards;white-space:nowrap}.np-slot-chip .chip-name{font-size:var(--fs-sm);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis}button.np-slot-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:transparent;color:var(--text2);font-size:11px;cursor:pointer;transition:all var(--transition);border:none;padding:0;line-height:1;margin-left:var(--sp-1)}button.np-slot-clear:hover{background-color:var(--danger);color:#fff}.np-add-rule-btn{width:100%;min-height:36px;font-size:var(--fs-sm)}.drag-ghost{position:fixed;z-index:1000;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 8px 24px #00000040;opacity:.92;pointer-events:none;transition:none}.student-chip.dragging{opacity:.3}.never-pair-list{display:flex;flex-direction:column;gap:var(--sp-2)}.rule-pill{display:flex;align-items:center;gap:var(--sp-2);padding:6px 10px;min-height:32px;background-color:var(--surface);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text);border:1px solid var(--surface2);animation:scaleIn .2s ease forwards}.rule-pill .chip-avatar-sm{margin-right:-8px}.rule-pill .chip-avatar-sm+.chip-avatar-sm{margin-right:0;margin-left:0}.rule-pill-text{flex:1;font-size:var(--fs-xs);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.rule-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:transparent;color:var(--text2);font-size:11px;cursor:pointer;transition:all var(--transition);border:none;padding:0;line-height:1;flex-shrink:0;margin-left:auto}button.rule-remove:hover{background-color:var(--danger);color:#fff}.rules-row{display:flex;gap:var(--sp-3);margin-top:var(--sp-4);align-items:flex-start}.rules-row .np-collapsible{flex:1;min-width:0;margin-top:0}@media(max-width:600px){.rules-row{flex-direction:column}}.np-collapsible{margin-top:var(--sp-4);border:1px solid var(--surface2);border-radius:var(--radius);background-color:var(--surface)}.np-collapsible-summary{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);cursor:pointer;user-select:none;-webkit-user-select:none;list-style:none;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:700;color:var(--text)}.np-collapsible-summary::-webkit-details-marker{display:none}.np-collapsible-summary:before{content:"▶";font-size:9px;color:var(--text2);transition:transform .15s ease;flex-shrink:0}.np-collapsible[open]>.np-collapsible-summary:before{transform:rotate(90deg)}.np-collapsible-title{flex:1}.np-collapsible-body{padding:0 var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.np-controls-inline{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.np-controls-inline .np-drop-slot{flex:1;min-width:120px}.np-controls-inline .np-arrow{flex-shrink:0}.np-controls-inline .np-add-rule-btn{width:auto;flex-shrink:0}@media(max-width:767px){.student-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--sp-2)}.student-chip{padding:6px 8px}.class-title-name{font-size:var(--fs-xl)}}.picker-layout{display:flex;flex-direction:column;gap:var(--sp-6)}@media(min-width:768px){.picker-layout{flex-direction:row;align-items:flex-start;gap:var(--sp-7)}}.picker-main{flex:1;min-width:0;display:flex;flex-direction:column}.picker-header{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-4)}.picker-subtitle{font-size:var(--fs-sm);color:var(--text2);line-height:1.4}.picker-cards-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-4)}.picker-card{--_card-color: var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);background:linear-gradient(145deg,color-mix(in srgb,var(--_card-color) 14%,var(--surface)) 0%,var(--surface) 60%,color-mix(in srgb,var(--_card-color) 8%,var(--surface)) 100%);border:1.5px solid color-mix(in srgb,var(--_card-color) 18%,var(--surface2));border-radius:var(--radius-lg, 20px);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000001a}.picker-card:nth-child(1){--_card-color: var(--slice5)}.picker-card:nth-child(2){--_card-color: var(--slice2)}.picker-card:nth-child(3){--_card-color: var(--slice4)}.picker-card:nth-child(4){--_card-color: var(--slice1)}.picker-card:nth-child(5){--_card-color: var(--slice6)}.picker-card:nth-child(6){--_card-color: var(--slice3)}.picker-card:nth-child(7){--_card-color: var(--slice8)}.picker-card:nth-child(8){--_card-color: var(--slice7)}.picker-card:hover{border-color:var(--_card-color);background:linear-gradient(145deg,color-mix(in srgb,var(--_card-color) 22%,var(--surface)),color-mix(in srgb,var(--_card-color) 6%,var(--surface)),color-mix(in srgb,var(--_card-color) 14%,var(--surface)));transform:translateY(-4px);box-shadow:0 12px 32px color-mix(in srgb,var(--_card-color) 22%,transparent)}.picker-card:active{transform:translateY(-1px) scale(.98)}.picker-card-icon{font-size:2.8rem;line-height:1}.picker-card-title{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);color:var(--text);white-space:nowrap}.picker-card-desc{font-size:var(--fs-xs);color:var(--text2);text-align:center;line-height:1.3}.picker-wheel-view{display:none;flex-direction:column;align-items:center;gap:var(--sp-4)}.picker-back-btn{align-self:flex-start;font-size:var(--fs-sm)}@media(min-width:768px){.wheel-area{flex-direction:row;align-items:center;gap:var(--sp-5)}}.wheel-area{flex-shrink:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.wheel-canvas-wrap{position:relative;flex-shrink:0;width:100%;max-width:min(340px,45vh)}.wheel-pointer{position:absolute;top:-14px;left:50%;transform:translate(-50%);z-index:10;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid var(--accent);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--accent) 40%,transparent));transition:border-top-color var(--transition)}.wheel-canvas{display:block;width:100%;height:auto;border-radius:50%;box-shadow:0 0 0 4px var(--surface2),0 0 30px color-mix(in srgb,var(--accent) 15%,transparent);transition:box-shadow var(--transition)}.wheel-canvas.spinning{box-shadow:0 0 0 4px var(--accent),0 0 60px color-mix(in srgb,var(--accent) 30%,transparent)}.wheel-spin-btn{border-radius:999px;font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;padding:var(--sp-3) var(--sp-7);min-height:52px;letter-spacing:.03em;transition:all var(--transition)}.wheel-spin-btn:hover{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-2px)}.wheel-spin-btn:active{transform:scale(.97)}.wheel-spin-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.wheel-spin-btn.spinning{pointer-events:none;animation:pulse .6s ease infinite}.wheel-sidebar{display:flex;flex-direction:column;gap:var(--sp-6);width:280px;flex-shrink:0}.wheel-collapsible{width:100%}.wheel-collapsible summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--sp-2)}.wheel-collapsible summary:before{content:"▶";font-size:.6rem;transition:transform .2s;color:var(--text2)}.wheel-collapsible[open] summary:before{transform:rotate(90deg)}.wheel-collapsible summary::-webkit-details-marker{display:none}.wheel-collapsible-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding-top:var(--sp-2);padding-left:var(--sp-4)}.wheel-sidebar-title{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin:0}.wheel-source-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);font-weight:600}.wheel-pool-info{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text2)}.wheel-winner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2)}.wheel-pick-instruction{font-size:var(--fs-sm);color:var(--text2);align-self:flex-start}.winner-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:600;color:var(--bg);text-transform:uppercase}.winner-name{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:700;color:var(--accent);text-align:center;line-height:1.1}.winner-game{font-size:var(--fs-xs);color:var(--text2);font-weight:500}.wheel-winner.winner-pop .winner-avatar{animation:winnerAvatarPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.wheel-winner.winner-pop .winner-name{animation:winnerReveal .5s ease forwards}@keyframes winnerAvatarPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.wheel-btn-row{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.auto-remove-toggle{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none}.auto-remove-toggle input[type=checkbox]{display:none}.toggle-track{position:relative;width:36px;height:20px;background:var(--surface2, #555);border-radius:10px;transition:background .2s ease;flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease}.auto-remove-toggle input:checked+.toggle-track{background:var(--accent)}.auto-remove-toggle input:checked+.toggle-track:after{transform:translate(16px)}.wheel-history{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-2)}.history-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background-color:var(--surface);border-radius:var(--radius-sm);border:1px solid transparent;transition:all var(--transition)}.history-row.latest{background-color:color-mix(in srgb,var(--accent) 10%,var(--surface));border-left:3px solid var(--accent)}.history-row .chip-avatar,.history-row .chip-avatar-sm{width:28px;height:28px;min-width:28px;border-radius:50%;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--bg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.history-info{display:flex;flex-direction:column;gap:1px;min-width:0}.history-name{font-size:var(--fs-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:var(--fs-xs);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:1024px)and (max-width:1400px){.wheel-sidebar{width:240px}.wheel-canvas-wrap{max-width:300px}}@media(max-width:767px){.picker-layout{flex-direction:column;align-items:stretch}.picker-cards-view{grid-template-columns:1fr;gap:var(--sp-3)}.picker-card{flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}.picker-card-icon{font-size:1.8rem;min-width:2.4rem;text-align:center}.picker-card-desc{margin-left:auto;text-align:right}.wheel-canvas-wrap{max-width:300px}.wheel-sidebar{width:100%;min-width:0}.winner-name{font-size:var(--fs-2xl)}.wheel-spin-btn{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-md);min-height:48px}}@media(max-height:900px)and (min-width:768px){.wheel-canvas-wrap{max-width:min(300px,42vh)}.wheel-spin-btn{padding:var(--sp-2) var(--sp-6);min-height:44px;font-size:var(--fs-md)}.wheel-area{gap:var(--sp-3)}.picker-header{margin-bottom:var(--sp-2)}}@media(max-height:700px)and (min-width:768px){.wheel-canvas-wrap{max-width:min(260px,38vh)}.wheel-spin-btn{padding:var(--sp-2) var(--sp-5);min-height:40px;font-size:var(--fs-sm)}.picker-header{margin-bottom:var(--sp-1);gap:var(--sp-2)}.picker-subtitle{display:none}}.generator-controls{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.generator-summary{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text2);padding:var(--sp-2) 0;margin-bottom:var(--sp-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4)}.result-card{position:relative;background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-4);border:1px solid color-mix(in srgb,var(--surface2) 50%,transparent);box-shadow:var(--shadow);transition:all var(--transition);display:flex;flex-direction:column;gap:var(--sp-3)}.result-card:hover{border-color:var(--surface2);transform:translateY(-2px);box-shadow:0 4px 20px #0006}.result-card .card-header{display:flex;align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--surface2);font-family:var(--font-body);font-size:inherit;font-weight:inherit;color:inherit;padding-left:0;border-left:none;margin-bottom:0;line-height:inherit}.card-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;background-color:var(--surface2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text2);flex-shrink:0}.trio-badge{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent2);background-color:color-mix(in srgb,var(--accent2) 12%,transparent);border-radius:var(--radius-sm);padding:2px 8px;line-height:1.4}.warning-badge{font-size:1rem;color:var(--danger);cursor:help;flex-shrink:0;line-height:1}.card-student{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0}.card-student+.card-student{border-top:1px solid var(--surface2);padding-top:var(--sp-3)}.card-student .chip-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--bg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.card-student-name{font-size:var(--fs-md);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card.pair-card{border-left-width:4px;border-left-style:solid}@media(max-width:767px){.card-grid{grid-template-columns:1fr;gap:var(--sp-3)}.generator-controls{flex-direction:column;align-items:stretch}}@media(min-width:768px)and (max-width:1023px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-height:900px){.card-grid{gap:var(--sp-3)}.result-card{padding:var(--sp-3);gap:var(--sp-2)}.card-student{padding:var(--sp-1) 0;gap:var(--sp-2)}.card-student+.card-student{padding-top:var(--sp-2)}.card-student .chip-avatar{width:24px;height:24px;min-width:24px;font-size:10px}.card-student-name{font-size:var(--fs-sm)}}.mode-toggle{display:inline-flex;align-items:center;background-color:var(--surface);border-radius:var(--radius);padding:4px;gap:2px;overflow:hidden;width:fit-content;margin-bottom:var(--sp-4)}.mode-btn{padding:var(--sp-2) var(--sp-4);min-height:36px;font-size:var(--fs-sm);font-weight:500;color:var(--text2);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap}.mode-btn:hover{color:var(--text);background-color:color-mix(in srgb,var(--surface2) 50%,transparent)}.mode-btn.active{background-color:var(--surface2);color:var(--text);font-weight:600}.value-selector{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4)}.val-btn{min-width:44px;min-height:36px;padding:var(--sp-1) var(--sp-3);display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--surface2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;color:var(--text2);cursor:pointer;transition:all var(--transition)}.val-btn:hover{border-color:var(--accent);color:var(--text)}.val-btn.active{background-color:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.theme-selector{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4)}.theme-selector-label{font-size:var(--fs-xs);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-right:var(--sp-1)}.result-card.group-card{padding:0;overflow:hidden;border-left-width:1px}.group-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);color:#000}.group-emoji{font-size:1.2rem;line-height:1}.group-name{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-md);flex-shrink:1;min-width:0;word-break:break-word}.edit-name-btn{background:none;border:none;cursor:pointer;font-size:.85rem;line-height:1;padding:2px 4px;opacity:0;transition:opacity var(--transition)}.group-header:hover .edit-name-btn{opacity:.7}.edit-name-btn:hover{opacity:1!important}.group-name-input{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-md);color:#000;background:#00000014;border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-sm);padding:0 var(--sp-1);outline:none;flex:1;min-width:120px}.group-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;opacity:.8;flex-shrink:0}.group-students{padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}@media(max-height:900px){.group-header{padding:var(--sp-2) var(--sp-3)}.group-students{padding:var(--sp-2) var(--sp-3);gap:var(--sp-1)}.group-name{font-size:var(--fs-sm)}.group-emoji{font-size:1rem}}@media(max-width:767px){.mode-toggle{width:100%}.mode-btn{flex:1;text-align:center}.theme-selector{width:100%;justify-content:center}.value-selector{justify-content:center}}.selector-label{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.08em}.teams-config-panel{background-color:var(--surface);border:1px solid color-mix(in srgb,var(--surface2) 50%,transparent);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-4)}.teams-config-body{display:flex;flex-direction:column;gap:var(--sp-3)}.teams-config-body .selector-label,.teams-config-body .value-selector,.teams-config-body .generator-controls{margin-bottom:0}.teams-config-toggle{display:none;align-items:center;gap:var(--sp-2);width:100%;padding:0;border:none;background:none;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;color:var(--text2);cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.teams-config-panel--has-teams .teams-config-toggle{display:flex}.teams-config-arrow{margin-left:auto;font-size:var(--fs-xs);transition:transform var(--transition);transform:rotate(90deg)}.teams-config-panel--collapsed .teams-config-arrow{transform:rotate(0)}.teams-config-panel--collapsed{padding:var(--sp-3) var(--sp-4)}.teams-config-panel--collapsed .teams-config-body{display:none}.teams-config-panel--has-teams .teams-config-body{margin-top:var(--sp-4)}.teams-action-bar{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.teams-action-bar .generator-summary{flex:1;margin-bottom:0;padding:0;min-width:0}#teams-results.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1000px;margin-left:auto;margin-right:auto}.result-card.team-card{padding:0;overflow:hidden;border-left-width:1px;transition:transform .4s ease,box-shadow var(--transition),border-color var(--transition);display:flex;flex-direction:column}.team-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);color:#000}.team-emoji{font-size:1.2rem;line-height:1}.team-name{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;opacity:.8;flex-shrink:0}.team-points-badge{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:700;min-width:32px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--sp-2);border-radius:var(--radius-sm);background-color:#00000026;color:#000;flex-shrink:0}.team-students{padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:0}.team-students .card-student+.card-student{border-top:1px solid color-mix(in srgb,var(--surface2) 50%,transparent)}.draft-pick{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;min-width:28px;border-radius:var(--radius-sm);background-color:var(--surface2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--text2);flex-shrink:0}.team-points-controls{display:flex;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-3);margin-top:auto}.team-add-point-btn{flex:1;min-height:44px;border:none;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-sm);color:#000;cursor:pointer;transition:filter var(--transition),transform .15s ease}.team-add-point-btn:hover{filter:brightness(1.15)}.team-add-point-btn:active{transform:scale(.97)}.team-remove-point-btn{min-width:44px;min-height:44px;border:1px solid color-mix(in srgb,var(--surface2) 80%,transparent);border-radius:var(--radius-sm);background:var(--surface);color:var(--text2);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:all var(--transition)}.team-remove-point-btn:hover{border-color:var(--danger);color:var(--danger);background-color:color-mix(in srgb,var(--danger) 8%,var(--surface))}.team-remove-point-btn:active{transform:scale(.97)}.team-card--score-pop{animation:teamScorePop .4s ease}@keyframes teamScorePop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.team-card--leading{box-shadow:0 0 20px color-mix(in srgb,var(--team-color, var(--accent)) 40%,transparent);border-color:var(--team-color, var(--accent))}.teams-end-game-btn{margin-left:auto;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-sm);padding:8px 20px;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0}.teams-end-game-btn:not(:disabled){box-shadow:0 0 16px #f59e0b66}.teams-end-game-btn:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 0 24px #f59e0b99}.teams-end-game-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;filter:saturate(.3)}.teams-winner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000000e0;display:flex;align-items:center;justify-content:center;animation:fadeIn .5s ease forwards;overflow-y:auto;padding:var(--sp-5)}.teams-winner-content{text-align:center;padding:var(--sp-6);max-width:500px;width:100%;animation:teamsWinnerPopIn .5s cubic-bezier(.34,1.56,.64,1) .08s both}@keyframes teamsWinnerPopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.teams-winner-trophy{font-size:4rem;line-height:1.2;text-shadow:0 0 40px rgba(251,191,36,.6),0 0 80px rgba(251,191,36,.3);margin-bottom:var(--sp-3)}.teams-winner-label{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin-bottom:var(--sp-2)}.teams-winner-name{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:var(--sp-2);line-height:1.2}.teams-winner-score{font-family:var(--font-mono);font-size:var(--fs-xl);color:#ffffff80;margin-bottom:var(--sp-5)}.teams-winner-members{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-5)}.teams-winner-pill{padding:var(--sp-1) var(--sp-3);border-radius:999px;font-size:var(--fs-sm);font-weight:500;color:#000}.teams-winner-standings{list-style:none;padding:0;margin:0 0 var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);text-align:left}.teams-winner-standings li{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background-color:#ffffff0f;border-radius:var(--radius-sm);color:#ffffffd9;font-size:var(--fs-sm)}.winner-rank{min-width:24px;text-align:center;font-weight:600}.winner-standing-name{font-weight:600}.winner-standing-pts{margin-left:auto;color:#ffffff80;font-family:var(--font-mono);font-size:var(--fs-xs)}.teams-winner-newgame{display:inline-flex;align-items:center;gap:var(--sp-2);padding:12px 32px;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:#ffffff14;color:#fff;font-family:var(--font-heading);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:all var(--transition)}.teams-winner-newgame:hover{background:#ffffff2e;border-color:#fff;transform:scale(1.04)}@media(max-width:767px){.teams-action-bar{flex-direction:column;align-items:stretch;gap:var(--sp-2)}.teams-action-bar .generator-summary{text-align:center}.teams-action-bar .teams-end-game-btn{margin-left:0}.teams-winner-name{font-size:2rem}.teams-winner-trophy{font-size:3rem}.teams-winner-content{padding:var(--sp-4)}.teams-end-game-btn{padding:6px 14px;font-size:var(--fs-xs)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 20%,transparent)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--accent) 50%,transparent)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dropAccept{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes chipPulse{0%{transform:scale(1)}50%{transform:scale(.93)}to{transform:scale(1)}}@keyframes winnerReveal{0%{opacity:0;transform:scale(.5);text-shadow:0 0 0 transparent}60%{opacity:1;transform:scale(1.08);text-shadow:0 0 60px color-mix(in srgb,var(--accent) 60%,transparent)}to{opacity:1;transform:scale(1);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 40%,transparent)}}@keyframes spotlightReveal{0%{opacity:0;transform:scale(.3);text-shadow:0 0 0 transparent}60%{opacity:1;transform:scale(1.12);text-shadow:0 0 80px rgba(255,255,255,.6)}to{opacity:1;transform:scale(1);text-shadow:0 0 60px rgba(255,255,255,.4)}}@keyframes spotlightTick{0%{transform:scale(.7);opacity:.6}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slotWinnerGlow{0%,to{border-color:#fbbf24;box-shadow:inset 0 0 30px #0009,0 0 15px #fbbf244d}50%{border-color:#fde68a;box-shadow:inset 0 0 30px #0006,0 0 40px #fbbf2499,0 0 80px #fbbf2433}}@keyframes slotBannerReveal{0%{opacity:0;transform:translate(-50%) scale(.3);text-shadow:0 0 0 transparent}60%{opacity:1;transform:translate(-50%) scale(1.15);text-shadow:0 0 60px rgba(251,191,36,.8)}to{opacity:1;transform:translate(-50%) scale(1);text-shadow:0 0 40px rgba(251,191,36,.6),0 0 80px rgba(251,191,36,.3)}}@keyframes tabSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-up{animation:slideUp .35s ease forwards}.animate-slide-down{animation:slideDown .35s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-shimmer{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.animate-pulse{animation:pulse 1.5s ease infinite}.animate-spin{animation:spin 1s linear infinite}.animate-card-entrance{animation:cardEntrance .35s ease forwards}.animate-chip-pulse{animation:chipPulse .25s ease}.animate-winner-reveal{animation:winnerReveal .5s ease forwards}.animate-tab-slide{animation:tabSlide .3s ease forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}[class*=stagger-]{opacity:0;animation-fill-mode:forwards}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:confettiFall 2.5s ease-in forwards}.confetti-piece:nth-child(odd){border-radius:50%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[class*=stagger-]{opacity:1}}.spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg);transition:background-color .18s ease;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.spotlight-name{font-family:var(--font-heading);font-weight:800;font-size:clamp(3rem,12vw,8rem);color:#fff;text-align:center;line-height:1.1;padding:0 var(--sp-5);max-width:90vw;word-break:break-word;animation:spotlightTick .15s ease forwards}.spotlight-name.spotlight-winner{animation:spotlightReveal .6s cubic-bezier(.34,1.56,.64,1) forwards;font-size:clamp(3.5rem,14vw,10rem)}.spotlight-hint{position:absolute;bottom:var(--sp-6);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--fs-xs);color:#ffffff59;pointer-events:none;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.spotlight-name{animation:none!important}.spotlight-overlay{transition:none}}.slot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--surface2) 0%,var(--surface) 100%);overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none;padding:16px}.slot-machine{display:flex;flex-direction:column;align-items:center;gap:24px;background:linear-gradient(180deg,var(--surface2) 0%,var(--surface) 100%);border:3px solid var(--accent);border-radius:24px;padding:32px 36px 36px;box-shadow:0 0 40px color-mix(in srgb,var(--accent) 35%,transparent),0 0 80px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 1px color-mix(in srgb,var(--text) 5%,transparent);max-width:560px;width:90vw;position:relative}.slot-title{font-family:var(--font-heading, "Inter", sans-serif);font-weight:800;font-size:clamp(1.1rem,3vw,1.5rem);text-transform:uppercase;letter-spacing:.15em;color:var(--accent2);text-shadow:0 0 20px color-mix(in srgb,var(--accent2) 40%,transparent);text-align:center}.slot-title:before{content:"✨ "}.slot-pick-setting{display:flex;align-items:center;gap:8px;justify-content:center}.slot-pick-label{font-size:.85rem;font-weight:600;color:color-mix(in srgb,var(--text) 60%,transparent);text-transform:uppercase;letter-spacing:.08em}.slot-pick-btn{width:36px;height:36px;border-radius:999px;border:2px solid color-mix(in srgb,var(--text) 15%,transparent);background:color-mix(in srgb,var(--text) 5%,transparent);color:color-mix(in srgb,var(--text) 50%,transparent);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:var(--font-body, "Inter", sans-serif)}.slot-pick-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent2) 50%,transparent);color:color-mix(in srgb,var(--text) 80%,transparent)}.slot-pick-btn.active{background:var(--accent2);border-color:var(--accent2);color:var(--surface);box-shadow:0 0 12px color-mix(in srgb,var(--accent2) 40%,transparent)}.slot-pick-btn:disabled{opacity:.3;cursor:not-allowed}.slot-reels{display:flex;gap:16px;justify-content:center;width:100%}.slot-reel{flex:1;max-width:160px;height:140px;overflow:hidden;background:var(--surface);border:3px solid var(--accent2);border-radius:12px;position:relative;box-shadow:inset 0 0 30px #0009,0 0 10px color-mix(in srgb,var(--accent2) 20%,transparent)}.slot-reel-deco{position:absolute;left:50%;transform:translate(-50%);width:32px;height:16px;background:var(--surface2);border:2px solid var(--accent2);z-index:2;pointer-events:none}.slot-reel-deco-top{top:-2px;border-radius:0 0 32px 32px;border-top:none}.slot-reel-deco-bottom{bottom:-2px;border-radius:32px 32px 0 0;border-bottom:none}.slot-reel-stopped{border-color:var(--accent2);box-shadow:inset 0 0 30px #0009,0 0 15px color-mix(in srgb,var(--accent2) 30%,transparent)}.slot-reel-winner{animation:slotWinnerGlow .8s ease infinite;border-color:var(--accent2)}.slot-strip{will-change:transform}.slot-card{height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;box-sizing:border-box}.slot-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading, "Inter", sans-serif);font-weight:700;font-size:1.2rem;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.3);flex-shrink:0}.slot-card-name{font-family:var(--font-heading, "Inter", sans-serif);font-weight:600;font-size:.85rem;color:var(--text);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-pull-btn{font-family:var(--font-heading, "Inter", sans-serif);font-weight:800;font-size:clamp(1.2rem,3vw,1.6rem);letter-spacing:.1em;color:#fff;background:linear-gradient(180deg,#ef4444,#b91c1c);border:none;border-radius:999px;padding:16px 56px;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 6px #7f1d1d,0 8px 20px #0006;transition:all .15s ease;position:relative;top:0}.slot-pull-btn:hover:not(:disabled){background:linear-gradient(180deg,#f87171,#dc2626);box-shadow:0 6px #7f1d1d,0 10px 30px #00000080;top:-2px}.slot-pull-btn:active:not(:disabled),.slot-pull-pressed{top:4px;box-shadow:0 2px #7f1d1d,0 4px 10px #0000004d}.slot-pull-btn:disabled{opacity:.5;cursor:not-allowed}.slot-hint{position:absolute;bottom:var(--sp-6, 24px);left:50%;transform:translate(-50%);font-family:var(--font-mono, monospace);font-size:var(--fs-xs, .75rem);color:color-mix(in srgb,var(--text) 25%,transparent);pointer-events:none;letter-spacing:.04em}@media(max-height:700px){.slot-machine{padding:20px 24px 24px;gap:14px}.slot-reel{height:110px}.slot-card{height:110px;gap:4px;padding:8px 6px}.slot-avatar{width:44px;height:44px;font-size:1rem}.slot-pull-btn{padding:12px 44px}}@media(max-width:480px){.slot-machine{padding:20px 16px 24px;gap:16px;border-radius:16px}.slot-reels{gap:8px}.slot-reel{height:140px;border-width:2px;border-radius:8px}.slot-avatar{width:44px;height:44px;font-size:1rem}.slot-card-name{font-size:.75rem}.slot-pull-btn{padding:12px 40px;font-size:1.1rem}.slot-reel-deco{width:24px;height:12px}}@media(prefers-reduced-motion:reduce){.slot-overlay,.slot-overlay *,.slot-overlay *:before,.slot-overlay *:after{animation-duration:revert!important;animation-iteration-count:revert!important;transition-duration:revert!important}.slot-reel-winner{border-color:var(--accent2);box-shadow:inset 0 0 30px #0009,0 0 20px color-mix(in srgb,var(--accent2) 50%,transparent)}}.settings-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid var(--surface2);background:transparent;color:var(--text2);font-size:1.2rem;line-height:1;cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.settings-btn:hover{transform:scale(1.1);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent)}.info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.info-overlay.open{opacity:1;visibility:visible}.info-panel{position:fixed;top:0;right:0;bottom:0;width:360px;z-index:201;background-color:var(--surface);border-left:2px solid var(--accent);box-shadow:-4px 0 24px #0006;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;display:flex;flex-direction:column}.info-panel.open{transform:translate(0)}.info-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);border-bottom:1px solid var(--surface2);flex-shrink:0}.info-panel-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;color:var(--text)}.info-panel-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--surface2);color:var(--text2);font-size:var(--fs-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition);padding:0}.info-panel-close:hover{background-color:var(--accent);color:var(--bg)}.info-panel-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5);flex:1}.settings-section{display:flex;flex-direction:column;gap:var(--sp-4)}.settings-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.settings-label{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;color:var(--text);flex-shrink:0}.settings-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--surface2);background:var(--bg)}.settings-toggle-option{padding:var(--sp-2) var(--sp-3);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;background:transparent;color:var(--text2);border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap;text-align:center}.settings-toggle-option:nth-child(odd){border-right:1px solid var(--surface2)}.settings-toggle-option:nth-child(-n+2){border-bottom:1px solid var(--surface2)}.settings-toggle-option:hover:not(.active){background-color:var(--surface2);color:var(--text)}.settings-toggle-option.active{background-color:var(--accent);color:var(--bg)}.info-section-title{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:600;color:var(--accent);margin-bottom:var(--sp-2)}.info-section-text{font-size:var(--fs-sm);color:var(--text2);line-height:1.6;margin:0}.info-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-2)}.info-feature-item{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text);padding:var(--sp-2) var(--sp-3);background-color:var(--surface2);border-radius:var(--radius-sm)}.info-feature-icon{font-size:1.1rem;flex-shrink:0}.info-contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 20px;min-height:44px;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;cursor:pointer;border:1px solid var(--accent);color:var(--accent);background:transparent;transition:all var(--transition);text-decoration:none;width:100%}.info-contact-btn:hover{background-color:color-mix(in srgb,var(--accent) 12%,transparent)}.divider{border:none;border-top:1px solid var(--surface2);margin:0}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:var(--sp-2)}.theme-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);border-radius:var(--radius-sm);border:2px solid var(--surface2);background:var(--surface);cursor:pointer;transition:all var(--transition)}.theme-card:hover{border-color:var(--text2)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 30%,transparent)}.theme-swatches{display:flex;gap:3px;align-items:center}.theme-swatch-bg{width:16px;height:16px;border-radius:4px;border:1px solid rgba(128,128,128,.3);flex-shrink:0}.theme-swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(128,128,128,.15);flex-shrink:0}.theme-card-name{font-size:10px;font-weight:600;color:var(--text);white-space:nowrap;line-height:1}@media(max-width:767px){.info-panel{width:100%}.info-panel-body{padding:var(--sp-4)}}.custom-wheels-section{border-top:1px solid var(--surface2);margin-top:var(--sp-6);padding-top:var(--sp-5)}.custom-wheels-section h3{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:var(--sp-3)}.cw-subtitle{font-size:var(--fs-sm);color:var(--text2);margin-bottom:var(--sp-3)}.custom-wheel-cards{display:flex;gap:var(--sp-3);overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.custom-wheel-cards::-webkit-scrollbar{height:4px}.custom-wheel-cards::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.cw-card{flex-shrink:0;min-width:110px;max-width:160px;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:2px solid var(--surface2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:var(--sp-1);-webkit-user-select:none;user-select:none}.cw-card:hover{border-color:var(--accent);background:var(--surface2)}.cw-card.active{border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.cw-card-name{font-size:var(--fs-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-card-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text2)}.cw-card-new{border-style:dashed;border-color:var(--accent);align-items:center;justify-content:center;color:var(--accent);font-weight:600;font-size:var(--fs-base)}.cw-card-new:hover{color:var(--accent)}.custom-wheel-editor{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:var(--sp-4);margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);animation:cw-slide-up .2s ease}@keyframes cw-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cw-editor-header{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.cw-editor-header input{flex:1;min-width:140px;padding:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--surface2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);font-family:var(--font-body);outline:none;transition:border-color var(--transition)}.cw-editor-header input:focus{border-color:var(--accent)}.cw-add-row{display:flex;gap:var(--sp-2)}.cw-add-row input{flex:1;padding:var(--sp-2) var(--sp-3);background:var(--bg);border:1px solid var(--surface2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);font-family:var(--font-body);outline:none;transition:border-color var(--transition)}.cw-add-row input:focus{border-color:var(--accent)}.cw-entry-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.cw-entry-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg);border-radius:var(--radius-sm);transition:background var(--transition)}.cw-entry-row:hover{background:var(--surface2)}.cw-entry-text{flex:1;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-entry-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--surface2);border-radius:var(--radius-sm);color:var(--text2);font-size:13px;cursor:pointer;padding:0;flex-shrink:0;transition:all var(--transition)}.cw-entry-btn:hover{border-color:var(--accent);color:var(--accent)}.cw-entry-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.cw-entry-btn:disabled{opacity:.3;cursor:not-allowed}.cw-editor-footer{display:flex;justify-content:flex-end;gap:var(--sp-3)}.cw-delete-btn{margin-right:auto}@media(max-width:767px){.cw-card{min-width:90px;max-width:130px;padding:var(--sp-2) var(--sp-3)}.custom-wheel-editor{padding:var(--sp-3)}}.sidebar,.sidebar-toggle{display:none}@media(min-width:1024px){.app-layout{display:grid;grid-template-columns:260px 1fr;padding-top:72px;min-height:calc(100vh - 72px);transition:grid-template-columns .25s ease}.sidebar{display:flex;flex-direction:column;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden;background-color:var(--bg);border-right:1px solid var(--surface2);padding:var(--sp-3) var(--sp-3);gap:var(--sp-1);z-index:80;transition:width .25s ease,padding .25s ease,opacity .25s ease;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--surface2);border-radius:4px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-sm);border:none;background-color:transparent;color:var(--text2);cursor:pointer;transition:all .2s ease;line-height:1}.sidebar-toggle:before{content:"";display:block;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor;border-radius:1px;transform:translateY(-5px)}.sidebar-toggle:hover{color:var(--accent);background-color:color-mix(in srgb,var(--accent) 8%,transparent)}.app-layout.sidebar-collapsed{grid-template-columns:0px 1fr}.app-layout.sidebar-collapsed .sidebar{width:0;padding:0;border-right:none;overflow:hidden;opacity:0}.header .class-slots{display:none}body.sidebar-collapsed .header .class-slots{display:flex}.content-column .main-content{padding-top:var(--sp-5)}}@media(min-width:1024px)and (max-width:1400px){.app-layout{grid-template-columns:220px 1fr}.sidebar{padding:var(--sp-2) var(--sp-2)}}@media(max-width:1023px){.app-layout{display:block;padding-top:0}.content-column{display:contents}}.sidebar-section-title{font-family:var(--font-heading);font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;padding:var(--sp-2) var(--sp-2) var(--sp-1)}.sidebar-list{display:flex;flex-direction:column;gap:1px}.sidebar-empty{padding:var(--sp-2) var(--sp-2);font-size:var(--fs-sm);color:var(--text2)}.sidebar-item{display:flex;align-items:center;gap:var(--sp-2);padding:6px 8px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;transition:all var(--transition);text-align:left;width:100%;color:var(--text2);font-family:var(--font-body)}.sidebar-item:hover{background-color:var(--surface2);color:var(--text)}.sidebar-item.active{background-color:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text);border-left:2px solid var(--accent);padding-left:6px}.sidebar-item.active:hover{background-color:color-mix(in srgb,var(--accent) 24%,transparent)}.sidebar-avatar{width:28px;height:28px;border-radius:6px;background-color:var(--surface2);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text);flex-shrink:0}.sidebar-item.active .sidebar-avatar{background-color:var(--accent);color:var(--bg)}.sidebar-avatar-ghost{background-color:transparent;border:1.5px dashed var(--text2);color:var(--text2);font-size:14px;font-weight:400}.sidebar-new-class:hover .sidebar-avatar-ghost{border-color:var(--accent);color:var(--accent)}.sidebar-new-class .sidebar-item-name{color:var(--text2)}.sidebar-new-class:hover .sidebar-item-name{color:var(--accent)}.sidebar-new-class.pulse .sidebar-avatar-ghost{animation:sidebarPulse 2s ease-in-out infinite}.sidebar-wheel-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.sidebar-item-info{min-width:0;flex:1}.sidebar-item-name{font-size:var(--fs-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-item-count{font-size:11px;color:var(--text2);line-height:1.2}.sidebar-kebab{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text2);cursor:pointer;flex-shrink:0;opacity:.4;transition:opacity var(--transition),background-color var(--transition);padding:0}.sidebar-item:hover .sidebar-kebab{opacity:.7}.sidebar-kebab:hover{opacity:1!important;background-color:var(--surface2);color:var(--text)}.sidebar-dropdown{position:absolute;z-index:200;min-width:160px;padding:4px;background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);box-shadow:0 4px 16px #0003}.sidebar-dropdown-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--transition);white-space:nowrap}.sidebar-dropdown-item:hover{background-color:var(--surface2)}.sidebar-dropdown-divider{height:1px;margin:4px 0;background-color:var(--surface2)}.sidebar-dropdown-danger{color:var(--danger)}.sidebar-dropdown-danger:hover{background-color:color-mix(in srgb,var(--danger) 10%,transparent)}.sidebar-item.sidebar-dragging{opacity:.35}.sidebar-item.sidebar-drop-above{box-shadow:0 -2px 0 0 var(--accent)}.sidebar-item.sidebar-drop-below{box-shadow:0 2px 0 0 var(--accent)}.sidebar-progress-nudge{margin:var(--sp-2) var(--sp-1);padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);background-color:var(--surface)}.sidebar-progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);margin-bottom:6px}.sidebar-progress-label{font-size:11px;font-weight:500;color:var(--text2);white-space:nowrap}.sidebar-upgrade-link{font-size:11px;font-weight:600;color:var(--accent);text-decoration:none;cursor:pointer;white-space:nowrap;flex-shrink:0}.sidebar-upgrade-link:hover{text-decoration:underline}.sidebar-progress-track{height:4px;border-radius:2px;background-color:var(--surface2);overflow:hidden}.sidebar-progress-fill{height:100%;border-radius:2px;background-color:var(--accent);transition:width .3s ease}.sidebar-spacer{flex:1}.sidebar-settings-btn{display:none}@media(min-width:1024px){.sidebar-settings-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:6px 8px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text2);cursor:pointer;transition:all var(--transition);font-family:var(--font-body);font-size:var(--fs-sm)}.sidebar-settings-btn svg{flex-shrink:0;opacity:.6}.sidebar-settings-btn:hover{background-color:var(--surface2);color:var(--text)}.sidebar-settings-btn:hover svg{opacity:1}.sidebar-settings-label{font-weight:500}}@keyframes sidebarPulse{0%,to{border-color:var(--text2)}50%{border-color:var(--accent)}}.sidebar-bottom{border-top:1px solid var(--surface2);padding-top:var(--sp-2);display:flex;flex-direction:column;gap:1px}.sidebar-account-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:8px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background-color var(--transition);text-align:left}.sidebar-account-row:hover{background-color:var(--surface2)}.sidebar-account-avatar{width:30px;height:30px;border-radius:50%;background-color:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.sidebar-account-avatar--syncing{box-shadow:0 0 0 2px #f59e0b}.sidebar-account-avatar--error{box-shadow:0 0 0 2px var(--danger)}.sidebar-account-info{flex:1;min-width:0}.sidebar-account-name{font-size:var(--fs-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-account-email{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-account-chevron{color:var(--text2);opacity:.5;flex-shrink:0}.sidebar-account-signin{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text2);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--transition),color var(--transition);text-align:left}.sidebar-account-signin:hover{background-color:var(--surface2);color:var(--accent)}.sidebar-account-dropdown{position:fixed;z-index:300;background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);box-shadow:0 -4px 16px #00000040;padding:4px}.sidebar-account-dropdown-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--transition);white-space:nowrap;text-align:left}.sidebar-account-dropdown-item:hover{background-color:var(--surface2)}.sidebar-account-dropdown-signout{color:var(--danger)}.sidebar-account-dropdown-signout:hover{background-color:color-mix(in srgb,var(--danger) 10%,transparent)}.sidebar-new-class{margin-top:var(--sp-1);border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--surface2))!important;color:var(--text2)}.sidebar-new-class:hover{background-color:color-mix(in srgb,var(--accent) 8%,transparent)!important;border-color:var(--accent)!important;color:var(--accent)!important}.sidebar-new-class .sidebar-item-name{color:inherit}.quake-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);overflow:hidden;-webkit-user-select:none;user-select:none}.quake-arena{position:relative;width:100%;height:100%;overflow:hidden}@keyframes quakeShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px,2px) rotate(-2deg)}75%{transform:translate(3px,-2px) rotate(2deg)}}.quake-shaking .quake-card{animation:quakeShake .1s ease-in-out infinite}.quake-card{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:var(--surface);border:2px solid var(--card-color, var(--accent));border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(var(--card-rot, 0deg));will-change:transform,opacity;cursor:default;min-width:80px}.quake-card-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);flex-shrink:0}.quake-card-name{font-family:var(--font-heading);font-weight:600;font-size:.8rem;color:var(--text);text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quake-winner-rise{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(1.5)!important;transition:all .7s cubic-bezier(.22,1,.36,1)!important;z-index:10}@keyframes quakeWinnerPulse{to{transform:translate(-50%,-50%) scale(1.6)}}.quake-winner-glow{animation:quakeWinnerPulse .5s ease-in-out infinite alternate!important;border-color:var(--accent)!important;box-shadow:0 0 30px color-mix(in srgb,var(--card-color, var(--accent)) 50%,transparent),0 0 60px color-mix(in srgb,var(--card-color, var(--accent)) 25%,transparent)}.quake-hint{position:fixed;bottom:var(--sp-6, 24px);left:50%;transform:translate(-50%);font-family:var(--font-mono, monospace);font-size:var(--fs-xs, .75rem);color:var(--text2);opacity:.5;pointer-events:none;letter-spacing:.04em;z-index:20}@media(max-width:480px){.quake-card{padding:8px 10px;min-width:64px}.quake-card-avatar{width:34px;height:34px;font-size:.85rem}.quake-card-name{font-size:.7rem;max-width:72px}}@media(prefers-reduced-motion:reduce){.quake-overlay,.quake-overlay *,.quake-overlay *:before,.quake-overlay *:after{animation-duration:revert!important;animation-iteration-count:revert!important;transition-duration:revert!important}.quake-shaking .quake-card{animation:quakeShake .2s ease-in-out infinite!important}.quake-winner-glow{animation:quakeWinnerPulse 1s ease-in-out infinite alternate!important}.quake-winner-rise{transition-duration:.4s!important}}.envelope-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;background:var(--bg);overflow:hidden;-webkit-user-select:none;user-select:none}.envelope-top{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 16px 12px;width:100%}.envelope-content{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;width:100%;padding:8px 16px 80px;gap:20px}.envelope-content--centered{justify-content:center}.envelope-content--dealing>.envelope-editor{display:none}.envelope-title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text);text-align:center;letter-spacing:.05em}.envelope-mode-switcher{display:flex;background:var(--surface);border:1px solid var(--surface2);border-radius:50px;max-width:340px;width:90vw;overflow:hidden;flex-shrink:0;padding:3px}.envelope-mode-btn{flex:1;padding:10px 20px;border:none;background:transparent;color:var(--text2);font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;border-radius:50px;transition:background .2s,color .2s,box-shadow .2s}.envelope-mode-btn.active{background:var(--accent);color:var(--bg);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 40%,transparent)}.envelope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:520px;width:100%;padding:8px 0}@media(min-width:600px){.envelope-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:560px}}.envelope{position:relative;width:100%;aspect-ratio:1.15 / 1;cursor:pointer;overflow:hidden;border-radius:var(--radius);transition:transform .25s ease}.envelope:hover:not(.envelope-opened):not(.envelope-empty){transform:translateY(-3px) scale(1.03);z-index:2}.envelope-body{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--env-color);box-shadow:var(--shadow)}.envelope-body:after{content:"";position:absolute;bottom:0;left:6%;right:6%;height:58%;background:#ffffff1a;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.envelope-flap{position:absolute;top:0;left:0;right:0;height:50%;transform-origin:top center;transition:transform .4s ease,opacity .35s ease;z-index:3;clip-path:polygon(0 0,100% 0,50% 90%);background:color-mix(in srgb,var(--env-color) 55%,#000);border-radius:var(--radius) var(--radius) 0 0}.envelope-flap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(5% 0,95% 0,50% 80%);background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 50%,transparent 100%)}.envelope-seal{position:absolute;top:0;left:0;right:0;height:2px;background:#00000026;z-index:5;opacity:1;transition:opacity .3s ease}.envelope-opened .envelope-seal{opacity:0}.envelope-opened .envelope-flap{transform:scaleY(0);opacity:0}.envelope-question{position:absolute;top:10%;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-weight:800;font-size:clamp(1rem,2.5vw,1.5rem);color:#ffffffbf;text-shadow:0 1px 4px rgba(0,0,0,.35);z-index:4;pointer-events:none;transition:opacity .3s ease}.envelope-opened .envelope-question{opacity:0}.envelope-letter{position:absolute;bottom:10%;left:10%;right:10%;height:0;background:var(--surface);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:height .4s .15s cubic-bezier(.34,1.56,.64,1);z-index:2;gap:4px;box-shadow:0 2px 8px #0003}.envelope-opened .envelope-letter{height:45%}.envelope-letter-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.65rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);flex-shrink:0}.envelope-letter-name{font-family:var(--font-heading);font-weight:700;font-size:.65rem;color:var(--text);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.envelope-letter-content{font-family:var(--font-heading);font-size:clamp(9px,2vw,13px);font-weight:800;color:var(--text);max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-align:center;padding:0 4px;line-height:1.3}.envelope-letter-empty{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--text2);opacity:.5}.envelope-empty{opacity:.25;transform:scale(.92);transition:opacity .5s ease,transform .5s ease;pointer-events:none}@keyframes envelopeWinnerGlow{0%,to{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 40%,transparent),0 0 32px color-mix(in srgb,var(--accent) 20%,transparent)}50%{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 60%,transparent),0 0 48px color-mix(in srgb,var(--accent) 30%,transparent)}}.envelope-winner-found{z-index:3}.envelope-winner-found .envelope-body{animation:envelopeWinnerGlow .6s ease infinite;border:2px solid var(--accent)}.envelope-winner-banner{font-family:var(--font-heading);font-weight:800;font-size:clamp(2rem,8vw,4rem);color:var(--accent);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 60%,transparent),0 0 80px color-mix(in srgb,var(--accent) 30%,transparent);text-align:center;opacity:0;pointer-events:none;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:scale(.5);width:100%;padding:0 16px}@keyframes envelopeBannerReveal{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.envelope-banner-visible{animation:envelopeBannerReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}.envelope-banner-label{font-size:clamp(.8rem,2vw,1rem);opacity:.7;white-space:nowrap}.envelope-banner-content{font-size:clamp(1.4rem,5vw,2rem);max-width:380px;word-break:break-word;white-space:normal;line-height:1.2}.envelope-actions{position:fixed;bottom:28px;left:0;right:0;display:flex;gap:10px;justify-content:center;align-items:center;padding:0 20px;z-index:10001;pointer-events:none}.envelope-actions:empty{display:none}@keyframes envelopeActionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.envelope-action-btn{pointer-events:auto;padding:12px 24px;border:2px solid transparent;border-radius:999px;font-family:var(--font-heading);font-weight:600;font-size:var(--fs-md);cursor:pointer;background:var(--accent);color:var(--bg);transition:background .2s,border-color .2s,transform .15s;white-space:nowrap;animation:envelopeActionFadeIn .4s ease both}.envelope-action-btn:hover{filter:brightness(1.15);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 35%,transparent);transform:scale(1.05)}.envelope-action-btn--ghost{background:var(--surface);border:2px solid var(--surface2);color:var(--text)}.envelope-action-btn--ghost:hover{filter:none;box-shadow:none;border-color:var(--accent);color:var(--accent)}.envelope-hint{position:fixed;bottom:8px;left:50%;transform:translate(-50%);font-family:var(--font-mono, monospace);font-size:var(--fs-xs, .75rem);color:var(--text2);opacity:.4;pointer-events:none;letter-spacing:.04em;z-index:10002}.envelope-actions:not(:empty)~.envelope-hint{display:none}.envelope-editor{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius-lg);padding:20px;max-width:520px;width:100%;display:flex;flex-direction:column;gap:14px;flex-shrink:0;box-shadow:var(--shadow)}.envelope-editor-input-row{display:flex;gap:8px}.envelope-item-input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--surface2);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:var(--font-body, sans-serif);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.envelope-item-input::placeholder{color:var(--text2);opacity:.6}.envelope-item-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.envelope-add-btn{background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);padding:10px 20px;font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;transition:filter .2s}.envelope-add-btn:hover{filter:brightness(1.15)}.envelope-item-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.envelope-item-empty{padding:18px;text-align:center;color:var(--text2);font-size:13px;border:2px dashed var(--surface2);border-radius:var(--radius);opacity:.7}@keyframes envelope-item-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.envelope-item-row{background:var(--bg);border:1px solid var(--surface2);border-radius:var(--radius);padding:8px 12px;display:flex;align-items:center;gap:10px;animation:envelope-item-enter .18s cubic-bezier(.22,1,.36,1)}.envelope-item-number{color:var(--text2);font-family:var(--font-mono, monospace);font-size:12px;min-width:20px;text-align:center;opacity:.5}.envelope-item-text{flex:1;min-width:0;color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.envelope-item-edit,.envelope-item-delete{background:none;border:none;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;color:var(--text2);transition:color .15s,background .15s}.envelope-item-edit:hover{color:var(--accent2, var(--accent));background:color-mix(in srgb,var(--accent2, var(--accent)) 10%,transparent)}.envelope-item-delete:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.envelope-options{display:flex;flex-direction:column;gap:8px}.envelope-option-row{background:var(--bg);border:1px solid var(--surface2);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.envelope-option-label{color:var(--text);font-size:14px;font-weight:600}.envelope-toggle{display:flex;align-items:center;cursor:pointer}.envelope-toggle-input{display:none}.envelope-toggle-input:checked+.toggle-track{background-color:color-mix(in srgb,var(--accent) 30%,var(--surface2))}.envelope-toggle-input:checked+.toggle-track:after{background-color:var(--accent);transform:translate(20px)}.envelope-stepper{display:flex;align-items:center;gap:6px}.envelope-stepper-btn{width:32px;height:32px;border:1px solid var(--surface2);border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.envelope-stepper-btn:hover{border-color:var(--accent);color:var(--accent)}.envelope-stepper-value{color:var(--text);font-family:var(--font-mono, monospace);font-size:15px;font-weight:700;min-width:24px;text-align:center}.envelope-count-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;background:var(--surface2);border-radius:999px;font-family:var(--font-mono, monospace);font-size:13px;color:var(--text2);align-self:center}.envelope-count-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#fbbf24;flex-shrink:0}.envelope-shuffle-btn{width:100%;padding:14px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;transition:filter .2s,opacity .2s}.envelope-shuffle-btn:hover:not(:disabled){filter:brightness(1.15)}.envelope-shuffle-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:380px){.envelope-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.envelope-top{padding:14px 12px 8px;gap:10px}.envelope-content{padding:4px 12px 90px;gap:14px}.envelope-mode-switcher{width:95vw}.envelope-letter-avatar{width:22px;height:22px;font-size:.55rem}.envelope-letter-name{font-size:.55rem}.envelope-editor{padding:14px}.envelope-item-list{max-height:130px}.envelope-actions{gap:8px;padding:0 12px;bottom:20px;flex-wrap:wrap}.envelope-action-btn{padding:10px 16px;font-size:13px}}@media(prefers-reduced-motion:reduce){.envelope-flap,.envelope-letter{transition-duration:.01ms!important;transition-delay:0ms!important}.envelope-winner-found .envelope-body{animation:none!important}.envelope-banner-visible{animation:none!important;opacity:1;transform:scale(1)}.envelope-item-row{animation:none!important}}.envelope-overlay .picker-winner-banner{top:22%}.balloon-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:var(--bg);overflow:hidden;-webkit-user-select:none;user-select:none}.balloon-arena{position:relative;width:100%;height:100%;overflow:hidden}.balloon{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform;cursor:default;transition:opacity .3s ease}.balloon-body{width:64px;height:76px;border-radius:50% 50% 46% 46%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset -8px -8px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}.balloon-body:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:8px;background:inherit;filter:brightness(.75);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.balloon-shine{position:absolute;top:14%;left:22%;width:18px;height:24px;background:#ffffff59;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.balloon-initials{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:1;pointer-events:none}.balloon-name{font-family:var(--font-heading);font-weight:600;font-size:.7rem;color:var(--text);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.balloon-string{width:1px;height:28px;background:var(--text2);opacity:.4;pointer-events:none}@keyframes balloonGlow{0%,to{box-shadow:inset -8px -8px 20px #00000026,0 0 20px color-mix(in srgb,var(--balloon-color, var(--accent)) 40%,transparent),0 0 40px color-mix(in srgb,var(--balloon-color, var(--accent)) 20%,transparent);transform:scale(1)}50%{box-shadow:inset -8px -8px 20px #00000026,0 0 30px color-mix(in srgb,var(--balloon-color, var(--accent)) 60%,transparent),0 0 60px color-mix(in srgb,var(--balloon-color, var(--accent)) 30%,transparent);transform:scale(1.05)}}.balloon-glow{cursor:pointer;z-index:10;position:fixed!important;left:50%!important;bottom:auto!important;top:45%!important;transform:translate(-50%,-50%)!important;transition:all .6s cubic-bezier(.22,1,.36,1)!important}.balloon-glow .balloon-body{animation:balloonGlow .6s ease infinite;transform:scale(1.2)}.balloon-glow .balloon-name{font-size:.9rem;color:var(--accent);font-weight:700}.balloon-arena:has(.balloon-glow) .balloon:not(.balloon-glow){opacity:.3;pointer-events:none}@keyframes balloonPop{0%{transform:translate(-50%,-50%) scale(1);opacity:1}40%{transform:translate(-50%,-50%) scale(1.6);opacity:.4}to{transform:translate(-50%,-50%) scale(0);opacity:0}}.balloon-popped{animation:balloonPop .3s ease forwards!important;pointer-events:none}.balloon-hint{position:fixed;bottom:var(--sp-6, 24px);left:50%;transform:translate(-50%);font-family:var(--font-mono, monospace);font-size:var(--fs-xs, .75rem);color:var(--text2);opacity:.5;pointer-events:none;letter-spacing:.04em;z-index:20}@media(max-width:480px){.balloon-body{width:50px;height:60px}.balloon-shine{width:14px;height:18px}.balloon-initials{font-size:.85rem}.balloon-name{font-size:.6rem;max-width:60px}.balloon-string{height:20px}}@media(prefers-reduced-motion:reduce){.balloon-glow .balloon-body{animation:none!important}.balloon-popped{animation:none!important;opacity:0}}.potato-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);overflow:hidden;-webkit-user-select:none;user-select:none}.potato-title{position:absolute;top:var(--sp-5);left:50%;transform:translate(-50%);font-family:var(--font-heading);font-weight:800;font-size:clamp(1rem,2.5vw,1.4rem);color:var(--text);text-align:center;letter-spacing:.05em;z-index:5}.potato-arena{position:relative;width:90vw;height:70vh;max-width:700px;max-height:500px;border:2px solid var(--surface2);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.potato-avatar{position:absolute;width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:box-shadow .15s ease,border-color .15s ease;border:2px solid transparent;will-change:left,top;z-index:1}.potato-avatar-initials{font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}.potato-avatar-name{position:absolute;bottom:-16px;font-family:var(--font-heading);font-weight:600;font-size:.6rem;color:var(--text);text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}@keyframes potatoHolderPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.potato-holder{border-color:var(--accent)!important;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 50%,transparent),0 0 28px color-mix(in srgb,var(--accent) 25%,transparent);animation:potatoHolderPulse .35s ease infinite alternate;z-index:3}.potato-emoji{position:absolute;font-size:1.8rem;transform:translate(-50%,-100%);transition:left .1s ease,top .1s ease;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.potato-timer-track{width:90vw;max-width:700px;height:8px;background:var(--surface2);border-radius:4px;overflow:hidden;margin-top:16px}.potato-timer-fill{height:100%;width:100%;border-radius:4px;transition:background-color .3s ease}@keyframes potatoCaughtPulse{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 50%,transparent),0 0 40px color-mix(in srgb,var(--accent) 25%,transparent);transform:translate(-50%,-50%) scale(1.2)}50%{box-shadow:0 0 30px color-mix(in srgb,var(--accent) 70%,transparent),0 0 60px color-mix(in srgb,var(--accent) 35%,transparent);transform:translate(-50%,-50%) scale(1.3)}}.potato-caught{animation:potatoCaughtPulse .5s ease infinite!important;border-color:var(--accent)!important;z-index:5}.potato-safe{opacity:.3;transition:opacity .4s ease}.potato-hint{position:fixed;bottom:var(--sp-6, 24px);left:50%;transform:translate(-50%);font-family:var(--font-mono, monospace);font-size:var(--fs-xs, .75rem);color:var(--text2);opacity:.5;pointer-events:none;letter-spacing:.04em;z-index:20}@media(max-width:480px){.potato-arena{height:60vh}.potato-avatar{width:40px;height:40px}.potato-avatar-initials{font-size:.75rem}.potato-avatar-name{font-size:.5rem;max-width:55px;bottom:-14px}.potato-emoji{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.potato-holder,.potato-caught{animation:none!important}}.val-btn-add{font-weight:700;font-size:var(--fs-md);color:var(--accent);border-color:var(--accent);border-style:solid}.val-btn-add:hover{background-color:var(--accent);color:var(--bg)}.cgt-edit-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;margin-left:2px;opacity:0;transition:opacity var(--transition);pointer-events:auto}.val-btn:hover .cgt-edit-icon{opacity:.6}.cgt-edit-icon:hover{opacity:1!important}.cgt-modal{max-width:500px}.cgt-field-label{font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-2)}.cgt-name-input{margin-bottom:var(--sp-2)}.cgt-entry-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:320px;overflow-y:auto;padding-right:var(--sp-1)}.cgt-entry-row{display:flex;align-items:center;gap:var(--sp-2)}.cgt-entry-emoji-btn{width:40px;height:40px;min-width:40px;border:1px solid var(--surface2);border-radius:var(--radius-sm);background:var(--surface);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition)}.cgt-entry-emoji-btn:hover{border-color:var(--accent)}.cgt-entry-name{flex:1;min-width:0;height:40px}.cgt-entry-color-btn{width:32px;height:32px;min-width:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface2) 60%,transparent)}.cgt-entry-color-btn:hover{transform:scale(1.1);box-shadow:0 0 0 2px var(--accent)}.cgt-entry-delete{width:32px;height:32px;min-width:32px;border:none;background:transparent;color:var(--text2);font-size:1.2rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.cgt-entry-delete:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.cgt-add-row{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3)}.cgt-max-hint{font-size:var(--fs-xs);color:var(--text2)}.cgt-actions{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--surface2)}.cgt-actions-spacer{flex:1}.cgt-save-btn:disabled{opacity:.4;cursor:not-allowed}.emoji-picker-popup{position:fixed;z-index:300;background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:var(--sp-3);box-shadow:var(--shadow);max-height:260px;overflow-y:auto}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,36px);gap:var(--sp-1)}.emoji-picker-item{width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.emoji-picker-item:hover{background:var(--surface2)}.color-picker-popup{position:fixed;z-index:300;background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:var(--sp-3);box-shadow:var(--shadow)}.color-picker-swatches{display:flex;gap:var(--sp-2);flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition)}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--text);box-shadow:0 0 0 3px var(--accent)}@media(max-width:767px){.cgt-modal{max-width:100%}.emoji-picker-grid{grid-template-columns:repeat(7,36px)}.cgt-entry-list{max-height:240px}.color-picker-swatches{gap:var(--sp-1)}.color-swatch{width:28px;height:28px}}.sc-roster-section{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--surface2)}.sc-chart-list{display:flex;flex-direction:column;gap:var(--sp-2)}.sc-chart-empty{font-size:var(--fs-sm);color:var(--text2);padding:var(--sp-3) 0}.sc-chart-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.sc-chart-card:hover{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 4%,var(--surface));transform:translateY(-1px)}.sc-chart-card-info{flex:1;min-width:0}.sc-chart-card-name{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-chart-card-stats{font-size:var(--fs-xs);color:var(--text2);font-family:var(--font-mono);margin-top:2px}.sc-chart-card-preview{display:grid;gap:2px;flex-shrink:0}.sc-chart-card-dot{width:6px;height:6px;border-radius:1px;background-color:color-mix(in srgb,var(--text2) 15%,transparent)}.sc-chart-card-dot--desk{background-color:color-mix(in srgb,var(--accent) 30%,var(--surface))}.sc-chart-card-dot--occupied{background-color:var(--accent)}.sc-name-input{width:100%;max-width:320px;padding:var(--sp-2) var(--sp-3);min-height:40px;background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);transition:border-color var(--transition),box-shadow var(--transition)}.sc-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.sc-name-input::placeholder{color:var(--text2);opacity:.5}.sc-config{display:flex;flex-direction:column;gap:var(--sp-5);max-width:480px}.sc-config-group{display:flex;flex-direction:column;gap:var(--sp-2)}.sc-config-label{font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.sc-preview-wrap{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.sc-mini-preview{display:grid;gap:6px;padding:var(--sp-3);background-color:color-mix(in srgb,var(--surface2) 30%,transparent);border:1px solid var(--surface2);border-radius:var(--radius)}.sc-mini-dot{width:10px;height:10px;border-radius:50%;background-color:color-mix(in srgb,var(--accent) 35%,var(--surface));transition:all .15s ease}.sc-preview-summary{font-size:var(--fs-xs);color:var(--text2);font-family:var(--font-mono)}.sc-launch-buttons{display:flex;flex-direction:column;gap:var(--sp-3)}.sc-launch-btn{justify-content:center;gap:var(--sp-2);min-height:48px;font-size:var(--fs-md)}.sc-launch-icon{font-size:1.1em}.sc-build-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}.sc-header-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sc-header-class{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-header-stats{font-size:var(--fs-xs);color:var(--text2);font-family:var(--font-mono)}.sc-header-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.sc-mode-toggle{display:inline-flex;background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);overflow:hidden}.sc-mode-btn{padding:6px 16px;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;color:var(--text2);background:transparent;border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap}.sc-mode-btn:hover{color:var(--text);background-color:color-mix(in srgb,var(--accent) 8%,transparent)}.sc-mode-btn.active{color:var(--bg);background-color:var(--accent)}.sc-front-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-2);min-height:20px;position:relative}.sc-selection-hint{font-size:var(--fs-sm);color:var(--accent);font-weight:500;white-space:nowrap}.sc-selection-hint:empty{display:none}.sc-front-label{text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-variant:small-caps;color:var(--text2);opacity:.4}.sc-build-layout{display:flex;gap:var(--sp-5);align-items:flex-start}.sc-grid-wrap{flex:1;min-width:0}.sc-grid{display:grid;gap:8px;padding:var(--sp-4);background-color:color-mix(in srgb,var(--text) 1.5%,var(--bg));border:1px solid var(--surface2);border-radius:var(--radius-lg)}.sc-cell{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;min-width:0}.sc-cell--empty{border:1.5px dashed color-mix(in srgb,var(--text2) 20%,transparent);background-color:color-mix(in srgb,var(--surface) 30%,transparent)}.sc-cell--empty:hover{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 6%,transparent)}.sc-cell-plus{font-size:1.2em;color:var(--text2);opacity:.25;font-weight:300;transition:opacity .15s ease}.sc-cell--empty:hover .sc-cell-plus{opacity:.6;color:var(--accent)}.sc-cell--desk{border:1.5px solid color-mix(in srgb,var(--accent) 50%,var(--surface2));background-color:color-mix(in srgb,var(--accent) 12%,var(--surface))}.sc-cell--desk:hover{border-color:var(--danger);background-color:color-mix(in srgb,var(--danger) 8%,var(--surface))}.sc-cell-desk-icon{font-size:1.4em;line-height:1}.sc-cell--spacer{visibility:hidden;pointer-events:none}.sc-cell--empty-desk{border:1.5px dashed color-mix(in srgb,var(--text2) 25%,transparent);background-color:color-mix(in srgb,var(--surface) 50%,transparent)}.sc-cell--empty-desk:hover{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 6%,transparent)}.sc-desk-ghost{display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.12}.sc-desk-bar{width:60%;height:3px;background-color:var(--text);border-radius:2px}.sc-desk-bar--thin{width:20%;height:6px}.sc-cell--occupied{border:1.5px solid var(--surface2);gap:4px;padding:4px}.sc-cell-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--bg);display:flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0}.sc-cell-name{font-size:10px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;line-height:1.2}.sc-cell--drag-over{border-color:var(--accent)!important;border-style:dashed!important;background-color:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;transform:scale(1.06);z-index:2}.sc-cell--selected{box-shadow:0 0 0 2px var(--accent)}.sc-cell.sc-dragging{opacity:.3}.sc-sidebar{width:240px;flex-shrink:0;position:sticky;top:68px;max-height:calc(100vh - 84px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.sc-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:700;color:var(--text)}.sc-sidebar-badge{font-size:11px;font-weight:600;color:#f59e0b;white-space:nowrap}.sc-sidebar-badge--done{color:#22c55e}.sc-sidebar-list{display:flex;flex-direction:column;gap:var(--sp-1)}.sc-sidebar-student{display:flex;align-items:center;gap:var(--sp-2);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s ease;user-select:none;-webkit-user-select:none;background-color:transparent;border:1px solid transparent}.sc-sidebar-student:not(.seated):hover{background-color:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.sc-sidebar-student.seated{opacity:.32;cursor:default;pointer-events:none}.sc-sidebar-student--selected{background-color:color-mix(in srgb,var(--accent) 12%,transparent)!important;border-color:var(--accent)!important}.sc-sidebar-student.sc-dragging{opacity:.3}.sc-sidebar-avatar{width:24px;height:24px;min-width:24px;border-radius:50%;font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--bg);display:flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0}.sc-sidebar-name{font-size:var(--fs-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-sidebar-check{margin-left:auto;font-size:11px;color:var(--accent);flex-shrink:0}.sc-drag-ghost{position:fixed;z-index:1000;transform:translate(-50%,-50%) scale(1.06);display:flex;align-items:center;gap:var(--sp-2);padding:6px 12px;background-color:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000040;pointer-events:none;opacity:.92}.sc-proceed-wrap{display:flex;justify-content:flex-end;margin-top:var(--sp-4)}.sc-proceed-btn{min-width:200px;justify-content:center}.sc-back-btn{flex-shrink:0}@media(max-width:767px){.sc-build-layout{flex-direction:column}.sc-sidebar{position:static;width:100%;max-height:200px;border-top:1px solid var(--surface2);padding-top:var(--sp-3)}.sc-grid{gap:4px;padding:var(--sp-2)}.sc-cell-avatar{width:22px;height:22px;min-width:22px;font-size:8px}.sc-cell-name{font-size:8px}.sc-build-header{flex-wrap:wrap;gap:var(--sp-2)}.sc-mode-toggle{order:10;width:100%}.sc-mode-btn{flex:1;text-align:center}.sc-header-actions{width:100%}}@media(min-width:768px)and (max-width:1023px){.sc-sidebar{width:200px}}.mc-picker{display:flex;flex-direction:column;gap:var(--sp-3)}.mc-chart-list{display:flex;flex-direction:column;gap:var(--sp-2)}.mc-chart-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.mc-chart-card:hover{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 4%,var(--surface));transform:translateY(-1px)}.mc-action-bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.mc-chart-label{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text);margin-bottom:var(--sp-2)}.mc-grid{display:grid;gap:8px;padding:var(--sp-4);background-color:color-mix(in srgb,var(--text) 1.5%,var(--bg));border:1px solid var(--surface2);border-radius:var(--radius-lg);max-width:700px}.mc-cell{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .15s ease;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;min-width:0}.mc-cell--spacer{visibility:hidden;pointer-events:none}.mc-cell--empty-desk{border:1.5px dashed color-mix(in srgb,var(--text2) 25%,transparent);background-color:color-mix(in srgb,var(--surface) 50%,transparent)}.mc-cell--occupied{border:1.5px solid var(--surface2);gap:4px;padding:4px}@media(max-width:767px){.mc-grid{gap:4px;padding:var(--sp-2)}.mc-action-bar{gap:var(--sp-2)}}.fh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;overflow:hidden;-webkit-user-select:none;user-select:none}.fh-sky{position:absolute;top:0;right:0;bottom:40%;left:0;background:linear-gradient(180deg,#0e1a2e,#1a3a5c)}.fh-pond{position:absolute;top:60%;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a3a5c,#051e35)}.fh-surface{position:absolute;top:calc(60% - 3px);left:0;right:0;height:6px;background:linear-gradient(90deg,#2196f340,#2196f38c 30%,#78d2ffb3,#2196f38c 70%,#2196f340);background-size:200% 100%;animation:fh-shimmer 3s ease-in-out infinite;border-radius:50%;filter:blur(1px);z-index:2}@keyframes fh-shimmer{0%{background-position:0% 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}to{background-position:0% 50%;opacity:.8}}.fh-rod-wrap{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:6}.fh-rod{width:5px;height:55px;background:linear-gradient(180deg,#c68642,#8b4513);border-radius:0 0 3px 3px;box-shadow:0 2px 6px #0006}.fh-line{width:2px;height:0;background:#ffffff80;flex-shrink:0}.fh-hook{position:absolute;top:53px;left:50%;transform:translate(-50%);font-size:1.1rem;line-height:1;pointer-events:none;z-index:7;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.fh-pill{position:absolute;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.18);border-radius:999px;font-family:var(--font-heading, "Inter", sans-serif);font-size:clamp(.7rem,1.8vw,.85rem);font-weight:600;color:#ffffffe6;white-space:nowrap;z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fh-pill-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.fh-pill-label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.fh-pill--swimming{animation:fh-swim linear infinite;will-change:transform}@keyframes fh-swim{0%{transform:translate(0) translateY(0) rotate(0)}15%{transform:translate(calc(var(--fh-dx) * .6)) translateY(calc(var(--fh-dy) * -1)) rotate(calc(var(--fh-tilt) * .5))}30%{transform:translate(var(--fh-dx)) translateY(0) rotate(var(--fh-tilt))}45%{transform:translate(calc(var(--fh-dx) * .6)) translateY(var(--fh-dy)) rotate(calc(var(--fh-tilt) * .5))}50%{transform:translate(0) translateY(0) rotate(0)}65%{transform:translate(calc(var(--fh-dx) * -.6)) translateY(calc(var(--fh-dy) * -1)) rotate(calc(var(--fh-tilt) * -.5))}80%{transform:translate(calc(var(--fh-dx) * -1)) translateY(0) rotate(calc(var(--fh-tilt) * -1))}90%{transform:translate(calc(var(--fh-dx) * -.6)) translateY(var(--fh-dy)) rotate(calc(var(--fh-tilt) * -.5))}to{transform:translate(0) translateY(0) rotate(0)}}.fh-pill--moving{transition:top .4s ease,left .4s ease;z-index:8}.fh-pill--caught{border-color:#f5c800;box-shadow:0 0 12px #f5c80080,0 0 28px #f5c80040;background:#f5c80026;color:#fff;animation:fh-caught-pulse .6s ease-in-out infinite alternate}@keyframes fh-caught-pulse{0%{box-shadow:0 0 10px #f5c80066,0 0 24px #f5c80033}to{box-shadow:0 0 18px #f5c800b3,0 0 40px #f5c80059}}@media(prefers-reduced-motion:reduce){.fh-surface,.fh-pill--swimming{animation:none}.fh-pill--moving{transition:none}.fh-pill--caught{animation:none}}.thunder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ed;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem 2rem;overflow-y:auto;z-index:3000}.thunder-canvas{display:block;width:100%;max-width:760px;border-radius:10px;box-shadow:0 0 48px #000000e6}.thunder-progress-wrap{position:relative;width:100%;max-width:760px;height:28px;margin-top:.75rem;background:#ffffff12;border-radius:14px;overflow:hidden}.thunder-progress-fill{height:100%;width:0%;background:linear-gradient(to right,#4060ff,#8040ff,gold);border-radius:14px;transition:width 60ms linear}.thunder-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8)}.thunder-strike-btn{margin-top:1rem;min-width:140px;font-size:1rem;font-weight:700;letter-spacing:.04em}.thunder-roster{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;max-width:500px;margin-top:1.25rem}.thunder-pill{padding:.28rem .7rem;border-radius:999px;border:none;background:#ffffff1a;color:#fff;font-size:.78rem;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .18s ease,background .18s ease,text-decoration .18s ease}.thunder-pill:hover{background:#ffffff2e}.thunder-pill--absent{opacity:.25;text-decoration:line-through}.picker-winner-banner{position:fixed;top:8%;left:50%;transform:translate(-50%) scale(.5);font-family:var(--font-heading, "Inter", sans-serif);font-weight:800;font-size:clamp(2rem,8vw,4rem);color:var(--accent);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 60%,transparent),0 0 80px color-mix(in srgb,var(--accent) 30%,transparent);text-align:center;opacity:0;pointer-events:none;z-index:20;white-space:nowrap;max-width:90vw;overflow:visible}.picker-winner-banner--visible{animation:pickerBannerReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes pickerBannerReveal{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.picker-winner-banner--visible{animation:pickerBannerReveal .6s cubic-bezier(.34,1.56,.64,1) forwards!important}}#toast-container{position:fixed;bottom:var(--sp-5);right:var(--sp-5);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-width:240px;max-width:360px;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:500;line-height:1.4;box-shadow:0 4px 20px #00000059;pointer-events:auto;cursor:pointer;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1) forwards;user-select:none;-webkit-user-select:none}.toast-exit{animation:toastOut .22s ease forwards!important}.toast-success{background-color:#16a34a;color:#fff}.toast-error{background-color:var(--danger);color:#fff}.toast-info{background-color:var(--surface2);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.toast-icon{font-size:.95rem;flex-shrink:0;font-style:normal}.toast-text{flex:1}@keyframes toastIn{0%{opacity:0;transform:translate(16px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1);max-height:80px;margin-bottom:0}to{opacity:0;transform:translate(16px) scale(.95);max-height:0;margin-bottom:calc(var(--sp-2) * -1)}}@media(max-width:600px){#toast-container{bottom:calc(var(--sp-8) + var(--sp-3));right:var(--sp-3);left:var(--sp-3)}.toast{min-width:unset;max-width:unset;width:100%}}.auth-tab-content{display:none}.auth-tab-content.active{display:block}.auth-modal{max-width:400px;width:100%}.auth-modal-subtitle{margin:0 0 var(--sp-4);font-size:.875rem;color:var(--text-muted);text-align:center}.auth-tabs{margin-bottom:var(--sp-4)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:.65rem var(--sp-4);background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s}.auth-google-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #0000001f}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:.8rem;color:var(--text-muted);flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:var(--sp-3)}.auth-submit-btn{width:100%;margin-top:var(--sp-1)}.auth-error-msg{margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);background:color-mix(in srgb,var(--error, #e53935) 12%,transparent);border:1px solid color-mix(in srgb,var(--error, #e53935) 30%,transparent);border-radius:var(--radius);color:var(--error, #e53935);font-size:.825rem;line-height:1.4}.header-auth{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.header-auth-btn{font-size:.75rem;padding:.25rem .75rem;min-height:unset;line-height:1.4;display:flex;align-items:center;gap:.35rem;border-radius:var(--radius)}.header-auth-nudge{font-size:.7rem;opacity:.65;line-height:1}.header-settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text2);cursor:pointer;flex-shrink:0;margin-left:var(--sp-3);transition:background-color .15s,color .15s}.header-settings-btn:hover{background-color:var(--surface2);color:var(--text)}.header-avatar-btn{width:32px;height:32px;border-radius:50%;border:none;background-color:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .15s,opacity .15s;line-height:1}.header-avatar-btn:hover{opacity:.85}.header-avatar-btn--syncing{box-shadow:0 0 0 2px #f59e0b;animation:sync-pulse 1.2s ease-in-out infinite}.header-avatar-btn--error{box-shadow:0 0 0 2px var(--error, #e53935)}.header-avatar-dropdown{position:fixed;z-index:400;min-width:200px;background-color:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);box-shadow:0 4px 20px #00000040;padding:4px}.header-avatar-dropdown-info{padding:8px 12px 6px}.header-avatar-dropdown-name{font-size:.875rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-avatar-dropdown-email{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.header-avatar-dropdown-divider{height:1px;background-color:var(--surface2);margin:4px 0}.header-avatar-dropdown-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer;transition:background-color .15s;white-space:nowrap;text-align:left}.header-avatar-dropdown-item:hover{background-color:var(--surface2)}.header-avatar-dropdown-signout{color:var(--danger)}.header-avatar-dropdown-signout:hover{background-color:color-mix(in srgb,var(--danger) 10%,transparent)}.sync-badge{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:none;background:transparent;border-radius:var(--radius);font-size:.8125rem;color:var(--text-muted);cursor:pointer;text-align:left;transition:background .15s;margin-bottom:var(--sp-1)}.sync-badge:hover{background:var(--surface-hover);color:var(--text)}.sync-badge-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.sync-badge-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-badge.sync-status-synced .sync-badge-icon{color:#22c55e}.sync-badge.sync-status-syncing .sync-badge-icon{animation:sync-pulse 1.2s ease-in-out infinite}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}.sync-badge.sync-status-error .sync-badge-icon{color:var(--error, #e53935)}.sync-signout-btn{background:none;border:none;color:var(--text-muted);font-size:.75rem;padding:0;cursor:pointer;text-decoration:underline;flex-shrink:0}.sync-signout-btn:hover{color:var(--text)}.onboarding-modal{max-width:460px;padding-bottom:var(--sp-6)}.onboarding-modal .modal-title{font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onboarding-modal .auth-modal-subtitle{font-size:.875rem;color:var(--text-muted);text-align:center;line-height:1.4}.onboarding-select-all-row{display:flex;justify-content:flex-end;margin-bottom:var(--sp-2)}.onboarding-class-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:280px;overflow-y:auto;padding-right:var(--sp-1);margin-bottom:var(--sp-4)}.onboarding-class-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface2);border-radius:var(--radius);cursor:pointer;transition:background var(--transition)}.onboarding-class-row:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--surface2))}.onboarding-class-row input[type=checkbox]{flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.onboarding-class-label{display:flex;align-items:center;gap:var(--sp-3);flex:1;cursor:pointer;font-size:var(--fs-sm)}.onboarding-class-avatar{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--accent) 20%,var(--surface2));color:var(--accent);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center}.onboarding-class-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.onboarding-class-name{color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onboarding-class-count{font-size:.75rem;color:var(--text-muted)}.onboarding-cta{width:100%;margin-bottom:var(--sp-2)}.onboarding-skip-btn{width:100%;font-size:.85rem;color:var(--text-muted)}.onboarding-progress-wrap{width:100%;height:8px;background:var(--surface2);border-radius:999px;overflow:hidden;margin-bottom:var(--sp-4)}.onboarding-progress-bar{height:100%;background:var(--accent);border-radius:999px;transition:width .35s ease;width:0%}.onboarding-progress-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:260px;overflow-y:auto}.onboarding-progress-row{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text2)}.onboarding-progress-check{width:1.25rem;text-align:center;flex-shrink:0;color:var(--text-muted);transition:color .2s}.onboarding-progress-check--done{color:#22c55e;font-weight:700}.onboarding-success{text-align:center;padding:var(--sp-6) var(--sp-4)}.onboarding-success-icon{font-size:3.5rem;line-height:1;color:#22c55e;margin-bottom:var(--sp-4)}.onboarding-success-msg{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:var(--sp-6)}.welcome-modal{max-width:420px;padding:0 0 var(--sp-5);overflow:hidden}.welcome-modal-header{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--slice3, #7c6ee6)));padding:var(--sp-5) var(--sp-5) var(--sp-4);text-align:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:var(--sp-4)}.welcome-modal-icon{font-size:2.75rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.welcome-modal-title{text-align:center;padding:0 var(--sp-5);margin-bottom:var(--sp-2)}.welcome-modal-tagline{text-align:center;font-size:var(--fs-sm);color:var(--text2);line-height:1.55;padding:0 var(--sp-5);margin-bottom:var(--sp-4)}.welcome-modal-divider{height:1px;background:var(--surface2);margin:0 var(--sp-5) var(--sp-4)}.welcome-modal-warning{display:flex;align-items:flex-start;gap:var(--sp-3);margin:0 var(--sp-5) var(--sp-5);padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb,var(--accent) 8%,var(--surface2));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--radius)}.welcome-modal-warning-icon{font-size:1.35rem;flex-shrink:0;line-height:1.3}.welcome-modal-warning-text{flex:1;min-width:0}.welcome-modal-warning-text strong{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text);margin-bottom:3px}.welcome-modal-warning-body{font-size:.8rem;color:var(--text2);line-height:1.45;margin:0}.welcome-modal-actions{display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-5)}.welcome-modal-cta{width:100%;justify-content:center}.welcome-modal-dismiss{width:100%;font-size:var(--fs-xs);color:var(--text-muted);justify-content:center}