:root{--nav-width: 200px}.nav-sidebar.svelte-ocbj1u{display:none;position:fixed;top:0;left:0;width:var(--nav-width);height:100vh;height:100dvh;background:var(--nav-bg);color:var(--nav-text);z-index:200;flex-direction:column;transition:background-color .2s,color .2s}.nav-content.svelte-ocbj1u{display:flex;flex-direction:column;height:100%;padding:1rem;padding-bottom:env(safe-area-inset-bottom,1rem);overflow-y:auto}.nav-links.svelte-ocbj1u{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-links.svelte-ocbj1u a:where(.svelte-ocbj1u){color:var(--nav-text);text-decoration:none;padding:.75rem;border-radius:4px;transition:background .2s,color .2s}.nav-links.svelte-ocbj1u a:where(.svelte-ocbj1u):hover{background:var(--nav-hover);color:var(--text-bright)}.nav-footer.svelte-ocbj1u{border-top:1px solid var(--border-color);padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-btn.svelte-ocbj1u{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:var(--nav-hover);color:var(--nav-text);border:none;border-radius:4px;cursor:pointer;transition:background .2s;font-size:.875rem}.sidebar-btn.svelte-ocbj1u:hover:not(:disabled){background:var(--bg-active)}.sidebar-btn.svelte-ocbj1u:disabled{opacity:.5;cursor:not-allowed}.sidebar-icon.svelte-ocbj1u{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.sidebar-icon.svelte-ocbj1u svg:where(.svelte-ocbj1u){width:18px;height:18px}.sidebar-email.svelte-ocbj1u{font-size:.875rem;color:var(--text-secondary);padding:.5rem .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.logout-btn.svelte-ocbj1u{width:100%;padding:.75rem;background:var(--button-secondary-bg);color:var(--button-secondary-text);border:none;border-radius:4px;cursor:pointer;transition:background .2s}.logout-btn.svelte-ocbj1u:hover{background:var(--button-secondary-hover)}.auth-link.svelte-ocbj1u{color:var(--nav-text);text-decoration:none;padding:.75rem;border-radius:4px;transition:background .2s}.auth-link.svelte-ocbj1u:hover{background:var(--nav-hover)}.nav-sidebar.svelte-ocbj1u{display:none}@media (min-aspect-ratio: 8/5){.nav-sidebar.svelte-ocbj1u{display:flex}}.bottom-nav.svelte-18hl9rj{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);z-index:100}.nav-tab.svelte-18hl9rj{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;color:var(--text-secondary);text-decoration:none;transition:color .2s,background .2s}@media (hover: hover){.nav-tab.svelte-18hl9rj:hover{color:var(--text-primary);background:var(--nav-hover)}}.nav-tab.active.svelte-18hl9rj{color:var(--accent-primary)}.nav-tab.svelte-18hl9rj svg:where(.svelte-18hl9rj){width:24px;height:24px}.nav-tab.svelte-18hl9rj span:where(.svelte-18hl9rj){font-size:11px;font-weight:500}@media (min-aspect-ratio: 8/5){.bottom-nav.svelte-18hl9rj{display:none}}html,body{background-color:var(--bg-tertiary, #2c313a);min-height:100%;height:100%;margin:0;padding:0;overscroll-behavior:none}:root{--bg-primary: #282c34;--bg-secondary: #21252b;--bg-tertiary: #2c313a;--bg-hover: #3e4451;--bg-active: #4b5263;--text-primary: #abb2bf;--text-secondary: #7f848e;--text-muted: #5c6370;--text-bright: #d7dae0;--accent-primary: #61afef;--accent-success: #98c379;--accent-warning: #e5c07b;--accent-error: #e06c75;--accent-info: #56b6c2;--accent-purple: #c678dd;--border-color: #3e4451;--border-subtle: #2c313a;--nav-bg: #21252b;--nav-text: #abb2bf;--nav-hover: #2c313a;--nav-accent: #98c379;--card-bg: #21252b;--card-border: #3e4451;--input-bg: #1e2227;--input-border: #3e4451;--input-focus: #61afef;--button-primary-bg: #98c379;--button-primary-text: #21252b;--button-primary-hover: #7fb563;--button-secondary-bg: #3e4451;--button-secondary-text: #abb2bf;--button-secondary-hover: #4b5263;--button-danger-bg: #e06c75;--button-danger-text: #ffffff;--button-danger-hover: #c25a63;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--board-light: #d7dae0;--board-dark: #5c6370;--board-highlight: rgba(97, 175, 239, .4);--board-last-move: rgba(152, 195, 121, .4)}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f0;--bg-hover: #e8e8e8;--bg-active: #d8d8d8;--text-primary: #383a42;--text-secondary: #696c77;--text-muted: #a0a1a7;--text-bright: #1a1a1a;--accent-primary: #4078f2;--accent-success: #50a14f;--accent-warning: #c18401;--accent-error: #e45649;--accent-info: #0184bc;--accent-purple: #a626a4;--border-color: #d0d0d0;--border-subtle: #e8e8e8;--nav-bg: #ffffff;--nav-text: #383a42;--nav-hover: #f0f0f0;--nav-accent: #50a14f;--card-bg: #ffffff;--card-border: #d0d0d0;--input-bg: #ffffff;--input-border: #d0d0d0;--input-focus: #4078f2;--button-primary-bg: #50a14f;--button-primary-text: #ffffff;--button-primary-hover: #429141;--button-secondary-bg: #e8e8e8;--button-secondary-text: #383a42;--button-secondary-hover: #d8d8d8;--button-danger-bg: #e45649;--button-danger-text: #ffffff;--button-danger-hover: #c94339;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--board-light: #f0d9b5;--board-dark: #b58863;--board-highlight: rgba(64, 120, 242, .4);--board-last-move: rgba(80, 161, 79, .4)}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f0;--bg-hover: #e8e8e8;--bg-active: #d8d8d8;--text-primary: #383a42;--text-secondary: #696c77;--text-muted: #a0a1a7;--text-bright: #1a1a1a;--accent-primary: #4078f2;--accent-success: #50a14f;--accent-warning: #c18401;--accent-error: #e45649;--accent-info: #0184bc;--accent-purple: #a626a4;--border-color: #d0d0d0;--border-subtle: #e8e8e8;--nav-bg: #ffffff;--nav-text: #383a42;--nav-hover: #f0f0f0;--nav-accent: #50a14f;--card-bg: #ffffff;--card-border: #d0d0d0;--input-bg: #ffffff;--input-border: #d0d0d0;--input-focus: #4078f2;--button-primary-bg: #50a14f;--button-primary-text: #ffffff;--button-primary-hover: #429141;--button-secondary-bg: #e8e8e8;--button-secondary-text: #383a42;--button-secondary-hover: #d8d8d8;--button-danger-bg: #e45649;--button-danger-text: #ffffff;--button-danger-hover: #c94339;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--board-light: #f0d9b5;--board-dark: #b58863;--board-highlight: rgba(64, 120, 242, .4);--board-last-move: rgba(80, 161, 79, .4)}}*{box-sizing:border-box}:root{--nav-width: 200px;--header-height: 50px;--bottom-nav-height: 50px}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);min-height:100vh;min-height:100dvh;transition:background-color .2s,color .2s;overflow-x:hidden}a{color:var(--accent-primary);transition:color .2s}a:hover{color:var(--accent-info)}.main-content.svelte-12qhfyh{min-height:100vh;min-height:100dvh;display:flex}.spacer-left.svelte-12qhfyh,.spacer-right.svelte-12qhfyh{display:none}.content.svelte-12qhfyh{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem}.main-content.svelte-12qhfyh{padding-top:env(safe-area-inset-top,0px);padding-bottom:var(--bottom-nav-height);flex-direction:column;position:fixed;inset:0;overflow:hidden}.content.svelte-12qhfyh{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;align-items:flex-start}@media (min-aspect-ratio: 8/5){.main-content.svelte-12qhfyh{padding-top:0;padding-bottom:0;flex-direction:row;height:auto;max-height:none;overflow:visible}.content.svelte-12qhfyh{height:auto;max-height:none;overflow:visible}}