*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,a,[role=button],select,label{touch-action:manipulation}:root{--bg:#312e2b;--bg-card:#262421;--bg-input:#1c1a17;--sidebar:#1e1b18;--sidebar-w:200px;--sidebar-w-collapsed:52px;--accent:#81b64c;--accent-dark:#6a9a3d;--text:#e2e0d5;--text-muted:#9e9d9a;--danger:#c95f5f;--border:#3d3b38;--radius:4px}html{height:100%}body{background:var(--bg);color:var(--text);height:100%;font-family:Inter,system-ui,sans-serif;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--sidebar);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar-logo{border-bottom:1px solid #ffffff0f;align-items:center;gap:.55rem;margin-bottom:.4rem;padding:1rem 1.1rem .75rem;text-decoration:none;display:flex}.sidebar-logo:hover{text-decoration:none}.sidebar-logo-img{border-radius:6px;flex-shrink:0;width:28px;height:28px}.sidebar-logo-text{color:var(--text);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.logo-accent{color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;padding:.25rem 0;display:flex}.nav-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;width:100%;padding:.6rem 1.1rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f;text-decoration:none}.nav-item.active{color:var(--accent);background:#81b64c24}.nav-item.disabled{color:var(--text-muted);cursor:default;pointer-events:none}.nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:1.1rem}.nav-divider{background:#ffffff0f;height:1px;margin:.35rem 0}.user-row{cursor:pointer;border-bottom:1px solid #ffffff0f;border-radius:0;align-items:center;gap:.65rem;padding:.6rem 1.1rem;transition:background .15s;display:flex}.user-row:hover{background:#ffffff0f}.user-avatar{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.user-avatar-link{flex-shrink:0;text-decoration:none;display:flex}.user-info{flex:1;min-width:0;text-decoration:none}.user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-elo{color:var(--text-muted);font-size:.72rem}.logout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.2rem .4rem;font-size:.78rem;transition:color .15s}.logout-btn:hover{color:var(--danger)}.main-content{margin-left:var(--sidebar-w);flex:1;height:100%;overflow:hidden}.no-sidebar .main-content{margin-left:0}.sidebar{transition:width .2s,min-width .2s}.sidebar.collapsed{width:var(--sidebar-w-collapsed);min-width:var(--sidebar-w-collapsed)}.main-content{transition:margin-left .2s}.sidebar-collapsed .main-content{margin-left:var(--sidebar-w-collapsed)}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .user-info,.sidebar.collapsed .user-name,.sidebar.collapsed .user-elo,.sidebar.collapsed .logout-btn,.sidebar.collapsed .nav-item span:not(.nav-icon){display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:1rem 0 .75rem}.sidebar.collapsed .user-row,.sidebar.collapsed .nav-item{justify-content:center;padding:.6rem 0}.sidebar-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.7rem;font-size:.8rem;transition:color .15s,background .15s;display:flex}.sidebar-toggle:hover{color:var(--text);background:#ffffff0f}.sidebar.collapsed .sidebar-toggle{justify-content:center}.sidebar.collapsed .sidebar-toggle-label{display:none}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;width:100%;max-width:400px;margin:4rem auto;padding:2rem}.form-card h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-muted);font-size:.85rem}.field input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:.6rem .8rem;font-size:1rem;transition:border-color .2s}.field input:focus{border-color:var(--accent)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s,background .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-dark);color:#fff}.btn-google{color:#333;background:#fff;border:1px solid #ddd;margin-top:.75rem}.btn-google:hover:not(:disabled){background:#f5f5f5}.divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.error-msg{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);background:#c95f5f1f;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.form-footer{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.9rem}.mobile-header{background:var(--sidebar);z-index:200;border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;height:52px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-hamburger{color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;flex-shrink:0;width:36px;padding:.3rem;font-size:1.3rem;line-height:1;transition:color .15s}.mobile-hamburger:hover{color:#fff}.mobile-logo-icon{border-radius:6px;flex-shrink:0;width:28px;height:28px}.mobile-logo-text{color:var(--text);flex:1;font-size:1rem;font-weight:700}.user-chip-wrap{flex-shrink:0;position:relative}.mobile-user-chip{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;transition:opacity .15s;display:flex}.mobile-user-chip:hover{opacity:.85}.user-menu-backdrop{z-index:290;position:fixed;inset:0}.user-dropdown{background:var(--sidebar);border:1px solid var(--border);z-index:300;border-radius:10px;min-width:170px;padding:.3rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000073}.dropdown-item{color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:.5rem;width:100%;padding:.6rem .8rem;font-size:.88rem;text-decoration:none;transition:background .12s;display:flex}.dropdown-item:hover{background:#ffffff12}.dropdown-logout{color:#e05050}.sidebar-backdrop{z-index:150;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;position:fixed;inset:0}.sidebar-backdrop.sidebar-open{opacity:1;pointer-events:auto}@media (width<=768px){.mobile-header{display:flex}.app-shell{height:calc(100dvh - 52px);margin-top:52px}.main-content{padding-top:0;margin-left:0!important}.sidebar{z-index:200;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.form-card{margin:1.5rem auto}}.invite-toast.svelte-1e9cjw4{background:var(--bg-card);border:2px solid var(--accent);z-index:9999;border-radius:14px;min-width:290px;max-width:340px;padding:1rem 1.25rem;animation:.35s cubic-bezier(.22,1,.36,1) svelte-1e9cjw4-slideIn;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 40px #00000080}@keyframes svelte-1e9cjw4-slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.invite-header.svelte-1e9cjw4{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.invite-icon.svelte-1e9cjw4{font-size:1.75rem;line-height:1}.invite-info.svelte-1e9cjw4{flex-direction:column;gap:.2rem;display:flex}.invite-name.svelte-1e9cjw4{color:var(--text);font-size:1rem;font-weight:700}.invite-sub.svelte-1e9cjw4{color:var(--text-muted);font-size:.8rem}.invite-err.svelte-1e9cjw4{color:#e74c3c;margin:0 0 .5rem;font-size:.8rem}.invite-actions.svelte-1e9cjw4{gap:.5rem;display:flex}.inv-btn.svelte-1e9cjw4{flex:1;border-radius:8px!important;width:auto!important;padding:.5rem!important;font-size:.9rem!important}.decline-btn.svelte-1e9cjw4{background:var(--border);color:var(--text)}.decline-btn.svelte-1e9cjw4:hover:not(:disabled){background:#555}.cookie-bar.svelte-zvfgak{z-index:500;background:var(--bg-card);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.cookie-text.svelte-zvfgak{min-width:220px;color:var(--text-muted);flex:1;margin:0;font-size:.82rem;line-height:1.5}.cookie-link.svelte-zvfgak{color:var(--accent);white-space:nowrap;text-decoration:underline}.cookie-actions.svelte-zvfgak{flex-shrink:0;gap:.5rem;display:flex}.btn-essential.svelte-zvfgak{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;padding:.45rem .9rem;font-size:.82rem;font-weight:500;transition:border-color .15s,color .15s}.btn-essential.svelte-zvfgak:hover{border-color:var(--text-muted);color:var(--text)}.btn-accept.svelte-zvfgak{background:var(--accent);color:#000;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:.45rem .9rem;font-size:.82rem;font-weight:700;transition:background .15s}.btn-accept.svelte-zvfgak:hover{background:var(--accent-dark);color:#fff}@media (width<=600px){.cookie-bar.svelte-zvfgak{flex-direction:column;align-items:stretch;gap:.75rem}.cookie-actions.svelte-zvfgak{justify-content:flex-end}}.backdrop.svelte-4vowdw{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s svelte-4vowdw-fadeIn;display:flex;position:fixed;inset:0}@keyframes svelte-4vowdw-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-4vowdw{background:var(--bg-card,var(--surface-2,#fff));border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;max-width:440px;animation:.2s svelte-4vowdw-slideUp;display:flex}@keyframes svelte-4vowdw-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header.svelte-4vowdw{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.modal-title.svelte-4vowdw{color:var(--text);font-size:1.1rem;font-weight:700}.close-btn.svelte-4vowdw{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1rem;transition:background .12s}.close-btn.svelte-4vowdw:hover{background:var(--bg,var(--surface-1))}.modal-body.svelte-4vowdw{flex-direction:column;gap:1.1rem;padding:1.25rem 1.5rem;display:flex}.field.svelte-4vowdw{flex-direction:column;gap:.4rem;display:flex}.field-label.svelte-4vowdw{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.stars.svelte-4vowdw{gap:6px;display:flex}.star.svelte-4vowdw{cursor:pointer;color:var(--border);background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1;transition:color .1s,transform .1s}.star.svelte-4vowdw:hover,.star.active.svelte-4vowdw{color:#f59e0b}.star.svelte-4vowdw:hover{transform:scale(1.15)}.cat-grid.svelte-4vowdw{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cat-btn.svelte-4vowdw{background:var(--bg,var(--surface-1));border:1.5px solid var(--border);cursor:pointer;color:var(--text-muted);text-align:left;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:border-color .12s,color .12s,background .12s}.cat-btn.svelte-4vowdw:hover{border-color:var(--accent);color:var(--text)}.cat-btn.selected.svelte-4vowdw{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}textarea.svelte-4vowdw{background:var(--bg,var(--surface-1));border:1.5px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;min-height:100px;padding:.75rem;font-family:inherit;font-size:.9rem;transition:border-color .12s}textarea.svelte-4vowdw:focus{border-color:var(--accent);outline:none}.char-count.svelte-4vowdw{color:var(--text-muted);text-align:right;font-size:.75rem}.error-msg.svelte-4vowdw{color:#e74c3c;font-size:.85rem}.modal-footer.svelte-4vowdw{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.done-state.svelte-4vowdw{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 2rem;display:flex}.done-icon.svelte-4vowdw{color:#2ecc71;background:#2ecc7126;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:700;display:flex}.done-title.svelte-4vowdw{font-size:1.1rem;font-weight:700}.done-sub.svelte-4vowdw{color:var(--text-muted);font-size:.9rem}.nav-badge{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;margin-left:auto;padding:.1rem .4rem;font-size:.65rem;font-weight:700;line-height:1.4}.nav-item-admin{color:#c8a84b}.nav-item-admin:hover{color:#e0c070}.nav-item-admin.active{color:#c8a84b;background:#c8a84b1f}.nav-item-feedback{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none}.feedback-pill{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:700}.auth-gate-spinner.svelte-12qhfyh{justify-content:center;align-items:center;height:100%;display:flex}.auth-gate-dot.svelte-12qhfyh{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite svelte-12qhfyh-auth-spin}@keyframes svelte-12qhfyh-auth-spin{to{transform:rotate(360deg)}}.deploy-badge.svelte-12qhfyh{color:var(--text-muted);opacity:.75;pointer-events:none;z-index:9999;white-space:nowrap;font-family:monospace;font-size:.68rem;transition:opacity .2s;position:fixed;bottom:.5rem;right:.6rem}.deploy-badge.svelte-12qhfyh:hover{opacity:1;pointer-events:auto}.deploy-ver.svelte-12qhfyh{opacity:.7}.deploy-msg.svelte-12qhfyh{opacity:.6;text-overflow:ellipsis;vertical-align:bottom;max-width:28ch;display:inline-block;overflow:hidden}.mobile-hamburger-placeholder.svelte-12qhfyh{flex-shrink:0;width:40px;height:40px}