@layer base,systems,components,pages;@layer base{@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofIO-aBXso-CXYtwYOx.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofINeaB-BzFMHfZw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofIO-aBXso-CXYtwYOx.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofINeaB-BzFMHfZw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofIO-aBXso-CXYtwYOx.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofINeaB-BzFMHfZw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofIO-aBXso-CXYtwYOx.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/build/assets/XRXV3I6Li01BKofINeaB-BzFMHfZw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Cedarville Cursive";font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/yYL00g_a2veiudhUmxjo5VKkoqA-B_nuIrpw-iwxzJfoE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Petit Formal Script;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/B50TF6xQr2TXJBnGOFME6u5OR83oRP5qkHDgPqoaWiDPWQ-Bo3XC7fu.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Petit Formal Script;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/B50TF6xQr2TXJBnGOFME6u5OR83oRP5qkH7gPqoaWiA-DkrcpWKV.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKky2F7i6C-DkewdGEa.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtKky2F7g-vTYAbwjx.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/build/assets/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKky2F7i6C-DkewdGEa.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/build/assets/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtKky2F7g-vTYAbwjx.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/build/assets/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKky2F7i6C-DkewdGEa.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/build/assets/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtKky2F7g-vTYAbwjx.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@layer base{:root{--ds-accent-h: 168;--ds-accent-s: 84%;--ds-accent-l: 40%;--ds-accent: hsl(var(--ds-accent-h) var(--ds-accent-s) var(--ds-accent-l));--ds-accent-hi: hsl(var(--ds-accent-h) var(--ds-accent-s) 55%);--ds-accent-lo: hsl(var(--ds-accent-h) var(--ds-accent-s) 30%);--ds-accent-tint: hsl(var(--ds-accent-h) var(--ds-accent-s) var(--ds-accent-l) / 14%);--ds-accent-wash: hsl(var(--ds-accent-h) var(--ds-accent-s) var(--ds-accent-l) / 6%);--ds-accent-edge: hsl(var(--ds-accent-h) var(--ds-accent-s) var(--ds-accent-l) / 40%);--ds-accent-glow: hsl(var(--ds-accent-h) var(--ds-accent-s) var(--ds-accent-l) / 28%);--ds-warn-h: 35;--ds-warn-s: 100%;--ds-warn-l: 65%;--ds-warn: hsl(var(--ds-warn-h) var(--ds-warn-s) var(--ds-warn-l));--ds-warn-hi: hsl(var(--ds-warn-h) var(--ds-warn-s) 75%);--ds-warn-tint: hsl(var(--ds-warn-h) var(--ds-warn-s) var(--ds-warn-l) / 14%);--ds-warn-edge: hsl(var(--ds-warn-h) var(--ds-warn-s) var(--ds-warn-l) / 40%);--ds-danger-h: 0;--ds-danger-s: 100%;--ds-danger-l: 71%;--ds-danger: hsl(var(--ds-danger-h) var(--ds-danger-s) var(--ds-danger-l));--ds-danger-hi: hsl(var(--ds-danger-h) var(--ds-danger-s) 80%);--ds-danger-tint: hsl(var(--ds-danger-h) var(--ds-danger-s) var(--ds-danger-l) / 14%);--ds-danger-edge: hsl(var(--ds-danger-h) var(--ds-danger-s) var(--ds-danger-l) / 40%);--ds-special-h: 247;--ds-special-s: 100%;--ds-special-l: 74%;--ds-special: hsl(var(--ds-special-h) var(--ds-special-s) var(--ds-special-l));--ds-special-hi: hsl(var(--ds-special-h) var(--ds-special-s) 84%);--ds-special-tint: hsl(var(--ds-special-h) var(--ds-special-s) var(--ds-special-l) / 16%);--ds-special-edge: hsl(var(--ds-special-h) var(--ds-special-s) var(--ds-special-l) / 45%);--ds-blue-h: 211;--ds-blue-s: 100%;--ds-blue-l: 69%;--ds-blue: hsl(var(--ds-blue-h) var(--ds-blue-s) var(--ds-blue-l));--ds-blue-tint: hsl(var(--ds-blue-h) var(--ds-blue-s) var(--ds-blue-l) / 14%);--ds-blue-edge: hsl(var(--ds-blue-h) var(--ds-blue-s) var(--ds-blue-l) / 40%);--ds-green-h: 99;--ds-green-s: 52%;--ds-green-l: 62%;--ds-green: hsl(var(--ds-green-h) var(--ds-green-s) var(--ds-green-l));--ds-green-tint: hsl(var(--ds-green-h) var(--ds-green-s) var(--ds-green-l) / 14%);--ds-green-edge: hsl(var(--ds-green-h) var(--ds-green-s) var(--ds-green-l) / 40%);--ds-pink-h: 335;--ds-pink-s: 100%;--ds-pink-l: 78%;--ds-pink: hsl(var(--ds-pink-h) var(--ds-pink-s) var(--ds-pink-l));--ds-pink-tint: hsl(var(--ds-pink-h) var(--ds-pink-s) var(--ds-pink-l) / 14%);--ds-pink-edge: hsl(var(--ds-pink-h) var(--ds-pink-s) var(--ds-pink-l) / 40%);--ds-cyan-h: 181;--ds-cyan-s: 58%;--ds-cyan-l: 58%;--ds-cyan: hsl(var(--ds-cyan-h) var(--ds-cyan-s) var(--ds-cyan-l));--ds-cyan-tint: hsl(var(--ds-cyan-h) var(--ds-cyan-s) var(--ds-cyan-l) / 14%);--ds-cyan-edge: hsl(var(--ds-cyan-h) var(--ds-cyan-s) var(--ds-cyan-l) / 40%);--ds-gold-h: 45;--ds-gold-s: 58%;--ds-gold-l: 63%;--ds-gold: hsl(var(--ds-gold-h) var(--ds-gold-s) var(--ds-gold-l));--ds-gold-hi: hsl(var(--ds-gold-h) var(--ds-gold-s) 72%);--ds-gold-sheen: hsl(48 100% 88%);--ds-gold-glow: hsl(var(--ds-gold-h) var(--ds-gold-s) var(--ds-gold-l) / 8%);--ds-bronze-h: 30;--ds-bronze-s: 61%;--ds-bronze-l: 50%;--ds-bronze: hsl(var(--ds-bronze-h) var(--ds-bronze-s) var(--ds-bronze-l));--ds-bg-h: 184;--ds-bg-s: 50%;--ds-bg-0: hsl(var(--ds-bg-h) var(--ds-bg-s) 5%);--ds-bg-1: hsl(var(--ds-bg-h) var(--ds-bg-s) 9%);--ds-bg-2: hsl(var(--ds-bg-h) var(--ds-bg-s) 14%);--ds-bg-3: hsl(var(--ds-bg-h) var(--ds-bg-s) 18%);--ds-bg-paper: hsl(38 50% 93%);--ds-bg-paper-ink: hsl(26 41% 8%);--ds-ink-1: hsl(0 0% 100%);--ds-ink-2: hsl(163 19% 92%);--ds-ink-3: hsl(168 4% 68%);--ds-ink-4: hsl(168 5% 43%);--ds-alpha-05: hsl(0 0% 100% / 5%);--ds-alpha-10: hsl(0 0% 100% / 10%);--ds-alpha-20: hsl(0 0% 100% / 20%);--ds-alpha-30: hsl(0 0% 100% / 30%);--ds-alpha-50: hsl(0 0% 100% / 50%);--ds-alpha-70: hsl(0 0% 100% / 70%);--ds-alpha-90: hsl(0 0% 100% / 90%);--ds-overlay-soft: hsl(0 0% 0% / 30%);--ds-overlay-strong: hsl(0 0% 0% / 70%);--ds-edge-1: hsl(0 0% 100% / 7%);--ds-edge-2: hsl(0 0% 100% / 10%);--ds-edge-3: hsl(0 0% 100% / 20%);--ds-border-subtle: 1px solid var(--ds-edge-2);--ds-border-rim: 1px solid var(--ds-edge-1);--ds-space-1: 2px;--ds-space-2: 4px;--ds-space-3: 6px;--ds-space-4: 8px;--ds-space-5: 12px;--ds-space-6: 16px;--ds-space-7: 24px;--ds-space-8: 32px;--ds-space-9: 48px;--ds-radius-xs: 4px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 24px;--ds-radius-pill: 999px;--ds-control-height-compact: 40px;--ds-control-height-standard: 44px;--ds-font-ui: Nunito, Arial, sans-serif;--ds-font-display: "Bricolage Grotesque", Poppins, sans-serif;--ds-font-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", monospace;--ds-font-tool: "Arial Narrow", "Helvetica Neue", sans-serif;--ds-font-serif: "Cormorant Garamond", Georgia, serif;--ds-font-decorative: "Petit Formal Script", "Cedarville Cursive", cursive;--ds-text-2xs: .65rem;--ds-text-xs: .75rem;--ds-text-sm: .85rem;--ds-text-base: 1rem;--ds-text-lg: 1.2rem;--ds-text-xl: 1.35rem;--ds-text-2xl: 1.5rem;--ds-text-display-sm: 2rem;--ds-text-display: 2.5rem;--ds-text-display-lg: 3.5rem;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-weight-extrabold: 800;--ds-leading-none: 1;--ds-leading-tight: 1.15;--ds-leading-snug: 1.3;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.65;--ds-track-tightest: -.02em;--ds-track-tight: -.01em;--ds-track-normal: 0;--ds-track-wide: .04em;--ds-track-wider: .08em;--ds-track-widest: .12em;--ds-duration-fast: .12s;--ds-duration-base: .2s;--ds-duration-smooth: .3s;--ds-duration-slow: .5s;--ds-ease-out: cubic-bezier(.4, 0, .2, 1);--ds-transition-interactive: background-color var(--ds-duration-base) ease, color var(--ds-duration-base) ease, box-shadow var(--ds-duration-base) ease, transform var(--ds-duration-fast) ease;--ds-transition-fade: opacity var(--ds-duration-base) ease;--ds-z-base: 1;--ds-z-above: 2;--ds-z-dropdown: 10;--ds-z-tooltip: 30;--ds-z-sticky: 100;--ds-z-overlay: 900;--ds-z-modal: 1000;--ds-z-practice-overlay: 1500;--ds-z-toast: 2000;--ds-z-max: 10000;--ds-opacity-muted: .4;--ds-opacity-soft: .6;--ds-opacity-medium: .7;--ds-opacity-strong: .85;--ds-opacity-vivid: .9;--ds-shadow-soft: 0 2px 8px var(--ds-overlay-soft);--ds-shadow-elevated: 0 4px 12px var(--ds-overlay-soft);--ds-shadow-strong: 0 4px 12px var(--ds-overlay-strong);--ds-shadow-inset: inset 0 1px 3px var(--ds-overlay-strong);--ds-shadow-glow: 0 0 18px var(--ds-accent-glow);--ds-gradient-elevated: linear-gradient( 145deg, var(--ds-bg-1), var(--ds-bg-0) );--ds-gradient-surface-subtle: linear-gradient( 135deg, var(--ds-alpha-05), var(--ds-bg-1) );--ds-gradient-surface-elevated: linear-gradient( 135deg, var(--ds-bg-1) 0%, var(--ds-bg-2) 100% );--ds-gradient-accent-brand: linear-gradient( 135deg, var(--ds-accent) 0%, transparent 70% );--ds-layout-narrow: 500px;--ds-layout-content: 600px;--ds-layout-auth-card: 420px;--ds-layout-auth-card-min: 320px;--ds-layout-auth-card-min-sm: 280px;--ds-glass-bg: hsl(var(--ds-bg-h) var(--ds-bg-s) 11% / 70%);--ds-glass-border: var(--ds-alpha-10);--ds-glass-shadow: 0 8px 32px var(--ds-overlay-soft)}}@layer base{a{color:var(--ds-accent);text-decoration:none;transition:color var(--ds-duration-base) ease}a:hover{color:var(--ds-accent-lo);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px;border-radius:var(--ds-radius-xs)}html,body{width:100%;height:100%}body{font-family:var(--ds-font-ui);background-color:var(--ds-bg-0);color:var(--ds-ink-2);display:flex;flex-direction:column;min-height:100vh;margin:0}@supports (min-height: 100dvh){body{min-height:100dvh}}.hidden{display:none!important}.tabler-icon{display:inline-block;vertical-align:middle;flex-shrink:0;filter:brightness(0) invert(1)}}@layer base.base{.text-center{text-align:center}.cursor-pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[title]{position:relative;cursor:help}.help-text{margin-top:20px;font-size:.8em;color:var(--ds-ink-2);text-align:center}}@layer systems{h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-semibold);color:var(--ds-ink-1);line-height:var(--ds-leading-snug);margin-bottom:var(--ds-space-7)}h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-ink-1);line-height:var(--ds-leading-snug);margin-bottom:var(--ds-space-6)}h3{font-size:var(--ds-text-base);font-weight:var(--ds-weight-medium);color:var(--ds-ink-1);line-height:var(--ds-leading-snug);margin-bottom:var(--ds-space-5)}.text-small{font-size:var(--ds-text-sm)}.text-muted{color:var(--ds-alpha-70)}}@layer systems{.container{width:100%;max-width:min(var(--container-width, 800px),100%);margin:0 auto;padding:var(--container-padding, var(--ds-space-8));box-sizing:border-box}.container--sm{--container-width: var(--ds-layout-narrow)}.container--md{--container-width: var(--ds-layout-content)}.container--centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.primary-container{width:100%;max-width:800px;margin:0 auto;padding:var(--ds-space-7) var(--ds-space-6);box-sizing:border-box}@media (width <= 768px){.container{--container-padding: var(--ds-space-6)}}@media (width <= 480px){.container{--container-padding: var(--ds-space-5)}}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg, var(--ds-alpha-30)) var(--scrollbar-track-bg, transparent)}.scrollbar-thin::-webkit-scrollbar{width:var(--scrollbar-width, 4px)}.scrollbar-thin::-webkit-scrollbar-track{background:var(--scrollbar-track-bg, transparent);border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg, var(--ds-alpha-30));border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-bg, var(--ds-alpha-50))}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--ds-space-6))}.surface{background:var(--ds-bg-1);border:var(--ds-border-rim);border-radius:var(--ds-radius-lg);padding:var(--surface-padding, var(--ds-space-6))}.surface-section{background:var(--ds-bg-1);border:var(--ds-border-subtle);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-soft);padding:var(--surface-section-padding, var(--ds-space-6))}}@layer systems{:root{--bottom-nav-height: calc(var(--ds-space-8) + var(--ds-space-6) + var(--ds-space-5));--bottom-nav-clearance: calc(var(--ds-space-4) + var(--ds-space-1))}html,body{scrollbar-gutter:stable}.login-register-links{display:flex;justify-content:center;gap:var(--ds-space-7);padding:var(--ds-space-6);background-color:var(--ds-alpha-10);border-bottom:var(--ds-border-subtle)}.login-register-links a{color:var(--ds-accent);text-decoration:none;font-weight:var(--ds-weight-bold);padding:var(--ds-space-4) var(--ds-space-6);border-radius:var(--ds-radius-lg);transition:background-color var(--ds-duration-smooth)}.login-register-links a:hover{background-color:var(--ds-alpha-10)}.app-main-shell{flex:1 0 auto;display:flex;flex-direction:column;position:relative}.main-content{flex:1 0 auto;display:flex;flex-direction:column;padding-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-clearance));padding-top:var(--ds-space-6);position:relative}.app-main-shell.htmx-request{pointer-events:none;cursor:progress}.app-main-shell.htmx-request:after{content:"";position:absolute;top:0;left:0;width:32%;height:2px;border-radius:var(--ds-radius-pill);background:linear-gradient(90deg,transparent 0%,var(--ds-accent) 20%,var(--ds-accent) 80%,transparent 100%);opacity:.95;transform:translate(-140%);animation:shell-loading-rail .9s linear infinite;pointer-events:none}@keyframes shell-loading-rail{0%{transform:translate(-140%)}to{transform:translate(430%)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--ds-bg-1);display:flex;justify-content:space-between;padding:var(--ds-space-4) var(--ds-space-7);z-index:var(--ds-z-overlay);height:var(--bottom-nav-height);border-top:var(--ds-border-rim);box-shadow:0 -4px 12px var(--ds-overlay-soft)}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(var(--ds-space-4) + env(safe-area-inset-bottom));height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.main-content{padding-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-clearance) + env(safe-area-inset-bottom))}}body.practice-notes-focus-mode .bottom-nav{display:none}body.practice-notes-focus-mode .main-content{padding-bottom:0}@supports (padding-bottom: env(safe-area-inset-bottom)){body.practice-notes-focus-mode .main-content{padding-bottom:env(safe-area-inset-bottom)}}.bottom-nav .nav-links{display:flex;justify-content:space-evenly;flex-grow:1;padding:0 var(--ds-space-4);max-width:var(--ds-layout-content);margin:0 auto}.bottom-nav .nav-links a{color:var(--ds-ink-2);text-decoration:none;padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-pill);transition:var(--ds-transition-interactive);display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);width:80px;justify-content:center}.bottom-nav .nav-links a:focus-visible{outline-offset:-2px}@media (width <= 480px){.bottom-nav .nav-links a{width:60px;padding:var(--ds-space-3) var(--ds-space-2)}.bottom-nav img,.bottom-nav svg{width:24px;height:24px}}.bottom-nav img,.bottom-nav svg{width:28px;height:28px;aspect-ratio:1;object-fit:contain;padding:1px;opacity:var(--ds-opacity-soft);transition:var(--ds-transition-fade),transform var(--ds-duration-fast) ease}img.icon-bottom-nav{filter:brightness(0) invert(1)}.icon-bottom-nav--primary{transform:translateY(-1px)}.bottom-nav .nav-links a:hover{background-color:var(--ds-alpha-10);box-shadow:0 2px 8px var(--ds-overlay-soft);color:var(--ds-ink-2)}.bottom-nav .nav-links a.is-active{background-color:var(--ds-accent);color:var(--ds-bg-0);box-shadow:0 3px 10px var(--ds-overlay-soft);transform:translateY(-1px)}.bottom-nav .nav-links a:hover img,.bottom-nav .nav-links a:hover svg{opacity:var(--ds-opacity-strong)}.bottom-nav .nav-links a.is-active img,.bottom-nav .nav-links a.is-active svg{opacity:1;transform:none}.bottom-nav .nav-links a.is-active svg.icon-bottom-nav{color:var(--ds-ink-1)}.nav-link-aquarium{position:relative;overflow:hidden}.page-header{display:flex;flex-direction:column;gap:var(--ds-space-3);margin-bottom:var(--ds-space-6);position:relative}.page-header h1{margin:0;font-family:var(--ds-font-display);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:var(--ds-weight-extrabold);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-track-normal);color:var(--ds-ink-1)}.page-subtitle{margin:0;font-size:var(--ds-text-sm);line-height:var(--ds-leading-normal);color:var(--ds-alpha-70)}.page-kicker{margin:0;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:var(--ds-track-wider);color:var(--ds-alpha-50)}.page-header--hero{align-items:center;text-align:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-7)}.page-header--hero h1{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-4);font-weight:var(--ds-weight-semibold)}.page-header__logo-slot{display:inline-flex;align-items:center}.page-header__logo-slot img{height:2.4em;width:auto}.page-header__icon{width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-accent-tint) 0%,var(--ds-accent-wash) 100%);border-radius:50%;color:var(--ds-accent)}.page-header__icon svg{width:40px;height:40px}.page-header__icon--warning{background:linear-gradient(135deg,var(--ds-warn-tint) 0%,var(--ds-warn-tint) 100%);color:var(--ds-warn)}.page-header__intro{margin:0;color:var(--ds-ink-2);line-height:var(--ds-leading-normal);max-width:48ch}.back-link{display:inline-flex;align-items:center;gap:var(--ds-space-4);color:var(--ds-alpha-70);text-decoration:none;font-size:var(--ds-text-sm)}.back-link:hover{color:var(--ds-accent)}.back-arrow{font-size:18px;line-height:var(--ds-leading-none)}.page-card{display:grid;gap:var(--ds-space-6);background:color-mix(in srgb,var(--ds-bg-1) 80%,transparent);border:var(--ds-border-rim);border-radius:var(--ds-radius-xl);padding:clamp(var(--ds-space-6),var(--ds-space-7),var(--ds-space-8));box-shadow:0 8px 24px var(--ds-overlay-soft)}.page-card>.page-header:first-child{align-items:center;text-align:center;padding-bottom:var(--ds-space-6);margin-bottom:var(--ds-space-7);border-bottom:var(--ds-border-subtle)}.page-card>.page-header:first-child h1,.page-card>.page-header:first-child .page-kicker,.page-card>.page-header:first-child .page-subtitle{text-align:center}.page-card>.page-header:first-child .back-link{align-self:flex-start}.error-page{padding-top:var(--ds-space-9);padding-bottom:var(--ds-space-9)}.error-page .page-header{gap:var(--ds-space-4)}html.no-scroll,body.no-scroll{height:100%;overflow:hidden}@view-transition{navigation: auto;}::view-transition-group(root){animation-duration:var(--ds-duration-smooth)}::view-transition-old(root){animation:fade-out .3s ease-out}::view-transition-new(root){animation:fade-in .3s ease-out}::view-transition-image-pair(root){isolation:isolate;background:linear-gradient(135deg,var(--ds-bg-0) 0%,var(--ds-bg-0) 100%)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.app-main-shell.htmx-request:after{animation:none;transform:none;width:100%}::view-transition-old(root),::view-transition-new(root){animation:none}}.page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--ds-space-6);box-sizing:border-box}@supports (min-height: 100dvh){.page--error{min-height:100dvh}}.error-page__surface{background:var(--ds-bg-1);border:var(--ds-border-rim);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);box-shadow:0 2px 8px var(--ds-overlay-soft);transition:box-shadow var(--ds-duration-base) ease;position:relative;width:100%;max-width:min(800px,100%);margin:0 auto;color:var(--ds-ink-2);box-sizing:border-box}.error-page__surface:before{content:"";position:absolute;inset:calc(-1 * var(--ds-space-1));z-index:-1;border-radius:calc(var(--ds-radius-lg) + 2px);background:var(--ds-gradient-accent-brand);opacity:var(--ds-opacity-muted)}}@layer systems{.btn{padding:var(--ds-space-4) var(--ds-space-7);border-radius:var(--ds-radius-lg);cursor:pointer;transition:background-color var(--ds-duration-base) ease,color var(--ds-duration-base) ease,box-shadow var(--ds-duration-base) ease,filter var(--ds-duration-base) ease,transform var(--ds-duration-fast) ease;will-change:transform;font-weight:var(--ds-weight-medium);text-align:center;text-decoration:none;display:inline-block;font-size:var(--ds-text-sm);background:var(--ds-bg-1);border:var(--ds-border-subtle);box-shadow:var(--ds-shadow-soft);color:var(--ds-ink-2)}.btn:hover{filter:brightness(1.03);box-shadow:var(--ds-shadow-elevated);transform:translateY(-1px)}.btn:focus-visible{outline-offset:-2px}.btn--secondary{background:transparent;border:1px solid var(--ds-edge-3);opacity:var(--ds-opacity-strong);box-shadow:none}.btn--secondary:hover{background:var(--ds-alpha-10);border-color:var(--ds-edge-3);opacity:1;filter:none;transform:none;box-shadow:none}.btn--danger{background:transparent;border:1px solid var(--ds-edge-3);opacity:var(--ds-opacity-medium);box-shadow:none}.btn--danger:hover{background:var(--ds-alpha-10);border-color:var(--ds-danger);color:var(--ds-danger);opacity:1;filter:none;transform:none}.btn--danger-solid{background:var(--ds-danger-tint);border-color:var(--ds-danger-edge);color:var(--ds-danger);opacity:1;box-shadow:none}.btn--danger-solid:hover{background:var(--ds-danger-tint);border-color:var(--ds-danger);color:var(--ds-danger);filter:brightness(1.3);transform:none}.btn--small{padding:var(--ds-space-3) var(--ds-space-5);font-size:var(--ds-text-xs)}.btn:disabled{opacity:var(--ds-opacity-muted);cursor:not-allowed;transform:none!important;filter:none!important}.btn--link{background:none;border:none;box-shadow:none;padding:0;color:var(--ds-accent);font-weight:var(--ds-weight-medium);font-size:inherit;cursor:pointer;text-decoration:none;display:inline}.btn--link:hover{text-decoration:underline;filter:none;transform:none;box-shadow:none}.btn--link:focus-visible{text-decoration:underline;outline:2px solid var(--ds-accent);outline-offset:2px}.btn--link:active{opacity:var(--ds-opacity-strong)}.btn--full{width:100%}.btn--brand{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent)}.btn--brand:hover{background:var(--ds-accent-lo);border-color:var(--ds-accent-lo)}.btn--ds-gradient-elevated{background:var(--tool-gradient-start);border-color:var(--ds-alpha-10)}.btn--ds-gradient-elevated:hover{background:var(--tool-gradient-end);border-color:var(--ds-accent)}.btn--warning{background:var(--ds-warn-tint);border-color:var(--ds-warn-edge);color:var(--ds-warn)}.btn--warning:hover{background:var(--ds-warn-tint);border-color:var(--ds-warn);color:var(--ds-warn);filter:brightness(1.15)}.btn--round{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.btn--round.btn--small{width:32px;height:32px;font-size:16px}.btn--animated{animation:pulse 2s ease-in-out infinite}.btn--animated:hover{animation:none;transform:translateY(-1px);box-shadow:var(--ds-shadow-strong)}.floating-action-btn{position:fixed;bottom:var(--fab-bottom, 90px);right:var(--fab-right, 30px);width:56px;height:56px;background:var(--fab-background, var(--ds-bg-2));border-radius:50%;box-shadow:var(--ds-shadow-elevated);display:flex;align-items:center;justify-content:center;color:var(--fab-color, var(--ds-alpha-90));text-decoration:none;font-size:24px;transition:transform var(--ds-duration-fast) ease,box-shadow var(--ds-duration-smooth) ease,background-color var(--ds-duration-smooth) ease,border-color var(--ds-duration-smooth) ease;cursor:pointer;border:1px solid var(--fab-border, var(--ds-alpha-30));z-index:var(--ds-z-sticky)}.floating-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--ds-overlay-soft);background:var(--fab-background-hover, var(--ds-bg-3));border-color:var(--fab-border-hover, var(--ds-alpha-30))}.floating-action-btn:active{transform:translateY(0);box-shadow:var(--ds-shadow-soft)}@supports (padding-bottom: env(safe-area-inset-bottom)){.floating-action-btn{bottom:calc(var(--fab-bottom, 90px) + env(safe-area-inset-bottom));right:calc(var(--fab-right, 30px) + env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){.btn--animated{animation:none}.floating-action-btn{transition:none}}}@layer systems{.page-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--ds-overlay-soft);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;pointer-events:none;transition:opacity var(--ds-duration-smooth) ease,-webkit-backdrop-filter var(--ds-duration-smooth) ease,backdrop-filter var(--ds-duration-smooth) ease;z-index:var(--ds-z-toast)}@supports (padding-top: env(safe-area-inset-top)){.page-loading-overlay{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}}.page-loading-overlay.page-loading-overlay--forced-visible{transition:none;opacity:1;pointer-events:auto;visibility:visible}body.page-loading .page-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;pointer-events:auto}body.page-loading{cursor:progress}.page-loading-overlay__card{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5) var(--ds-space-6);border-radius:var(--ds-radius-lg);background:color-mix(in srgb,var(--ds-bg-1) 85%,transparent);border:var(--ds-border-subtle);box-shadow:0 10px 30px var(--ds-overlay-strong);min-width:170px;opacity:0;transition:opacity var(--ds-duration-smooth) ease}body.page-loading-extended .page-loading-overlay__card{opacity:1}.page-loading-text{font-size:var(--ds-text-sm);color:var(--ds-ink-2);opacity:var(--ds-opacity-vivid)}.page-loading-spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--ds-alpha-30);border-top-color:var(--ds-accent);box-shadow:var(--ds-shadow-glow);animation:pageLoadingSpin .9s linear infinite}@keyframes pageLoadingSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.page-loading-spinner{animation:none}.page-loading-overlay,.progress__fill{transition:none}}.progress{width:100%;height:var(--progress-height, 8px);background:var(--progress-bg, var(--ds-alpha-10));border-radius:var(--progress-radius, 4px);overflow:hidden;position:relative}.progress__fill{width:100%;height:100%;background:var(--progress-fill, var(--ds-accent));border-radius:inherit;transform:scaleX(calc(var(--fill, 0) / 100));transform-origin:left center;transition:transform var(--ds-duration-smooth) ease}.progress-text{font-size:var(--ds-text-sm);color:var(--ds-ink-2);font-weight:var(--ds-weight-regular)}.empty-state{text-align:center;padding:var(--ds-space-8) var(--ds-space-7);color:var(--ds-alpha-70)}@media (width <= 480px){.empty-state{padding:var(--ds-space-7) var(--ds-space-6)}}.empty-state--panel{--empty-panel-max-width: var(--pg-empty-panel-max-width, 760px);--empty-panel-padding: var( --pg-empty-panel-padding, clamp(var(--ds-space-6), 3vw, var(--ds-space-8)) );--empty-panel-radius: var(--pg-empty-panel-radius, var(--ds-radius-xl));--empty-panel-gradient: var( --pg-empty-panel-gradient, linear-gradient( 145deg, color-mix(in srgb, var(--ds-bg-2) 88%, var(--ds-accent) 12%), var(--ds-bg-1) ) );--empty-panel-shadow: var(--pg-empty-panel-shadow, 0 12px 28px var(--ds-overlay-soft));display:grid;gap:var(--ds-space-4);max-width:var(--empty-panel-max-width);margin:0 auto;padding:var(--empty-panel-padding);border-radius:var(--empty-panel-radius);border:var(--ds-border-rim);background:var(--empty-panel-gradient);box-shadow:var(--empty-panel-shadow);text-align:left}.empty-state--panel h2,.empty-state--panel h3{margin:0;font-size:var(--ds-text-xl);color:var(--ds-ink-1)}.empty-state--panel p{margin:0;color:var(--ds-ink-2)}.empty-state--panel .btn{width:fit-content;margin-top:var(--ds-space-3)}.status-body{text-align:center;padding:var(--ds-space-8) 0}.status-body__icon{font-size:4rem;margin-bottom:var(--ds-space-6)}.status-body h1{margin-bottom:var(--ds-space-6)}.status-body__message{color:var(--ds-alpha-70);margin-bottom:var(--ds-space-7)}.status-body__note{color:var(--ds-alpha-50);font-size:var(--ds-text-sm)}.status-body__action{margin-top:var(--ds-space-8)}.alert{padding:var(--ds-space-6);margin-bottom:var(--ds-space-6);border-radius:var(--ds-radius-lg);border:1px solid transparent;font-size:var(--ds-text-sm);line-height:var(--ds-leading-normal)}.alert--error,.alert--warning{background:var(--ds-alpha-10);border-color:var(--ds-danger);color:var(--ds-danger)}.alert--success{background:var(--ds-alpha-10);border-color:var(--ds-accent);color:var(--ds-accent)}.alert--info{background:var(--ds-alpha-10);border-color:var(--ds-accent);color:var(--ds-ink-2)}.invite-links__alert{margin:0}}@layer systems{:root{--pulse-scale-start: 1;--pulse-scale-mid: 1.05;--pulse-opacity-start: 1;--pulse-opacity-mid: 1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(var(--pulse-scale-start));opacity:var(--pulse-opacity-start)}50%{transform:scale(var(--pulse-scale-mid));opacity:var(--pulse-opacity-mid)}}@media (prefers-reduced-motion: reduce){@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(var(--pulse-scale-start));opacity:var(--pulse-opacity-start)}}}}@layer systems.systems{.page--progress,.page--band-progress{--pg-section-gap: clamp(var(--ds-space-6), var(--ds-space-6), var(--ds-space-7));--pg-radius-hero: var(--ds-radius-xl);--pg-radius-insight: var(--ds-radius-lg);--pg-radius-detail: var(--ds-radius-md);--pg-border-faint: color-mix(in srgb, var(--ds-accent) 24%, var(--ds-edge-1));--pg-border-soft: color-mix(in srgb, var(--ds-accent) 26%, var(--ds-edge-1));--pg-border-light: color-mix(in srgb, var(--ds-accent) 28%, var(--ds-edge-1));--pg-border-sub: color-mix(in srgb, var(--ds-accent) 30%, var(--ds-edge-1));--pg-border-mid: color-mix(in srgb, var(--ds-accent) 34%, var(--ds-edge-1));--pg-border-accent: color-mix(in srgb, var(--ds-accent) 36%, var(--ds-edge-1));--pg-border-vivid: color-mix(in srgb, var(--ds-accent) 48%, var(--ds-edge-1));--pg-surface-faint: color-mix(in srgb, var(--ds-bg-0) 32%, transparent);--pg-surface-detail: color-mix(in srgb, var(--ds-bg-0) 38%, transparent);--pg-surface-mid: color-mix(in srgb, var(--ds-bg-0) 42%, transparent);--pg-surface-deep: color-mix(in srgb, var(--ds-bg-0) 44%, transparent);--pg-surface-dark: color-mix(in srgb, var(--ds-bg-0) 62%, transparent);--pg-surface-hero: color-mix(in srgb, var(--ds-bg-2) 93%, var(--ds-accent) 7%);--pg-surface-insight: color-mix(in srgb, var(--ds-bg-2) 95%, var(--ds-accent) 5%);--pg-shadow-insight: 0 8px 18px color-mix(in srgb, var(--ds-overlay-soft) 74%, transparent);--pg-progress-fill-start: color-mix(in srgb, var(--ds-accent-lo) 78%, var(--ds-accent) 22%);--pg-progress-fill-end: color-mix(in srgb, var(--ds-accent) 72%, white 28%);--pg-progress-fill-end-soft: color-mix(in srgb, var(--ds-accent) 58%, white 42%);--pg-progress-fill-horizontal: linear-gradient( 90deg, var(--pg-progress-fill-start), var(--pg-progress-fill-end) );--pg-progress-fill-horizontal-soft: linear-gradient( 90deg, var(--pg-progress-fill-end), var(--pg-progress-fill-end-soft) );--pg-progress-fill-vertical: linear-gradient( 0deg, var(--pg-progress-fill-start), var(--pg-progress-fill-end) );--pg-progress-fill-inactive: color-mix(in srgb, var(--ds-accent) 20%, var(--ds-bg-0) 80%);--pg-empty-panel-gradient: linear-gradient( 145deg, color-mix(in srgb, var(--ds-bg-2) 88%, var(--ds-accent) 12%), var(--ds-bg-1) );--pg-empty-panel-shadow: 0 12px 28px var(--ds-overlay-soft);--pg-empty-panel-max-width: 760px;--pg-empty-panel-radius: var(--ds-radius-xl);--pg-empty-panel-padding: clamp(var(--ds-space-6), var(--ds-space-7), var(--ds-space-8));--pg-page-inner-max-width: 1120px;--pg-insight-panel-padding: clamp(var(--ds-space-5), var(--ds-space-6), var(--ds-space-7));--pg-page-bottom-pad: calc(var(--ds-space-7) * 2)}}@layer systems{.form{--form-focus-outline-offset: -2px;--form-radio-control-offset: 3px;width:100%}.form--standard{max-width:var(--ds-layout-content)}.form-field{margin-bottom:var(--ds-space-7);text-align:left}.form-field--inline{display:flex;align-items:center;gap:var(--ds-space-5)}.form-field--compact{margin-bottom:var(--ds-space-5)}.form-field--compact .form-field__input,.form-field--compact .form-field__select{min-height:var(--ds-control-height-compact);padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-text-sm)}.form-field__label{display:block;margin-bottom:var(--ds-space-4);font-weight:var(--ds-weight-semibold);color:var(--ds-ink-2);font-size:var(--ds-text-sm)}.form-field__label--required:after{content:" *";color:var(--ds-accent)}.form-field--datetime-group{margin-bottom:var(--ds-space-7)}.form-field__datetime-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4)}.form-field__datetime-part{min-width:0}.form-field__sublabel{display:block;margin-bottom:var(--ds-space-3);font-size:var(--ds-text-xs);color:var(--ds-alpha-70)}.form-field__input,.form-field__textarea,.form-field__select{width:100%;max-width:100%;box-sizing:border-box;min-width:0;padding:var(--ds-space-5) var(--ds-space-6);border:var(--ds-border-subtle);border-radius:var(--ds-radius-lg);background-color:var(--ds-bg-1);color:var(--ds-ink-2);font-size:var(--ds-text-base);line-height:var(--ds-leading-tight);transition:border-color var(--ds-duration-base) ease,background-color var(--ds-duration-base) ease,box-shadow var(--ds-duration-base) ease,opacity var(--ds-duration-base) ease;font-family:inherit}.form-field__input,.form-field__select{min-height:var(--ds-control-height-standard)}.form-field__input:focus,.form-field__textarea:focus,.form-field__select:focus{outline:none;border-color:var(--ds-accent);background-color:var(--ds-alpha-10);box-shadow:0 0 0 2px var(--ds-accent-edge)}.form-field__input:focus-visible,.form-field__textarea:focus-visible,.form-field__select:focus-visible{outline:2px solid var(--ds-accent);outline-offset:var(--form-focus-outline-offset)}.form-field__input:disabled,.form-field__textarea:disabled,.form-field__select:disabled{opacity:var(--ds-opacity-muted);cursor:not-allowed}.form-field__input::placeholder,.form-field__textarea::placeholder{color:var(--ds-alpha-30)}.form-field__textarea{resize:vertical;min-height:100px}.form-field__textarea--paper{background:var(--ds-bg-paper);color:var(--ds-bg-paper-ink);border-color:var(--ds-edge-1)}.form-field__textarea--paper:focus{background:var(--ds-bg-paper)}.form-field__textarea--paper::placeholder{color:var(--ds-alpha-70);font-style:italic}.form-field__select{padding-right:var(--ds-space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' fill-opacity='0.6' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-space-6) center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-field__input--compact{padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-text-sm)}.form-actions{display:flex;gap:var(--ds-space-5);margin-top:var(--ds-space-7);justify-content:flex-end}.form-actions--center{justify-content:center}.form-field__hint{color:var(--ds-alpha-70);font-size:var(--ds-text-sm);margin-top:var(--ds-space-2)}.form-section{margin-bottom:var(--ds-space-8);padding-bottom:var(--ds-space-8);border-bottom:var(--ds-border-subtle)}.form-section__title{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-ink-2);margin-bottom:var(--ds-space-6)}.form--inline{display:flex;gap:var(--ds-space-5);align-items:flex-end}.form--inline .form-field{flex:1;margin-bottom:0}.form--inline .form-actions{margin-top:0;flex-shrink:0}.form__inline-submit{flex-shrink:0}.radio-group{display:flex;flex-direction:column;gap:var(--ds-space-5)}.radio-option{display:flex;align-items:flex-start;gap:var(--ds-space-4);padding:var(--ds-space-5);border:var(--ds-border-subtle);border-radius:var(--ds-radius-lg);transition:background-color var(--ds-duration-base) ease,border-color var(--ds-duration-base) ease;cursor:pointer}.radio-option.is-selected{background-color:var(--ds-alpha-10);border-color:var(--ds-accent)}.radio-option__control{margin-top:var(--form-radio-control-offset);flex-shrink:0}.radio-option__content{display:flex;flex-direction:column;gap:var(--ds-space-1);min-width:0}.radio-option__label{font-weight:var(--ds-weight-semibold);color:var(--ds-ink-2)}.radio-option__hint{font-size:var(--ds-text-sm);color:var(--ds-alpha-70)}.form-actions--manual-create{gap:var(--ds-space-5);align-items:stretch}.form-actions--manual-create .form-actions__item{min-height:var(--ds-control-height-standard)}@media (width <= 480px){.form-actions--manual-create{flex-direction:column-reverse}}.form__form-links{text-align:right;margin-bottom:var(--ds-space-6)}.form__form-link{color:var(--ds-accent);text-decoration:none;transition:background-color var(--ds-duration-smooth) ease;padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-lg);font-size:var(--ds-text-sm)}.form__form-link:hover{background-color:var(--ds-alpha-10)}.form-field--before-form-links{margin-bottom:calc(var(--ds-space-7) - 10px)}.form--manual-practice-create .form-field{margin-bottom:var(--ds-space-5)}.radio-group--responsive-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ds-space-5)}.radio-option--fill-height{height:100%}.form--dense-stack{display:flex;flex-direction:column;gap:var(--ds-space-4)}.form--dense-stack .form-field{margin-bottom:0}.form--dense-stack .form-field__label{margin-bottom:var(--ds-space-3);font-size:var(--ds-text-xs)}.form--stack-gap-loose{display:flex;flex-direction:column;gap:var(--ds-space-7)}.form--stack-gap-loose .form-field{margin-bottom:0}.form-field--row-flex{flex:1;min-width:200px;margin-bottom:0}.form-field__input--flex-fill{flex:1;min-width:0}.form-field__input--flex-min-180{flex:1;min-width:180px}.form-field__input--search-240{width:240px;max-width:100%}.form-field__select--sort-160{width:160px;max-width:100%}.form-field__input--toolbar,.form-field__select--toolbar{height:var(--form-toolbar-control-height, var(--ds-control-height-standard));padding-top:0;padding-bottom:0}.form-field--band-selector{margin-bottom:0}.form-field--band-selector .form-field__label{font-size:var(--ds-text-sm)}.form-field--datetime-edit-card .form-field__datetime-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-5)}.form-field--datetime-edit-card .form-field__input{padding-right:var(--ds-space-5);padding-left:var(--ds-space-5);font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums}.form-field__select--flush{margin-bottom:0}.form-field__input--checklist-inline{flex:1;padding:var(--ds-space-3) var(--ds-space-5);font-size:var(--ds-text-sm);margin:0}.form-field__textarea--notes-widget{flex:1;min-height:var(--practice-notes-textarea-min-height, 200px);margin:0;resize:none}@media (width <= 768px){.form-field--datetime-edit-card .form-field__datetime-split{grid-template-columns:1fr}.form-field__input--checklist-inline{font-size:var(--ds-text-xs);padding:var(--ds-space-3) var(--ds-space-4)}}@media (width <= 480px){.form-field--row-flex,.form-field__input--flex-min-180{min-width:0}.form-field__datetime-split{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions__item{width:100%}.form--inline{flex-direction:column;align-items:stretch}.form--inline .form-field{margin-bottom:var(--ds-space-5)}}@media (pointer: coarse){.form-field--compact .form-field__input[type=date],.form-field--compact .form-field__input[type=time]{font-size:var(--ds-text-base)}}}@layer components{.modal,.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--ds-overlay-strong);z-index:var(--ds-z-modal);display:flex;align-items:center;justify-content:center}@supports (padding-top: env(safe-area-inset-top)){.modal,.modal-overlay{--modal-safe-area-padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:var(--modal-safe-area-padding);box-sizing:border-box}}.modal-content{background:var(--modal-bg, var(--ds-glass-bg));-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);border-radius:var(--modal-radius, var(--ds-radius-lg));padding:0;width:90%;max-width:400px;overflow-x:hidden;box-shadow:var(--modal-shadow, var(--ds-glass-shadow));border:1px solid var(--ds-glass-border)}.modal-header{padding:var(--ds-space-7) var(--ds-space-7) var(--ds-space-6);border-bottom:var(--ds-border-subtle);display:flex;justify-content:space-between;align-items:center}.modal-title{color:var(--ds-ink-2);margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold)}.modal-close{background:none;border:none;color:var(--ds-alpha-70);font-size:var(--ds-text-2xl);cursor:pointer;padding:0;width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-xs);transition:color var(--ds-duration-base) ease,background-color var(--ds-duration-base) ease}.modal-close:hover{color:var(--ds-ink-2);background:var(--ds-alpha-10)}.modal-close:focus-visible{--modal-close-focus-offset: 2px;outline:2px solid var(--ds-accent);outline-offset:var(--modal-close-focus-offset)}.modal-body{padding:var(--ds-space-6) var(--ds-space-7)}.modal-actions{padding:var(--ds-space-6) var(--ds-space-7) var(--ds-space-7);display:flex;gap:var(--ds-space-5);justify-content:flex-end}@media (width <= 768px){.modal-header{padding:var(--ds-space-6) var(--ds-space-7) var(--ds-space-5)}.modal-body{padding:var(--ds-space-5) var(--ds-space-7)}.modal-actions{padding:var(--ds-space-5) var(--ds-space-7) var(--ds-space-7)}}}@layer components;@layer components{.card{background:var(--ds-bg-1);border:var(--ds-border-rim);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-soft);transition:box-shadow var(--ds-duration-base) ease;position:relative;overflow:hidden}.card--interactive{transition:transform var(--ds-duration-base) ease,box-shadow var(--ds-duration-base) ease}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-elevated)}.card--battle{--progress-fill: var(--ds-special)}.card--link{display:block;color:inherit;text-decoration:none}.card--link:hover{color:inherit;text-decoration:none}.card-inner{padding:var(--ds-space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-6);position:relative}.card-inner--compact{padding:var(--ds-space-5);gap:var(--ds-space-5)}.card-inner--column{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--ds-space-5)}.card--list-dense .card-inner--column{padding:var(--ds-space-5);gap:var(--ds-space-4)}.card-content{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-5);min-width:0}.card-header{display:flex;flex-direction:column;gap:var(--ds-space-3);text-align:left}.card-title{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-medium);color:var(--ds-ink-1);margin:0;line-height:var(--ds-leading-tight)}.card-subtitle{font-size:var(--ds-text-sm);color:var(--ds-ink-2);margin:0;line-height:var(--ds-leading-normal)}}@layer components{.card-link-overlay{--card-link-overlay-focus-offset: -2px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-above);border-radius:inherit;color:transparent}.card-link-overlay:focus-visible{outline:2px solid var(--ds-accent);outline-offset:var(--card-link-overlay-focus-offset)}.card-tools{position:absolute;top:var(--ds-space-5);right:var(--ds-space-6);display:flex;gap:var(--ds-space-3);z-index:calc(var(--ds-z-above) + 1)}.icon-tool{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:var(--ds-border-subtle);border-radius:var(--ds-radius-sm);background:var(--ds-bg-1);color:var(--ds-ink-2);cursor:pointer;font-size:var(--ds-text-sm);line-height:var(--ds-leading-none);transition:border-color var(--ds-duration-fast) ease,color var(--ds-duration-fast) ease;text-decoration:none}.icon-tool:hover{border-color:var(--ds-accent);color:var(--ds-accent)}.icon-tool--danger:hover{border-color:var(--ds-danger);color:var(--ds-danger)}@media (width <= 480px){.card-inner{padding:var(--ds-space-5);gap:var(--ds-space-5)}.card-inner--compact{padding:var(--ds-space-4) var(--ds-space-5);gap:var(--ds-space-4)}}.competition-name{font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-medium);color:var(--ds-ink-1);margin:0;padding:0;line-height:var(--ds-leading-tight);letter-spacing:var(--ds-track-tight)}.competition-band{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-regular);color:var(--ds-ink-2);margin:0;line-height:var(--ds-leading-tight)}.card-inner--competition{padding:var(--ds-space-7) var(--ds-space-6);gap:var(--ds-space-4)}.card-inner--competition .card__header{display:flex;flex-direction:column;gap:var(--ds-space-2)}.card--list-dense .card-inner--competition{--progress-height: 6px;padding:var(--ds-space-7) var(--ds-space-6);gap:var(--ds-space-3)}.card--list-dense .card-inner--competition .card__header{gap:var(--ds-space-1)}.card--list-dense .card-inner--competition .competition-name{font-size:var(--ds-text-xl)}.practice-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--ds-space-5)}.practice-card-content .card__header{display:flex;flex-direction:column;gap:var(--ds-space-4)}.card-inner--practice{padding:var(--ds-space-7) var(--ds-space-6)}.practice-title{font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-medium);color:var(--ds-ink-1);margin:0;line-height:var(--ds-leading-tight);letter-spacing:var(--ds-track-tight);text-align:left}.progress-indicator{margin:0}.progress-indicator .progress-indicator__label{--progress-indicator-label-gap: 3px;margin-bottom:var(--progress-indicator-label-gap);display:block}.progress-indicator.is-ongoing .progress-indicator__label{font-weight:var(--ds-weight-medium)}.date-range-full{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);margin:0;font-size:var(--ds-text-xs);color:var(--ds-ink-2)}.date-range-full__item{display:inline-flex;align-items:center;gap:var(--ds-space-2)}.badges-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--ds-space-3);margin-bottom:0}.badges-row--wrap{flex-wrap:wrap;gap:var(--ds-space-3)}.practice-datetime{display:flex;gap:var(--ds-space-5);font-size:var(--ds-text-sm);color:var(--ds-ink-2);align-items:center;flex-wrap:wrap}.practice-date,.practice-time{color:var(--ds-ink-2);font-weight:var(--ds-weight-medium);display:inline-flex;align-items:center;gap:var(--ds-space-2)}.practice-badges{display:flex;align-items:center;gap:var(--ds-space-3);flex-wrap:wrap}.practice-progress{--practice-progress-round-radius: 50%;position:relative;width:60px;height:60px;flex-shrink:0;background:var(--ds-overlay-soft);border-radius:var(--practice-progress-round-radius);padding:var(--ds-space-2)}.practice-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.practice-progress-bg{fill:none;stroke:var(--ds-overlay-strong);stroke-width:4}.practice-progress-fill{fill:none;stroke:url(#practice-progress-gradient);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--ds-duration-smooth) ease}.practice-progress .practice-progress-text{position:absolute;top:var(--practice-progress-round-radius);left:var(--practice-progress-round-radius);transform:translate(-50%,-50%);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-ink-2);text-align:center;line-height:var(--ds-leading-tight)}.practice-progress-gradient,.practice-progress-gradient-end{stop-color:var(--ds-accent)}@media (width <= 480px){.date-range-full{justify-content:flex-start;flex-wrap:wrap}.practice-badges{gap:var(--ds-space-2)}.practice-progress{width:50px;height:50px}.practice-progress-text{font-size:var(--ds-text-xs)}}}@layer components{.accordion{display:flex;flex-direction:column;gap:var(--ds-space-4)}.accordion__item{background:transparent;border-radius:var(--ds-radius-sm);overflow:hidden}.accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ds-space-5) var(--ds-space-6);background:var(--ds-bg-0);border:var(--ds-border-subtle);border-radius:var(--ds-radius-sm);color:var(--ds-ink-2);font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);text-align:left;cursor:pointer;transition:background-color var(--ds-duration-base) ease,border-color var(--ds-duration-base) ease;position:relative}.accordion__header:hover{background:var(--ds-bg-1);border-color:var(--ds-alpha-30)}.accordion__header:focus-visible{--accordion-header-focus-offset: 2px;outline:2px solid var(--ds-accent);outline-offset:var(--accordion-header-focus-offset)}.accordion__header:active{filter:brightness(.93)}.accordion__title{flex:1;font-size:var(--ds-text-base);font-weight:var(--ds-weight-semibold);color:var(--ds-ink-2);text-transform:capitalize}.accordion__meta{font-size:var(--ds-text-sm);color:var(--ds-alpha-70);font-weight:var(--ds-weight-regular);margin-right:var(--ds-space-5)}.accordion__chevron{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-bold);color:var(--ds-alpha-70);transition:transform var(--ds-duration-base) ease;flex-shrink:0}.accordion__header[aria-expanded=true] .accordion__chevron{transform:rotate(90deg)}.accordion__content{overflow:hidden;transition:max-height var(--ds-duration-smooth) ease-out,opacity var(--ds-duration-smooth) ease-out,padding var(--ds-duration-smooth) ease-out;opacity:1;padding-top:var(--ds-space-4)}.accordion__content--collapsed{max-height:0!important;opacity:0;padding-top:0}.accordion__content:not(.accordion__content--collapsed){overflow:visible}@media (width <= 768px){.accordion__header{padding:var(--ds-space-4) var(--ds-space-5)}.accordion__title{font-size:var(--ds-text-sm)}.accordion__meta{font-size:var(--ds-text-xs)}}.accordion--practice-list-surface .accordion__header{background:var(--ds-bg-1);border-color:var(--ds-edge-1);box-shadow:var(--ds-shadow-soft)}.accordion--practice-list-surface .accordion__header:hover{background:var(--ds-bg-2);border-color:var(--ds-alpha-30)}.accordion--practice-list-surface .accordion__content{background:var(--ds-bg-1);padding-top:var(--ds-space-5)}.accordion--practice-list-surface .accordion__header:active{filter:brightness(.94)}}@layer components{.rating{--rating-gap: .15rem;--rating-option-padding: .1rem;--rating-focus-offset: 2px;--rating-focus-radius: 4px;--rating-compact-gap: .1rem;display:inline-flex;align-items:center;gap:var(--rating-gap)}.rating__option{display:inline-block;cursor:pointer;padding:var(--rating-option-padding);transition:opacity var(--ds-duration-fast) ease;position:relative}.rating__option:hover{opacity:1}.rating__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.rating__emoji{font-size:var(--ds-text-lg);opacity:var(--ds-opacity-muted);transition:opacity var(--ds-duration-base) ease,transform var(--ds-duration-base) ease;display:inline-block;-webkit-user-select:none;user-select:none}.rating__option:hover .rating__emoji{opacity:var(--ds-opacity-medium);transform:scale(1.1)}.rating__input:checked+.rating__emoji{opacity:1;transform:scale(1.1)}.rating__input:focus-visible+.rating__emoji{outline:2px solid var(--ds-accent);outline-offset:var(--rating-focus-offset);border-radius:var(--rating-focus-radius)}.rating--readonly{gap:var(--ds-space-2);pointer-events:none}.rating--readonly .rating__emoji{opacity:var(--ds-opacity-muted);font-size:var(--ds-text-2xl)}.rating--readonly .rating__emoji--selected{opacity:1}.rating--compact{gap:var(--rating-compact-gap)}.rating--compact .rating__option{padding:0}.rating--compact .rating__emoji{font-size:var(--ds-text-base)}@media (width <= 768px){.rating__emoji{font-size:var(--ds-text-base)}.rating--compact .rating__emoji{font-size:var(--ds-text-sm)}}}@layer components{.help-tooltip{position:relative;flex:0 0 auto}.help-tooltip__btn{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ds-radius-pill);border:0;background:transparent;cursor:help;-webkit-user-select:none;user-select:none}.help-tooltip__btn::-webkit-details-marker{display:none}.help-tooltip__btn:hover{opacity:var(--ds-opacity-vivid)}.help-tooltip__btn:focus-visible{--help-tooltip-focus-offset: 2px;outline:2px solid var(--ds-accent);outline-offset:var(--help-tooltip-focus-offset)}.help-tooltip__icon{width:18px;height:18px;opacity:var(--ds-opacity-vivid);display:block;filter:brightness(0) invert(1)}.help-tooltip__pop{position:absolute;right:0;top:calc(100% + var(--ds-space-4));width:min(380px,85vw);max-height:min(55vh,520px);overflow:auto;scrollbar-gutter:stable;background:var(--ds-bg-1);border-radius:var(--ds-radius-md);border:var(--ds-border-subtle);padding:var(--ds-space-4) var(--ds-space-5);box-shadow:var(--ds-shadow-soft);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity var(--ds-duration-fast) ease-out,transform var(--ds-duration-fast) ease-out;z-index:var(--ds-z-tooltip)}.help-tooltip:focus-within .help-tooltip__pop,.help-tooltip[open] .help-tooltip__pop{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover: hover){.help-tooltip:hover .help-tooltip__pop{opacity:1;pointer-events:auto;transform:translateY(0)}}.help-tooltip__text{margin:var(--ds-space-3) 0;color:var(--ds-alpha-90)}.help-tooltip__list{margin:var(--ds-space-3) 0 var(--ds-space-4);padding-left:var(--ds-space-6)}.help-tooltip__item{margin:var(--ds-space-2) 0;color:var(--ds-alpha-70)}.help-tooltip__strong{color:var(--ds-alpha-90)}}@layer components{.info-tip{--info-tip-panel-offset: calc(100% + 10px) ;--info-tip-panel-anchor: 50%;--info-tip-arrow-offset: -6px;--info-tip-arrow-size: 10px;--info-tip-arrow-half-size: -5px;position:relative;display:inline-flex;align-items:center}.info-tip__trigger{display:inline-flex;align-items:center}.info-tip__icon-btn{display:grid;place-items:center;width:32px;height:32px;border:none;background:none;color:var(--ds-alpha-30);cursor:pointer;border-radius:var(--ds-radius-sm);transition:color var(--ds-duration-base) ease,background-color var(--ds-duration-base) ease}.info-tip__icon-btn:hover{color:var(--ds-accent);background:var(--ds-alpha-10)}.info-tip__panel{position:absolute;bottom:var(--info-tip-panel-offset);left:var(--info-tip-panel-anchor);transform:translate(-50%);width:280px;max-width:calc(100vw - var(--ds-space-6) * 2);padding:var(--ds-space-5);border-radius:var(--ds-radius-md);border:var(--ds-border-rim);background:var(--ds-bg-1);box-shadow:var(--ds-glass-shadow);font-size:var(--ds-text-xs);line-height:var(--ds-leading-normal);color:var(--ds-ink-1);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ds-duration-base) ease,visibility var(--ds-duration-base) ease,transform var(--ds-duration-base) ease;z-index:var(--ds-z-modal)}.info-tip__panel:after{content:"";position:absolute;left:var(--info-tip-panel-anchor);bottom:var(--info-tip-arrow-offset);width:var(--info-tip-arrow-size);height:var(--info-tip-arrow-size);margin-left:var(--info-tip-arrow-half-size);background:var(--ds-bg-1);border-right:1px solid var(--ds-alpha-10);border-bottom:1px solid var(--ds-alpha-10);transform:rotate(45deg)}.info-tip:hover .info-tip__panel,.info-tip:focus-within .info-tip__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(-2px)}.info-tip__text{margin:0}.info-tip__text--secondary{margin-top:var(--ds-space-2);color:var(--ds-alpha-70)}.info-tip__strong{font-weight:var(--ds-weight-semibold);color:var(--ds-ink-1)}.info-tip__link{color:var(--ds-accent);text-decoration:underline;text-underline-offset:2px}}@layer components{.practice-widget{position:fixed;top:var(--practice-widget-top);left:50%;transform:translate(-50%);width:90%;max-width:var(--practice-widget-max-width);height:var(--practice-widget-height);margin:0;padding:var(--practice-widget-padding);background:linear-gradient(145deg,var(--tool-gradient-start),var(--tool-gradient-end-brighter));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-soft);border:var(--ds-border-subtle);color:var(--ds-ink-2);display:flex;flex-direction:column;box-sizing:border-box;z-index:var(--ds-z-sticky)}@supports (top: env(safe-area-inset-top)){.practice-widget{top:calc(var(--practice-widget-top) + env(safe-area-inset-top))}}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-5);padding-bottom:var(--ds-space-4);border-bottom:var(--ds-border-subtle);flex-shrink:0}.widget-header h3{color:var(--ds-ink-2);margin:0;font-size:var(--ds-text-base);font-weight:var(--ds-weight-medium)}@media (width <= 768px){.practice-widget{max-width:var(--practice-widget-max-width-md);padding:var(--practice-widget-padding-md)}}@media (width <= 480px){.practice-widget{--practice-widget-top: var(--practice-widget-top-sm);max-width:var(--practice-widget-max-width-sm);height:var(--practice-widget-height-sm);padding:var(--practice-widget-padding-sm)}.widget-header{margin-bottom:var(--ds-space-4);padding-bottom:var(--ds-space-3)}}}@layer components{.badge{display:inline-flex;align-items:center;gap:var(--ds-space-3);height:24px;padding:0 var(--ds-space-4);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-track-wider);line-height:var(--ds-leading-none);text-transform:uppercase;white-space:nowrap;transition:background-color var(--ds-duration-base) ease,border-color var(--ds-duration-base) ease,color var(--ds-duration-base) ease;background:var(--badge-bg, transparent);border:1px solid var(--badge-border, var(--ds-alpha-30));color:var(--badge-color, var(--ds-ink-2))}.badge--success,.badge--accent{--badge-bg: var(--ds-accent-tint);--badge-border: transparent;--badge-color: var(--ds-accent)}.badge--info{--badge-bg: var(--ds-special-tint);--badge-border: transparent;--badge-color: var(--ds-special-hi)}.badge--default{--badge-bg: var(--ds-alpha-10);--badge-border: transparent;--badge-color: var(--ds-ink-2)}.badge--warning{--badge-bg: var(--ds-warn-tint);--badge-border: transparent;--badge-color: var(--ds-warn-hi)}.badge--danger{--badge-bg: var(--ds-danger-tint);--badge-border: transparent;--badge-color: var(--ds-danger-hi)}.badge--solid-accent{--badge-bg: var(--ds-accent);--badge-border: transparent;--badge-color: var(--ds-bg-0)}.badge--solid-warning{--badge-bg: var(--ds-warn);--badge-border: transparent;--badge-color: var(--ds-bg-0)}.badge--solid-danger{--badge-bg: var(--ds-danger);--badge-border: transparent;--badge-color: var(--ds-ink-1)}.badge--template-name{gap:var(--ds-space-1);max-width:200px;text-transform:none;letter-spacing:var(--ds-track-normal);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium)}.badge__truncated-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}}@layer components{.data-chip{--data-chip-border: 1px solid transparent;display:inline-flex;align-items:center;justify-content:center;padding:var(--ds-space-1) var(--ds-space-4);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);text-transform:uppercase;letter-spacing:var(--ds-track-wider);border:var(--data-chip-border);white-space:nowrap}.data-chip--primary{background-color:var(--ds-accent-tint);border-color:var(--ds-accent-edge);color:var(--ds-accent)}.data-chip--accent{background-color:var(--ds-warn-tint);border-color:var(--ds-warn-edge);color:var(--ds-warn)}.data-chip--danger{background-color:var(--ds-alpha-10);border-color:var(--ds-danger);color:var(--ds-danger)}.data-chip--secondary{background-color:var(--ds-special-tint);border-color:var(--ds-special-edge);color:var(--ds-special-hi)}}@layer components{.list{display:flex;flex-direction:column;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4);border:var(--ds-border-subtle);border-radius:var(--ds-radius-sm);background:var(--ds-overlay-soft);transition:border-color var(--ds-duration-base) ease,background-color var(--ds-duration-base) ease}.list-item:hover{border-color:var(--ds-alpha-30);background:var(--ds-bg-0)}.list-item__content{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-2)}.list-item__title{color:var(--ds-ink-2);font-weight:var(--ds-weight-medium)}.list--simple .list-item{border:none;background:transparent;padding:var(--ds-space-4) 0;border-bottom:var(--ds-border-subtle);border-radius:0}.list--simple .list-item:hover{background:transparent;border-bottom-color:var(--ds-alpha-10)}.competitions-list{display:flex;flex-direction:column;gap:var(--ds-space-6)}}@layer components{.action-row-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.action-row{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4) var(--ds-space-5);border-radius:var(--ds-radius-sm);transition:var(--ds-transition-interactive);text-decoration:none;color:inherit}.action-row--clickable:hover{background-color:var(--ds-bg-2);box-shadow:0 6px 18px var(--ds-overlay-soft);transform:translateY(-1px)}.action-row__leading{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-pill);background-color:var(--ds-alpha-10);font-size:var(--ds-text-base);color:var(--ds-warn)}.action-row__content{flex:1;min-width:0;padding:0 var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-1)}.action-row__title{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-tight);color:var(--ds-ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-row__meta{display:flex;flex-wrap:wrap;gap:var(--ds-space-3);align-items:center;line-height:var(--ds-leading-tight)}.action-row__trailing{flex-shrink:0;display:flex;align-items:center;gap:var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-alpha-70)}.action-row__chevron{font-size:var(--ds-text-base)}@media (width <= 480px){.action-row{padding:var(--ds-space-4)}.action-row__leading{width:28px;height:28px;font-size:var(--ds-text-base)}}}@layer components{.segmented-control{--segmented-control-rail-pad: var(--ds-space-2);--segmented-control-focus-offset: -2px;--segmented-control-token-tight-padding: .26rem .38rem;display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--segmented-control-rail-pad);border-radius:var(--ds-radius-pill);background:var(--ds-alpha-10);border:var(--ds-border-subtle);box-shadow:var(--ds-shadow-soft)}.segmented-control__button{border:none;background:transparent;padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);color:var(--ds-alpha-70);cursor:pointer;display:inline-flex;align-items:center;gap:var(--ds-space-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--ds-transition-interactive);box-shadow:none;filter:none;transform:none}.segmented-control__button:focus-visible{outline:2px solid var(--ds-accent);outline-offset:var(--segmented-control-focus-offset)}.segmented-control__button:focus-within{outline:2px solid var(--ds-accent);outline-offset:var(--segmented-control-focus-offset)}.segmented-control__input{position:absolute;opacity:0;pointer-events:none}.segmented-control__input:focus-visible{outline:none}.segmented-control__button-label{display:inline-flex;align-items:center;gap:var(--ds-space-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented-control__button:hover{background-color:var(--ds-alpha-10);color:var(--ds-ink-2);box-shadow:none;filter:none;transform:none}.segmented-control__button.is-active,.segmented-control__button--active{background-color:var(--ds-accent);color:var(--ds-bg-0);font-weight:var(--ds-weight-semibold);box-shadow:none;filter:none;transform:none}.segmented-control--slider{position:relative;overflow:hidden}.segmented-control--slider:before{content:"";position:absolute;top:var(--segmented-control-rail-pad);left:var(--segmented-control-rail-pad);height:calc(100% - (var(--segmented-control-rail-pad) * 2));border-radius:var(--ds-radius-pill);background:color-mix(in srgb,var(--ds-accent) 55%,var(--ds-bg-1) 45%);transition:transform var(--ds-duration-smooth) var(--ds-ease-out);box-shadow:var(--ds-shadow-soft);z-index:0}.segmented-control--slider .segmented-control__button{background:transparent;z-index:var(--ds-z-base)}.segmented-control--slider .segmented-control__button--active{background:transparent;color:var(--ds-ink-1);font-weight:var(--ds-weight-bold)}.segmented-control--korpsduell-token{width:auto;justify-content:space-between}.segmented-control--korpsduell-token .segmented-control__button{flex:1;justify-content:center;position:relative}.segmented-control--korpsduell-token .segmented-control__button-label{pointer-events:none}.segmented-control--korpsduell-token .segmented-control__button--disabled{opacity:var(--ds-opacity-soft);cursor:not-allowed}.segmented-control--korpsduell-token-tight .segmented-control__button{padding:var(--segmented-control-token-tight-padding);font-size:var(--ds-text-2xs);min-height:28px}.segmented-control--korpsduell-token.segmented-control--slider .segmented-control__button--active{color:var(--ds-ink-1)}}@layer components{.info-box{background:var(--ds-alpha-10);border:1px solid var(--ds-alpha-30);border-radius:var(--ds-radius-lg);padding:var(--ds-space-7);margin-bottom:var(--ds-space-7)}.info-box__title{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);margin:0 0 var(--ds-space-6);color:var(--ds-accent)}.info-box__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-space-5)}.info-box__list-item{position:relative;padding-left:var(--ds-space-7);color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-leading-normal)}.info-box__list-item:before{content:"✓";position:absolute;left:0;color:var(--ds-accent);font-weight:var(--ds-weight-semibold)}.info-box--success{background:var(--ds-alpha-10);border-color:var(--ds-accent)}.info-box--warning{background:var(--ds-alpha-10);border-color:var(--ds-danger)}}@layer components{.modern-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-edge-2);box-shadow:var(--ds-shadow-soft);background-color:var(--ds-bg-1);color:var(--ds-ink-2)}.modern-table__row{background-color:var(--ds-bg-1)}.modern-table__head-row{background-color:var(--ds-bg-2);color:var(--ds-ink-2);font-weight:var(--ds-weight-medium);font-size:.95em}.modern-table__header{padding:var(--ds-space-5);text-align:left;line-height:var(--ds-leading-tight);border-bottom:1px solid var(--ds-edge-2);background-color:var(--ds-bg-2)}.modern-table__cell{padding:var(--ds-space-5) var(--ds-space-6);text-align:left;line-height:var(--ds-leading-tight);border-bottom:.5px solid var(--ds-edge-2);font-weight:var(--ds-weight-regular);font-size:.95em}.modern-table__header--first{border-top-left-radius:var(--ds-radius-lg)}.modern-table__header--last{border-top-right-radius:var(--ds-radius-lg)}.modern-table__cell--bottom-first{border-bottom-left-radius:var(--ds-radius-lg)}.modern-table__cell--bottom-last{border-bottom-right-radius:var(--ds-radius-lg)}.modern-table__body-row:hover{background-color:var(--ds-alpha-10);transition:background var(--ds-duration-base) ease-in-out}}@layer components{.mini-ladder-component{display:flex;flex-direction:column;gap:var(--ds-space-4);width:100%;max-width:12rem;margin-inline:auto;padding-block:var(--ds-space-3);text-decoration:none;color:var(--ds-alpha-70);transition:opacity var(--ds-duration-base) ease}.mini-ladder-component:hover,.mini-ladder-component:focus-visible{opacity:var(--ds-opacity-strong);text-decoration:none;color:var(--ds-alpha-70)}.ladder-theme-line{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-3);margin:0;font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ds-alpha-50)}.ladder-icon{display:inline-flex;align-items:center;opacity:.7}.ladder-theme-text{color:inherit}.ladder-leaderboard-entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums}.ladder-entry{display:grid;grid-template-columns:1.25rem 1fr auto;align-items:baseline;column-gap:var(--ds-space-5);color:var(--ds-alpha-50);line-height:var(--ds-leading-snug)}.ladder-rank{text-align:right;color:var(--ds-alpha-30)}.ladder-username{color:var(--ds-alpha-70);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder-value{text-align:right;color:var(--ds-alpha-50)}.ladder-entry.is-current-user .ladder-rank,.ladder-entry.is-current-user .ladder-username,.ladder-entry.is-current-user .ladder-value{color:var(--ds-accent-hi)}.ladder-entry.user-outside-top3{margin-top:var(--ds-space-3);position:relative}.ladder-entry.user-outside-top3:before{content:"";position:absolute;left:50%;top:calc(-1 * var(--ds-space-3) / 2);width:1.25rem;height:1px;background:var(--ds-alpha-10);transform:translate(-50%)}@media (width <= 768px){.mini-ladder-component{max-width:11rem}}}@layer components.components{.auth-ui__oauth-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-4);background:var(--ds-bg-1);color:var(--ds-ink-1);border:1px solid var(--ds-alpha-30);text-decoration:none;width:100%}.auth-ui-divider{display:flex;align-items:center;margin:var(--ds-space-7) 0}.auth-ui-divider__line{flex:1;height:1px;background:var(--ds-alpha-30)}.auth-ui-divider__text{padding:0 var(--ds-space-6);color:var(--ds-ink-2);font-size:var(--ds-text-sm)}}@layer components{.template-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.template-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-5);padding:var(--ds-space-5) var(--ds-space-6);border:1px solid var(--ds-alpha-10);border-radius:var(--ds-radius-sm);background:var(--ds-bg-2);font-family:inherit;font-size:inherit;text-align:left;width:100%;color:inherit;text-decoration:none;cursor:pointer;position:relative;transition:border-color var(--ds-duration-base) ease,background-color var(--ds-duration-base) ease}.template-list__item:hover{border-color:var(--ds-alpha-20);background:var(--ds-alpha-05);color:inherit;text-decoration:none}.template-list__item-info{--template-list-info-gap: 3px;display:flex;flex-direction:column;gap:var(--template-list-info-gap);min-width:0;flex:1}.template-list__item-name{font-size:var(--ds-text-base);font-weight:var(--ds-weight-medium);color:var(--ds-ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list__item-desc{font-size:var(--ds-text-sm);color:var(--ds-alpha-50);line-height:var(--ds-leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-list__item-meta{font-size:var(--ds-text-xs);color:var(--ds-alpha-50)}.template-list__item-trailing{display:flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0;position:relative;z-index:calc(var(--ds-z-above) + 1)}.template-list__item-trailing-icon{opacity:.3;transition:opacity var(--ds-duration-base) ease,transform var(--ds-duration-base) ease}.template-list__item:hover .template-list__item-trailing-icon{opacity:.6;transform:translate(2px)}}