@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");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}:root{--font-display: "Manrope Variable", system-ui, sans-serif;--font-body: "Manrope Variable", system-ui, sans-serif;--font-data: "Manrope Variable", system-ui, sans-serif;--text-display-lg: 800 clamp(3.4rem, 9vw, 6.8rem) / .9 var(--font-display);--text-display-md: 800 clamp(2.8rem, 7vw, 5rem) / .94 var(--font-display);--text-display-sm: 750 clamp(2.3rem, 5vw, 3.4rem) / .98 var(--font-display);--text-headline-lg: 750 2.5rem / 1.05 var(--font-display);--text-headline-md: 700 2rem / 1.1 var(--font-display);--text-headline-sm: 700 1.65rem / 1.12 var(--font-display);--text-title-lg: 700 1.3rem / 1.15 var(--font-body);--text-title-md: 600 1.08rem / 1.25 var(--font-body);--text-title-sm: 600 .95rem / 1.25 var(--font-body);--text-body-lg: 400 1.02rem / 1.6 var(--font-body);--text-body-md: 400 .96rem / 1.55 var(--font-body);--text-body-sm: 400 .88rem / 1.5 var(--font-body);--text-label-lg: 600 .92rem / 1.15 var(--font-body);--text-label-md: 600 .78rem / 1.15 var(--font-body);--text-label-sm: 600 .7rem / 1.1 var(--font-body);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(28, 27, 27, .04);--shadow-sm: 0 4px 12px rgba(28, 27, 27, .06), 0 2px 4px rgba(28, 27, 27, .04);--shadow-md: 0 8px 24px rgba(28, 27, 27, .07), 0 4px 8px rgba(28, 27, 27, .04);--shadow-lg: 0 16px 48px rgba(28, 27, 27, .08), 0 8px 16px rgba(28, 27, 27, .04);--shadow-ambient: 0 32px 80px rgba(28, 27, 27, .04);--blur-soft: 16px;--blur-strong: 24px;--motion-fast: .14s ease;--motion-mid: .22s ease;--motion-slow: .38s cubic-bezier(.2, .9, .2, 1);--border-subtle: 1px solid;--container-sm: 36rem;--container-md: 56rem;--container-lg: 76rem;--tap-target-min: 44px;--overlay-viewport-inset: var(--space-4);--overlay-max-inline-size: 32rem;--overlay-padding: var(--space-6);--overlay-gap: var(--space-4);--overlay-body-gap: var(--space-4);--overlay-body-padding-bottom: var(--space-2);--overlay-footer-gap: var(--space-3);--overlay-footer-padding-top: var(--space-2);--overlay-safe-top: env(safe-area-inset-top, 0px);--overlay-safe-bottom: env(safe-area-inset-bottom, 0px);--overlay-max-block-size: calc( 100dvh - (var(--overlay-viewport-inset) * 2) - var(--overlay-safe-top) - var(--overlay-safe-bottom) )}:root,[data-theme=light]{--color-bg: #fcf9f8;--color-bg-alt: #f3f0ee;--color-surface-1: rgba(255, 253, 251, .85);--color-surface-2: #ffffff;--color-surface-3: #f5f3f1;--color-surface-4: #eeebe8;--color-text-strong: #1c1b1b;--color-text-soft: #5d5e61;--color-text-muted: #8a8b8e;--color-accent-lime: #dfff00;--color-accent-primary: #576500;--color-accent-secondary: #545e76;--color-accent-positive: #2d6a4f;--color-hit-tendency: #4ea27b;--color-hit-goal-diff: #1f7a44;--color-hit-exact: #0a3a23;--color-accent-warning: #92400e;--color-accent-danger: #991b1b;--color-on-accent: #1c1b1b;--color-on-accent-primary: #fff7f1;--color-focus: #dfff00;--color-overlay: rgba(28, 27, 27, .5);--color-border: rgba(28, 27, 27, .08);--color-border-strong: rgba(28, 27, 27, .15);--shadow-sm: 0 4px 12px rgba(28, 27, 27, .06), 0 2px 4px rgba(28, 27, 27, .04);--shadow-md: 0 8px 24px rgba(28, 27, 27, .07), 0 4px 8px rgba(28, 27, 27, .04);--shadow-lg: 0 16px 48px rgba(28, 27, 27, .08), 0 8px 16px rgba(28, 27, 27, .04)}[data-theme=dark]{--color-bg: #161614;--color-bg-alt: #1e1e1b;--color-surface-1: rgba(30, 30, 27, .85);--color-surface-2: #252522;--color-surface-3: #2c2c29;--color-surface-4: #343430;--color-text-strong: #f0ede8;--color-text-soft: #b8b5b0;--color-text-muted: #888580;--color-accent-lime: #dfff00;--color-accent-primary: #c8dc00;--color-accent-secondary: #9eabc4;--color-accent-positive: #6fcf97;--color-hit-tendency: #b2e5c8;--color-hit-goal-diff: #5fcf94;--color-hit-exact: #16c47a;--color-accent-warning: #f6b252;--color-accent-danger: #f87171;--color-on-accent: #1c1b1b;--color-on-accent-primary: #1c1b1b;--color-focus: #dfff00;--color-overlay: rgba(0, 0, 0, .6);--color-border: rgba(240, 237, 232, .08);--color-border-strong: rgba(240, 237, 232, .15);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .18), 0 2px 4px rgba(0, 0, 0, .12);--shadow-md: 0 8px 24px rgba(0, 0, 0, .22), 0 4px 8px rgba(0, 0, 0, .14);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .28), 0 8px 16px rgba(0, 0, 0, .16)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{overflow-x:clip;scrollbar-gutter:stable}html{background:var(--color-bg);color:var(--color-text-strong);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--color-bg);color:var(--color-text-strong);font:var(--text-body-md)}::selection{background:color-mix(in srgb,var(--color-accent-lime) 30%,transparent);color:var(--color-on-accent)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 40%,transparent)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.ui-surface{position:relative;display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:var(--shadow-sm)}.ui-surface[data-surface=raised]{background:var(--color-surface-3);box-shadow:none}.ui-surface[data-surface=floating]{background:var(--color-surface-1);backdrop-filter:blur(var(--blur-soft));box-shadow:var(--shadow-md)}.ui-button,.ui-icon-button,.ui-select__trigger,.ui-bottom-nav__button,.ui-list-row--button{transition:transform var(--motion-fast),background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),opacity var(--motion-fast)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target-min);padding-inline:var(--space-5);border:var(--border-subtle) transparent;border-radius:var(--radius-md);font:var(--text-label-lg);letter-spacing:.06em;text-transform:uppercase}.ui-button[data-size=sm]{min-height:2.5rem;padding-inline:var(--space-4);font:var(--text-label-md)}.ui-button[data-size=lg]{min-height:3.25rem;padding-inline:var(--space-6)}.ui-button[data-variant=solid][data-tone=primary]{background:var(--color-accent-lime);color:var(--color-on-accent)}.ui-button[data-variant=solid][data-tone=primary]:is(:hover,[data-preview-state=hover]){background:color-mix(in srgb,var(--color-accent-lime) 88%,var(--color-text-strong));transform:none;box-shadow:none}.ui-button[data-variant=solid][data-tone=secondary]{background:var(--color-surface-4);color:var(--color-text-strong)}.ui-button[data-variant=solid][data-tone=success]{background:var(--color-accent-positive);color:#f0fff8}.ui-button[data-variant=solid][data-tone=danger]{background:var(--color-accent-danger);color:#fff0f0}.ui-button[data-variant=solid][data-tone=neutral]{background:var(--color-text-strong);color:var(--color-bg)}.ui-button[data-variant=soft]{background:var(--color-surface-3);color:var(--color-text-strong)}.ui-button[data-tone=primary][data-variant=soft]{background:color-mix(in srgb,var(--color-accent-lime) 15%,var(--color-surface-2));color:var(--color-accent-primary)}.ui-button[data-tone=success][data-variant=soft]{background:color-mix(in srgb,var(--color-accent-positive) 12%,var(--color-surface-2));color:var(--color-accent-positive)}.ui-button[data-variant=outline]{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-strong)}.ui-button[data-variant=ghost]{background:transparent;color:var(--color-text-soft)}.ui-button:not([data-variant=solid][data-tone=primary]):is(:hover,[data-preview-state=hover]),.ui-icon-button:is(:hover,[data-preview-state=hover]),.ui-select__trigger:is(:hover,[data-preview-state=hover]),.ui-bottom-nav__button:is(:hover,[data-preview-state=hover]),.ui-list-row--button:is(:hover,[data-preview-state=hover]){background:color-mix(in srgb,var(--color-text-strong) 6%,transparent)}.ui-button[data-variant=soft]:is(:hover,[data-preview-state=hover]),.ui-button[data-variant=solid]:not([data-tone=primary]):is(:hover,[data-preview-state=hover]){filter:brightness(.95);background:unset}.ui-button[data-variant=solid][data-tone=neutral]:is(:hover,[data-preview-state=hover]){filter:brightness(1.15);background:unset}.ui-button:is(:active,[data-preview-state=active]),.ui-icon-button:is(:active,[data-preview-state=active]){filter:brightness(.92)}.ui-button:is(:disabled,[data-status=disabled]),.ui-icon-button:is(:disabled,[data-status=disabled]),.ui-select__trigger:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.ui-button__spinner{width:.85rem;height:.85rem;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:ui-spin .8s linear infinite}.ui-icon-button{display:inline-grid;place-items:center;width:var(--tap-target-min);min-width:var(--tap-target-min);min-height:var(--tap-target-min);padding:0;border:var(--border-subtle) var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-strong)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.6rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.ui-badge[data-variant=solid]{background:var(--color-text-strong);color:var(--color-bg)}.ui-badge[data-variant=soft]{background:var(--color-surface-4);color:var(--color-text-strong)}.ui-badge[data-variant=outline]{border:var(--border-subtle) var(--color-border-strong);color:var(--color-text-soft)}.ui-badge[data-tone=primary]{background:color-mix(in srgb,var(--color-accent-lime) 20%,var(--color-surface-2));color:var(--color-accent-primary)}.ui-badge[data-tone=success]{background:color-mix(in srgb,var(--color-accent-positive) 14%,var(--color-surface-2));color:var(--color-accent-positive)}.ui-badge[data-tone=danger]{background:color-mix(in srgb,var(--color-accent-danger) 12%,var(--color-surface-2));color:var(--color-accent-danger)}.ui-field{display:grid;gap:var(--space-2)}.ui-field__label{color:var(--color-text-soft);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.ui-field__control{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-target-min);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-3);border:var(--border-subtle) transparent}.ui-field__control:focus-within{border-color:var(--color-border-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 28%,transparent)}.ui-field[data-status=error] .ui-field__control{border-color:color-mix(in srgb,var(--color-accent-danger) 40%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-danger) 14%,transparent)}.ui-field input{width:100%;border:0;background:transparent;color:var(--color-text-strong);font:var(--text-body-md)}.ui-field input::placeholder{color:var(--color-text-muted)}.ui-field__meta{color:var(--color-text-muted);font:var(--text-body-sm)}.ui-field__meta[data-tone=danger]{color:var(--color-accent-danger)}.ui-choice{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap-target-min);width:100%}.ui-checkbox{display:grid;place-items:center;width:1.25rem;height:1.25rem;margin-top:.1rem;border:var(--border-subtle) var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface-2);color:var(--color-accent-primary)}.ui-checkbox[data-state=checked]{background:var(--color-accent-lime);border-color:transparent;color:var(--color-on-accent)}.ui-checkbox__indicator{font:var(--text-label-md);line-height:1}.ui-choice__body{display:grid;gap:var(--space-1)}.ui-choice__title{color:var(--color-text-strong);font:var(--text-title-sm)}.ui-choice__description{color:var(--color-text-soft);font:var(--text-body-sm)}.ui-switch{flex-shrink:0;position:relative;display:inline-flex;align-items:center;width:3rem;height:1.8rem;padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-surface-4)}.ui-switch[data-state=checked]{background:var(--color-accent-lime)}.ui-switch[data-disabled]{opacity:.4;cursor:not-allowed}.ui-switch__thumb{display:block;width:1.3rem;height:1.3rem;margin-left:.25rem;border-radius:999px;background:#fff;box-shadow:var(--shadow-xs);transition:transform var(--motion-fast);transform:translate(0)}.ui-switch[data-state=checked] .ui-switch__thumb{transform:translate(1.15rem)}.ui-tabs{display:grid;gap:var(--space-4)}.ui-tabs__list{display:inline-flex;gap:0;padding:0;border-bottom:1px solid var(--color-border)}.ui-tabs__list.group-room-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.ui-tabs__list.tips-view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ui-tabs__trigger.tips-view-tabs__trigger{display:inline-flex;align-items:center;justify-content:center;width:100%;padding-inline:var(--space-2);text-align:center}.ui-tabs__trigger{min-height:calc(var(--tap-target-min) - .5rem);padding:0 var(--space-4);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-text-muted);font:var(--text-label-lg);letter-spacing:.06em;text-transform:uppercase;margin-bottom:-1px}.ui-tabs__trigger.group-room-tabs__trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding-inline:var(--space-2);text-align:center}.ui-tabs__trigger[data-state=active]{border-bottom-color:var(--color-accent-lime);color:var(--color-text-strong)}.group-room-tabs__count{color:var(--color-text-muted);font:var(--text-label-md)}.ui-tabs__content{outline:none}.ui-select{display:grid;gap:var(--space-2)}.ui-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap-target-min);padding:0 var(--space-4);border:var(--border-subtle) transparent;border-radius:var(--radius-md);background:var(--color-surface-3);color:var(--color-text-strong)}.ui-select__trigger:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 28%,transparent)}.ui-select[data-status=error] .ui-select__trigger{border-color:color-mix(in srgb,var(--color-accent-danger) 40%,transparent)}.ui-select__content{overflow:hidden;z-index:60;border:var(--border-subtle) var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-2) 94%,transparent);backdrop-filter:blur(var(--blur-soft));box-shadow:var(--shadow-lg)}.ui-select__viewport{padding:var(--space-2)}.ui-select__item{display:flex;align-items:center;min-height:var(--tap-target-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-strong);outline:none}.ui-select__item[data-highlighted],.ui-select__item[data-state=checked]{background:color-mix(in srgb,var(--color-accent-lime) 18%,var(--color-surface-2))}.ui-overlay{position:fixed;inset:0;z-index:60;background:var(--color-overlay);backdrop-filter:blur(var(--blur-soft))}.ui-modal{position:fixed;z-index:70;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--overlay-gap);inline-size:min(calc(100vw - (var(--overlay-viewport-inset) * 2)),var(--overlay-max-inline-size));max-block-size:var(--overlay-max-block-size);border-radius:var(--radius-xl);border:var(--border-subtle) var(--color-border);background:var(--color-surface-2);box-shadow:var(--shadow-lg);overflow:hidden}.ui-modal--dialog{top:50%;left:50%;transform:translate(-50%,-50%)}.ui-modal--drawer{left:50%;bottom:max(var(--overlay-viewport-inset),var(--overlay-safe-bottom));transform:translate(-50%)}.ui-modal__header{display:grid;gap:var(--space-2);padding:var(--overlay-padding) var(--overlay-padding) 0}.ui-modal__title{margin:0;font:var(--text-headline-sm)}.ui-modal__description{margin:0;color:var(--color-text-soft)}.ui-modal__body{min-height:0;display:grid;gap:var(--overlay-body-gap);overflow-y:auto;overscroll-behavior:contain;padding:0 var(--overlay-padding) var(--overlay-body-padding-bottom)}.ui-modal__footer{padding:var(--overlay-footer-padding-top) var(--overlay-padding) calc(var(--overlay-padding) + var(--overlay-safe-bottom))}.ui-modal__actions{display:flex;flex-wrap:wrap;gap:var(--overlay-footer-gap)}.ui-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.ui-topbar__eyebrow{margin:0 0 var(--space-2);color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.14em;text-transform:uppercase}.ui-topbar__title{margin:0;font:var(--text-headline-md)}.ui-topbar__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-soft);max-width:38rem}.ui-bottom-nav{display:grid;grid-template-columns:repeat(var(--bottom-nav-columns, 3),minmax(0,1fr));gap:0;padding:var(--space-2);border-radius:var(--radius-xl);background:var(--color-surface-1);backdrop-filter:blur(var(--blur-soft));border:var(--border-subtle) var(--color-border)}.ui-bottom-nav__button{display:grid;justify-items:center;gap:.3rem;min-height:var(--tap-target-min);padding:var(--space-2);border:0;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-muted)}.ui-bottom-nav__button[data-current=true]{background:var(--color-accent-lime);color:var(--color-on-accent)}.ui-bottom-nav__icon{font-size:1.15rem}.ui-bottom-nav__label{font:var(--text-label-md);letter-spacing:.05em;text-transform:uppercase}.ui-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--tap-target-min);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-3)}.ui-list-row--button{width:100%;border:0;text-align:left}.ui-list-row__body{display:grid;gap:var(--space-1)}.ui-list-row__eyebrow{color:var(--color-text-muted);font:var(--text-label-sm);letter-spacing:.12em;text-transform:uppercase}.ui-list-row__title{font:var(--text-title-md)}.ui-list-row__meta{color:var(--color-text-soft);font:var(--text-body-sm)}.ui-state-card{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-5)}.ui-state-card__mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background:var(--color-surface-4);font:var(--text-title-lg)}.ui-state-card__title{margin:0;font:var(--text-headline-sm)}.ui-state-card__body{margin:0;color:var(--color-text-soft)}.ui-loading-bars{display:grid;gap:var(--space-2);width:100%}.ui-loading-bars span{display:block;height:.75rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-4),color-mix(in srgb,var(--color-surface-4) 50%,var(--color-bg)),var(--color-surface-4));background-size:220% 100%;animation:ui-shimmer 1.5s linear infinite}.ui-loading-bars span:nth-child(2){width:78%}.ui-loading-bars span:nth-child(3){width:58%}.ui-toast-viewport{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:80;display:grid;gap:var(--space-3);width:min(calc(100vw - 2rem),22rem);margin:0;padding:0;list-style:none}.ui-toast{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-subtle) var(--color-border);background:var(--color-surface-2);box-shadow:var(--shadow-md)}.ui-toast[data-tone=success]{border-color:color-mix(in srgb,var(--color-accent-positive) 28%,transparent)}.ui-toast[data-tone=danger]{border-color:color-mix(in srgb,var(--color-accent-danger) 28%,transparent)}.ui-toast__title{font:var(--text-title-sm)}.ui-toast__description{color:var(--color-text-soft);font:var(--text-body-sm)}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-shimmer{to{background-position:-220% 0}}.theme-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--color-surface-3);border-radius:var(--radius-lg);padding:3px}.theme-toggle__pill{position:absolute;inset-block:3px;left:calc(3px + var(--active-idx, 0) * ((100% - 6px) / 3));width:calc((100% - 6px) / 3);background:var(--color-surface-2);border-radius:calc(var(--radius-lg) - 3px);box-shadow:var(--shadow-sm);transition:left var(--motion-mid);pointer-events:none}.theme-toggle__btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-block:var(--space-2);border:none;background:transparent;border-radius:calc(var(--radius-lg) - 3px);font:var(--text-label-md);color:var(--color-text-soft);cursor:pointer;min-height:var(--tap-target-min);transition:color var(--motion-fast);-webkit-tap-highlight-color:transparent}.theme-toggle__btn--active{color:var(--color-text-strong)}.card{border:var(--border-subtle) var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--shadow-sm)}.card--xl{border-radius:var(--radius-xl)}.ds-page{width:min(calc(100% - 2rem),var(--container-lg));margin:0 auto;padding:var(--space-6) 0 var(--space-10)}.ds-stack{display:grid;gap:var(--space-5)}.ds-grid{display:grid;gap:var(--space-4)}.ds-grid--two{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.ds-grid--three{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.ds-cluster{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ds-section{display:grid;gap:var(--space-4)}.ds-section__title{margin:0;font:var(--text-headline-sm)}.ds-section__copy{margin:0;max-width:42rem;color:var(--color-text-soft)}.ds-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:var(--space-3)}.ds-swatch{display:grid;gap:var(--space-3)}.ds-swatch__chip{min-height:6rem;border-radius:var(--radius-lg);border:var(--border-subtle) var(--color-border)}.ds-swatch__meta{display:grid;gap:var(--space-1)}.ds-swatch__label{font:var(--text-title-sm)}.ds-swatch__value{color:var(--color-text-muted);font:var(--text-body-sm)}.ds-type-ramp{display:grid;gap:var(--space-4)}.ds-type-ramp__item{display:grid;gap:var(--space-2)}.ds-type-ramp__label{color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.12em;text-transform:uppercase}.ds-meter{display:grid;gap:var(--space-3)}.ds-meter__row{display:flex;align-items:center;gap:var(--space-3)}.ds-meter__sample{height:1rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-accent-secondary),color-mix(in srgb,var(--color-accent-primary) 58%,var(--color-accent-secondary)))}.ds-meter__sample[data-kind=shadow]{background:var(--color-surface-2)}.ds-meter__label{width:7rem;color:var(--color-text-soft);font:var(--text-body-sm)}.ds-preview-card{display:grid;gap:var(--space-3)}.ds-preview-card__label{color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.1em;text-transform:uppercase}.ds-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-3)}.ds-demo-nav{position:sticky;top:var(--space-4);z-index:20}.ds-modal-copy{margin:0;color:var(--color-text-soft)}.ds-modal-stack{gap:var(--space-3)}.ds-preview-hover .ui-field__control{box-shadow:inset 0 -3px color-mix(in srgb,var(--color-focus) 70%,transparent)}@media(min-width:900px){.ds-page{padding-top:var(--space-7)}}html{min-height:100%;background:radial-gradient(circle at top left,rgba(201,77,47,.16),transparent 28rem),radial-gradient(circle at top right,rgba(63,143,91,.18),transparent 24rem),linear-gradient(180deg,color-mix(in srgb,var(--color-bg-alt) 86%,white) 0%,var(--color-bg-alt) 42%,var(--color-surface-4) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(20,33,36,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,33,36,.03) 1px,transparent 1px);background-size:22px 22px;opacity:.25}.app-shell{position:relative;min-height:100vh;padding-bottom:4rem}.boot-screen{display:grid;place-items:center;min-height:100vh;padding:1.5rem}.boot-card{display:grid;gap:.85rem;width:min(100%,34rem);padding:1.4rem;border:1px solid var(--color-border);border-radius:1.6rem;background:var(--color-surface-1);box-shadow:var(--shadow-md)}.boot-card h1{margin:0;font:var(--text-display-sm);text-transform:uppercase}.boot-card p{margin:0;color:var(--color-text-soft);line-height:1.5}.boot-card--error{border-color:color-mix(in srgb,var(--color-accent-danger) 30%,var(--color-border))}.hero-shell{position:relative;overflow:hidden;padding:1.2rem 1.2rem 0}.hero-shell__band{position:absolute;inset:1.2rem 1.2rem auto;height:.9rem;border-radius:999px;background:linear-gradient(90deg,var(--color-accent-danger),var(--color-accent-warning),var(--color-accent-positive))}.hero-shell__content{position:relative;padding-top:2.2rem}.eyebrow,.signal-label,.pillar p{margin:0;font:var(--text-label-md);letter-spacing:.18em;text-transform:uppercase}.hero-shell__headline{display:grid;gap:1rem}.hero-shell h1{margin:0;max-width:8ch;font:var(--text-display-lg);text-transform:uppercase}.hero-shell__lede{margin:0;max-width:32rem;color:var(--color-text-soft);font:var(--text-body-lg)}.page-frame{padding:var(--space-5)}.auth-shell{--shell-safe-top: env(safe-area-inset-top, 0px);--app-header-inline-padding: var(--space-4);--app-header-control-size: 2.75rem;--app-header-block-padding: var(--space-2);--app-header-min-height: calc( var(--shell-safe-top) + var(--app-header-control-size) + (var(--app-header-block-padding) * 2) )}.auth-shell .page-frame{padding-top:calc(var(--app-header-min-height) + var(--space-3));padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(var(--shell-safe-top) + var(--app-header-block-padding)) var(--app-header-inline-padding) var(--app-header-block-padding);min-height:var(--app-header-min-height);background:color-mix(in srgb,var(--color-surface-1) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-sizing:border-box}.app-header__left{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.app-header__back{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--app-header-control-size);min-width:var(--app-header-control-size);min-height:var(--app-header-control-size);margin-left:calc(-1 * var(--space-2));color:var(--color-text-soft);text-decoration:none}.app-header__back svg{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none}.app-header__title{display:block;font:var(--text-title-md);color:var(--color-text-strong);line-height:1.15;transform:translateY(-.01em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__title-slot{display:flex;align-items:center;min-height:var(--app-header-control-size);min-width:0;flex:1}.app-header__wordmark{display:block;font:var(--text-label-lg);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.app-header__actions{display:flex;align-items:center;min-height:var(--app-header-control-size)}.app-header__avatar-btn{display:flex;align-items:center;justify-content:center;width:var(--app-header-control-size);min-width:var(--app-header-control-size);min-height:var(--app-header-control-size);border-radius:999px;text-decoration:none}.app-header__avatar{width:2rem;height:2rem;border-radius:999px}.app-header__avatar-skeleton{width:2rem;height:2rem;border-radius:999px;background:var(--color-surface-4)}.app-header__action-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--app-header-control-size);padding:0 var(--space-3);font:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--color-text-soft);border-radius:var(--radius-pill)}.friends-screen{display:grid;gap:var(--space-6);padding-bottom:6rem}.friends-screen__surface{gap:var(--space-5)}.friends-tabs,.request-tabs{gap:var(--space-4)}.friends-tabs__list,.request-tabs__list{display:flex;width:100%;gap:var(--space-2);border-bottom:0;padding:var(--space-1);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface-2) 55%,transparent)}.friends-tabs__trigger,.request-tabs__trigger{display:inline-flex;align-items:center;flex:1;justify-content:center;gap:var(--space-2);margin-bottom:0;padding:.8rem var(--space-3);border-bottom:0;border-radius:calc(var(--radius-xl) - var(--space-1))}.friends-tabs__trigger[data-state=active],.request-tabs__trigger[data-state=active]{background:var(--color-surface-2);box-shadow:var(--shadow-xs)}.friends-tabs__content,.request-tabs__content{margin-top:0}.friend-tab-count{display:inline-flex;min-width:1.3rem;align-items:center;justify-content:center;padding:0 .35rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent-lime) 20%,var(--color-surface-3));color:var(--color-text-strong);font:var(--text-label-sm);letter-spacing:0}.friend-list,.friend-list-skeletons{display:grid;gap:var(--space-3)}.friend-list-skeletons__item{height:4.5rem;border-radius:1.2rem}.friend-card-row,.friend-action-row{display:flex;align-items:center;gap:var(--space-4);padding:.95rem 1rem;border:1px solid var(--color-border);border-radius:1.2rem;background:color-mix(in srgb,var(--color-surface-2) 72%,transparent)}.friend-card-row{width:100%;text-align:left;cursor:pointer;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.friend-card-row:hover,.friend-card-row:focus-visible{transform:translateY(-1px);border-color:var(--color-border-strong);background:var(--color-surface-2)}.friend-card-row__avatar,.friend-action-row__avatar{width:2.8rem;height:2.8rem;flex-shrink:0;border-radius:999px}.friend-card-row__body,.friend-action-row__body{flex:1;min-width:0}.friend-card-row__body,.friend-card-row__name,.friend-card-row__meta{display:block}.friend-card-row__name,.friend-action-row__name{margin:0;font:var(--text-title-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-row__meta,.friend-action-row__meta{margin:.2rem 0 0;font:var(--text-body-sm);color:var(--color-text-soft)}.friend-card-row__detail{color:var(--color-accent-primary);font:var(--text-label-md);letter-spacing:.06em;text-transform:uppercase}.friend-action-row{align-items:flex-start}.friend-action-row__actions{flex-shrink:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.friend-detail-drawer{--overlay-max-inline-size: 34rem}.friend-detail-drawer__header{display:flex;align-items:flex-start;gap:var(--space-4);padding:1.15rem 1.25rem .35rem}.friend-detail-drawer__avatar{flex:0 0 auto;width:3.4rem;height:3.4rem;margin-block-start:.1rem}.friend-detail-drawer__header-copy{min-width:0;padding-block-start:.05rem}.friend-detail-drawer__header-copy .ui-modal__title{line-height:1.02}.friend-detail-drawer__header-copy .ui-modal__description{margin-block-start:.25rem}.friend-detail-drawer__body,.friend-detail-stack{display:grid;gap:var(--space-3)}.friend-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-4);padding:1rem 1.05rem 1.05rem;border:1px solid var(--color-border);border-radius:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent-lime) 15%,transparent),transparent 58%),color-mix(in srgb,var(--color-surface-2) 82%,transparent)}.friend-detail-hero__copy{min-width:0;display:grid;gap:var(--space-2)}.friend-detail-panel__label{margin:0;color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.friend-detail-panel__headline{color:var(--color-text-strong);font:var(--text-title-lg);overflow-wrap:anywhere}.friend-detail-panel__meta{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.friend-detail-rank-pill{min-width:3.25rem;padding:.45rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent-lime) 18%,var(--color-surface-2));color:var(--color-text-strong);font:var(--text-title-md);text-align:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-lime) 24%,transparent)}.friend-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:.9rem 0;border-block-start:1px solid color-mix(in srgb,var(--color-border) 82%,transparent)}.friend-detail-row--activity{grid-template-columns:1fr;gap:var(--space-2)}.friend-detail-row__headline{color:var(--color-text-strong);font:var(--text-title-md);overflow-wrap:anywhere}.friend-detail-row__meta-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);color:var(--color-text-soft);font:var(--text-label-md)}.friend-detail-drawer__error{margin:0}.friend-detail-drawer__skeleton{border-radius:1.2rem}.friend-detail-drawer__skeleton--hero,.friend-detail-drawer__skeleton--panel{height:4.4rem}@media(max-width:32rem){.friend-action-row{flex-wrap:wrap}.friend-action-row__actions{width:100%}.friend-detail-hero,.friend-detail-row{grid-template-columns:1fr}.friend-detail-rank-pill,.friend-detail-row__meta-group{justify-self:start}}.dashboard-grid{display:grid;gap:1rem}.signal-card{position:relative;display:grid;gap:1rem;padding:1.2rem;border:1px solid var(--color-border);border-radius:1.6rem;background:var(--color-surface-1);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);animation:rise-in .42s ease both}.signal-card:nth-child(2){animation-delay:70ms}.signal-card:nth-child(3){animation-delay:.13s}.signal-card:nth-child(4){animation-delay:.19s}.signal-card--hero{background:linear-gradient(135deg,rgba(201,77,47,.08),transparent 44%),linear-gradient(225deg,rgba(63,143,91,.1),transparent 46%),color-mix(in srgb,var(--color-surface-2) 92%,transparent)}.signal-card__topline{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.signal-card--compact{gap:var(--space-3);padding:var(--space-4) var(--space-5)}.profile-hero{display:flex;align-items:center;gap:var(--space-4)}.profile-hero__avatar{width:3.5rem;height:3.5rem;font-size:1.1rem;flex-shrink:0}.profile-hero__meta{display:grid;gap:.2rem}.profile-hero__name{margin:0;font:var(--text-headline-sm);text-transform:uppercase;letter-spacing:.06em}.profile-hero__hint{margin:0;color:var(--color-text-muted);font:var(--text-body-sm)}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.profile-divider{height:1px;background:var(--color-border);margin-inline:-1.2rem}.profile-setting{display:grid;gap:var(--space-3)}.profile-setting__label{font:var(--text-label-lg);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.profile-section-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.profile-section-row__label{font:var(--text-label-lg);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.profile-section-row__sub{margin:.15rem 0 0;color:var(--color-text-muted);font:var(--text-body-sm)}.profile-friend-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.profile-friend-row__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-push-toggles,.profile-friends-section{display:grid;gap:var(--space-3)}.profile-push-toggles--muted{opacity:.4;pointer-events:none}.profile-friend-row{padding-top:var(--space-2);border-top:var(--border-subtle) var(--color-border)}.profile-friend-row__title{margin:0;font:var(--text-title-sm)}.profile-friend-row__meta{margin:.2rem 0 0;color:var(--color-text-muted);font:var(--text-body-sm)}.signal-status{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .7rem;border-radius:999px;background:#14212414;color:var(--color-text-strong);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.signal-status:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:currentColor}.signal-status--live{background:#3f8f5b1f;color:var(--color-accent-positive)}.signal-stack{display:grid;gap:.85rem}.signal-stack h2,.pillar h3{margin:0;font:var(--text-headline-sm);text-transform:uppercase}.signal-stack p,.pillar span,.status-list dd,.roadmap-list li{margin:0;color:var(--color-text-soft);line-height:1.45}.status-list{display:grid;gap:.9rem;margin:0}.status-list div{display:grid;gap:.15rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.status-list div:last-child{padding-bottom:0;border-bottom:0}.status-list dt{font:var(--text-label-lg);letter-spacing:.08em;text-transform:uppercase}.pillar-list{display:grid;gap:.85rem}.pillar{display:grid;gap:.35rem;padding:.95rem;border-radius:1.15rem;background:#ffffff8a;border:1px solid rgba(20,33,36,.08)}.pillar:nth-child(1) p{color:var(--color-accent-danger)}.pillar:nth-child(2) p{color:var(--color-accent-warning)}.pillar:nth-child(3) p{color:var(--color-accent-positive)}.roadmap-list{display:grid;gap:.7rem;margin:0;padding-left:1.2rem}.push-actions{display:flex;flex-wrap:wrap;gap:.75rem}.push-button{appearance:none;border:0;border-radius:999px;padding:.8rem 1rem;background:var(--color-accent-danger);color:#fff8ef;font:var(--text-label-lg);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}.push-button:hover:not(:disabled){transform:translateY(-1px)}.push-button:disabled{opacity:.55;cursor:not-allowed}.push-button--secondary{background:var(--color-accent-positive)}.push-button--ghost{background:#14212414;color:var(--color-text-strong)}.push-feedback{margin:0;color:var(--color-text-soft)}.push-feedback--ok{color:var(--color-accent-positive)}.push-feedback--error{color:var(--color-accent-danger)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:720px){.page-frame{padding:1.4rem}.auth-shell .page-frame{padding-top:calc(3.2rem + env(safe-area-inset-top,0px) + var(--space-3))}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.signal-card--hero,.signal-card--wide{grid-column:span 12}.dashboard-grid>.signal-card:not(.signal-card--hero):not(.signal-card--wide){grid-column:span 6}.signal-stack,.pillar-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1080px){.hero-shell{padding:1.6rem 1.6rem 0}.page-frame{padding:1.6rem}.auth-shell .page-frame{padding-top:calc(3.2rem + env(safe-area-inset-top,0px) + var(--space-3))}.hero-shell__headline{grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);align-items:end}.signal-card--hero{grid-column:span 8}.dashboard-grid>.signal-card:nth-child(2){grid-column:span 4}.dashboard-grid>.signal-card:nth-child(3){grid-column:span 7}.signal-card--wide{grid-column:span 5}}.guest-shell,.auth-shell{display:flex;flex-direction:column;min-height:100dvh}.guest-shell__header,.auth-shell__header{position:relative;padding:1.2rem 1.2rem 0;overflow:hidden}.guest-shell__header .hero-shell__band,.auth-shell__header .hero-shell__band{position:absolute;inset:1.2rem 1.2rem auto;height:.9rem;border-radius:999px;background:linear-gradient(90deg,var(--color-accent-danger),var(--color-accent-warning),var(--color-accent-positive))}.guest-shell>main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem}.guest-shell__brand{display:grid;gap:.4rem;padding-top:1.8rem}.guest-shell__logomark{display:block;width:5rem;height:5rem;margin-top:1.4rem;object-fit:contain}.guest-shell__tagline{margin:.5rem 0 0;color:var(--color-text-muted);font:var(--text-label-lg);letter-spacing:.12em;text-transform:uppercase}.bottom-nav{position:fixed;inset:auto var(--space-4) var(--space-4);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface-1) 88%,transparent);border:var(--border-subtle) var(--color-border);backdrop-filter:blur(var(--blur-soft));box-shadow:var(--shadow-md);z-index:40}.pwa-install-banner{position:fixed;inset:auto var(--space-4) calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:45;display:grid;gap:var(--space-3);margin-inline:auto;max-width:30rem;padding:var(--space-4);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface-1) 94%,transparent);border:var(--border-subtle) var(--color-border);backdrop-filter:blur(var(--blur-soft));box-shadow:var(--shadow-lg);animation:rise-in .38s cubic-bezier(.2,.9,.2,1) both}.pwa-install-banner__body{display:grid;gap:.25rem}.pwa-install-banner__title{font:var(--text-label-lg);color:var(--color-text-strong);padding-right:2rem}.pwa-install-banner__copy{font:var(--text-body-sm);color:var(--color-text-soft)}.pwa-install-banner__actions{display:flex;gap:var(--space-2)}.pwa-install-banner__close{position:absolute;top:var(--space-3);right:var(--space-3);width:2.25rem;min-width:2.25rem;min-height:2.25rem;border-color:transparent;background:transparent;color:var(--color-text-muted)}.pwa-install-banner__close:is(:hover,[data-preview-state=hover]){background:var(--color-surface-3);color:var(--color-text-strong)}.pwa-install-instructions{display:grid;gap:var(--space-4)}.pwa-install-instructions__heading{margin:0 0 var(--space-2);font:var(--text-label-md);color:var(--color-text-strong)}.pwa-install-instructions__list{margin:0;padding-left:1.2rem;display:grid;gap:.3rem;color:var(--color-text-soft);font:var(--text-body-sm)}.bottom-nav__tab{display:grid;justify-items:center;gap:.25rem;min-height:var(--tap-target-min);padding:var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast)}.bottom-nav__tab svg{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.bottom-nav__tab.active{background:var(--color-accent-lime);color:var(--color-on-accent)}.form-card{max-width:28rem;margin:0 auto}.form-group{display:grid;gap:var(--space-2)}.form-label{color:var(--color-text-soft);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.form-input{display:flex;align-items:center;width:100%;min-height:var(--tap-target-min);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-3);border:var(--border-subtle) transparent;box-shadow:inset 0 -2px color-mix(in srgb,var(--color-accent-secondary) 12%,transparent);color:var(--color-text-strong);font:var(--text-body-md);transition:box-shadow var(--motion-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;box-shadow:inset 0 -3px 0 var(--color-focus),0 0 0 3px color-mix(in srgb,var(--color-focus) 18%,transparent)}.form-input:disabled{opacity:.52;cursor:not-allowed}.form-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target-min);padding-inline:var(--space-5);border:var(--border-subtle) var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-strong);font:var(--text-label-lg);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast),opacity var(--motion-fast)}.form-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.form-btn:active:not(:disabled){transform:translateY(0)}.form-btn:disabled{opacity:.48;cursor:not-allowed}.form-btn--primary{background:var(--color-accent-lime);border-color:transparent;color:var(--color-on-accent)}.form-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-lime) 88%,var(--color-text-strong));transform:none;box-shadow:none}.form-btn--ghost{border-color:transparent;color:var(--color-text-soft)}.form-btn--full{width:100%}.form-btn--sm{min-height:2.4rem;padding-inline:var(--space-4);font:var(--text-label-md)}.form-error{margin:0;color:var(--color-accent-danger);font:var(--text-body-sm)}.form-link{color:var(--color-accent-primary);font:var(--text-body-sm);text-decoration:none}.form-link:hover{text-decoration:underline}.page-nav{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-soft);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color var(--motion-fast)}.back-link:hover{color:var(--color-text-strong)}.back-link svg{width:1rem;height:1rem;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.page-heading{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.page-heading h2{margin:0;font:var(--text-headline-sm);text-transform:uppercase}.page-heading__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.icon-btn{display:inline-grid;place-items:center;width:var(--tap-target-min);height:var(--tap-target-min);border:var(--border-subtle) var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface-2) 88%,transparent);color:var(--color-text-strong);text-decoration:none;transition:transform var(--motion-fast),box-shadow var(--motion-fast)}.icon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon-btn svg{width:1.1rem;height:1.1rem;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.action-menu{position:relative}.action-menu summary{list-style:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu[open] .action-menu__trigger{background:color-mix(in srgb,var(--color-accent-lime) 14%,var(--color-surface-3));border-color:color-mix(in srgb,var(--color-accent-lime) 28%,var(--color-border))}.action-menu__popover{position:absolute;top:calc(100% + .45rem);right:0;z-index:35;min-width:12rem;padding:.4rem;border:var(--border-subtle) var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-1) 92%,white),var(--color-surface-2));box-shadow:var(--shadow-md)}.action-menu__item{display:flex;width:100%;align-items:center;justify-content:flex-start;min-height:2.7rem;padding:0 .9rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-strong);font:var(--text-label-md);font-family:inherit;letter-spacing:.06em;text-align:left;text-transform:uppercase;text-decoration:none;appearance:none;-webkit-appearance:none;cursor:pointer}.action-menu__item:hover{background:color-mix(in srgb,var(--color-text-strong) 6%,transparent)}.action-menu__item--danger,.action-menu__danger-button{color:var(--color-accent-danger)}.action-confirm-btn{border-color:color-mix(in srgb,var(--color-accent-danger) 44%,transparent);color:var(--color-accent-danger)}.group-management{display:grid;gap:var(--space-4);padding-bottom:7rem}.group-management__section-meta{color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.group-management__section-copy{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.group-management__visibility-controls{display:grid;gap:var(--space-3)}.group-management__list{display:grid;gap:.85rem}.group-member-card{display:grid;gap:var(--space-3);padding:1rem;border:var(--border-subtle) color-mix(in srgb,var(--color-border) 88%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-1) 62%,transparent)}.group-member-card__identity{display:flex;align-items:center;gap:.9rem}.group-member-card__name,.group-member-card__meta{margin:0}.group-member-card__name{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:var(--color-text-strong);font:var(--text-label-lg);letter-spacing:.03em;text-transform:uppercase}.group-member-card__meta{margin-top:.3rem;color:var(--color-text-soft);font:var(--text-body-sm)}.group-member-card__self{color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.group-member-card__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem}.group-management__transfer-controls,.group-management__rename-controls{display:grid;gap:var(--space-3)}.group-management__danger-zone{border-color:color-mix(in srgb,var(--color-accent-danger) 28%,var(--color-border))}.group-management__danger-copy{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.group-management__danger-controls{display:grid;gap:var(--space-3)}@media(min-width:42rem){.group-management__visibility-controls,.group-management__transfer-controls,.group-management__rename-controls,.group-management__danger-controls,.group-member-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.group-member-card__controls{justify-content:flex-end}}.fab{position:fixed;right:var(--space-5);bottom:6rem;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:0;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-accent-primary),color-mix(in srgb,var(--color-accent-primary) 72%,white));color:var(--color-on-accent-primary);font:var(--text-label-lg);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast);z-index:30}.fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.fab svg{width:1rem;height:1rem;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}.fab--primary{background:var(--color-accent-lime);color:var(--color-on-accent)}.fab--primary:hover{background:color-mix(in srgb,var(--color-accent-lime) 88%,var(--color-text-strong));transform:none;box-shadow:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .65rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent-secondary) 12%,var(--color-surface-2));color:var(--color-text-strong);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.badge--open{background:color-mix(in srgb,var(--color-accent-positive) 14%,var(--color-surface-2));color:var(--color-accent-positive)}.badge--owner{background:color-mix(in srgb,var(--color-accent-primary) 14%,var(--color-surface-2));color:var(--color-accent-primary)}.badge--admin{background:color-mix(in srgb,var(--color-accent-warning) 14%,var(--color-surface-2));color:var(--color-accent-warning)}.badge--live{background:color-mix(in srgb,var(--color-accent-positive) 14%,var(--color-surface-2));color:var(--color-accent-positive);animation:badge-pulse 2s ease infinite}.badge--no-live-data{background:color-mix(in srgb,var(--color-accent-warning) 14%,var(--color-surface-2));color:var(--color-accent-warning)}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.65}}.tabs{display:inline-flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent-secondary) 10%,var(--color-surface-2));border:var(--border-subtle) var(--color-border)}.tab{min-height:calc(var(--tap-target-min) - .5rem);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-soft);font:var(--text-label-lg);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.tab--active,.tab[data-state=active]{background:var(--color-surface-2);color:var(--color-text-strong);box-shadow:var(--shadow-xs)}.group-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-bottom:6rem}.group-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);backdrop-filter:blur(12px);transition:transform var(--motion-fast),box-shadow var(--motion-fast)}.group-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.group-card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.group-card__text{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.group-card__head{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.group-card__name{margin:0;min-width:0;font:var(--text-title-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card__role{flex-shrink:0;color:var(--color-text-soft);font:var(--text-label-md);letter-spacing:.04em;text-transform:uppercase}.group-card__competition{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.group-card__meta{margin:0;color:var(--color-text-muted);font:var(--text-body-sm)}.group-card__aside{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.avatar-stack{display:flex;flex-shrink:0;align-items:center}.avatar-stack__item{margin-left:-.6rem;border-radius:50%;box-shadow:0 0 0 2px var(--color-surface-2)}.avatar-stack__item:first-child{margin-left:0}.avatar-stack__item--more{opacity:.35}.avatar-stack__avatar{width:1.9rem;height:1.9rem}.match-list{display:grid;gap:var(--space-3);padding-bottom:6rem}.match-list__section{display:block;border-bottom:1px solid var(--color-border)}.match-list__section-heading{list-style:none;cursor:pointer;margin:0;padding:var(--space-4) 0;display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-strong);font:var(--text-title-lg);user-select:none;-webkit-tap-highlight-color:transparent}.match-list__section-heading::-webkit-details-marker{display:none}.match-list__section-heading:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}.match-list__section-heading-label{flex-shrink:0}.match-list__section-heading-count{color:var(--color-text-muted);font:var(--text-label-lg)}.match-list__section-heading-chevron{margin-left:auto;display:inline-flex;width:1.1em;height:1.1em;color:var(--color-text-soft);transition:transform var(--motion-mid)}.match-list__section-heading-chevron svg{width:100%;height:100%}.match-list__section[open]>.match-list__section-heading .match-list__section-heading-chevron{transform:rotate(180deg)}.match-list__section-body{display:grid;gap:var(--space-3);padding-bottom:var(--space-4)}.match-card{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-5);backdrop-filter:blur(12px)}.match-card--live{border-color:color-mix(in srgb,var(--color-accent-positive) 30%,transparent);background:color-mix(in srgb,var(--color-accent-positive) 4%,var(--color-surface-1))}.match-card--done{opacity:.88}.match-card__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3)}.match-card__team{display:flex;align-items:center;gap:var(--space-2);font:var(--text-title-sm)}.match-card__team--away{flex-direction:row-reverse;text-align:right}.match-card__team-icon{width:2rem;height:2rem;object-fit:cover;border-radius:50%;flex-shrink:0}.match-card__team-icon--placeholder{display:inline-block;width:2rem;height:2rem;border-radius:50%;background:var(--color-surface-3);flex-shrink:0}.match-card__center{display:grid;justify-items:center;gap:.2rem}.match-card__score{font:var(--text-headline-sm);font-family:var(--font-data);letter-spacing:.04em}.match-card__time{color:var(--color-text-muted);font:var(--text-label-sm);letter-spacing:.08em}.match-card__divider{height:1px;background:var(--color-border);margin:0 calc(-1 * var(--space-5))}.tips-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tip-chip{padding:.2rem .7rem;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text-strong);font:var(--text-label-md);letter-spacing:.06em}.tip-score-sep{font:var(--text-headline-sm);color:var(--color-text-muted)}.tip-score-input{display:flex;align-items:center;border:var(--border-subtle) var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden}.tip-score-input button{display:grid;place-items:center;width:2.2rem;min-height:2.4rem;border:0;background:var(--color-surface-3);color:var(--color-text-strong);font-size:1.1rem;cursor:pointer;transition:background var(--motion-fast)}.tip-score-input button:hover{background:var(--color-surface-4)}.tip-score-input input{flex:1;min-width:2.4rem;border:0;background:transparent;color:var(--color-text-strong);font:var(--text-title-md);text-align:center;-moz-appearance:textfield;appearance:textfield}.tip-score-input input::-webkit-outer-spin-button,.tip-score-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rank-list{display:grid}.rank-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-subtle) var(--color-border);transition:background var(--motion-fast)}.rank-row:last-child{border-bottom:0}.rank-row--self{background:color-mix(in srgb,var(--color-accent-primary) 6%,transparent);margin:0 calc(-1 * var(--space-5));padding-inline:var(--space-5);border-radius:var(--radius-sm)}.rank-row__pos{width:2.5rem;flex-shrink:0;color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.06em;text-align:center}.rank-row__pos--top{font-size:1.2rem}.rank-row__name{flex:1;font:var(--text-title-sm);truncate:ellipsis}.rank-row__pts{flex-shrink:0;font:var(--text-title-sm);font-family:var(--font-data);color:var(--color-accent-primary)}.avatar{display:grid;place-items:center;width:2.2rem;height:2.2rem;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-secondary),var(--color-accent-primary));color:var(--color-on-accent-primary);font:var(--text-label-md);letter-spacing:.06em;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--self{box-shadow:0 0 0 2px var(--color-accent-lime)}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);text-align:center}.empty-state h3{margin:0;font:var(--text-headline-sm);text-transform:uppercase}.empty-state p{margin:0;color:var(--color-text-soft);max-width:26rem}.empty-state__icon{font-size:2.4rem}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-surface-3),color-mix(in srgb,var(--color-surface-4) 80%,white),var(--color-surface-3));background-size:220% 100%;animation:skeleton-shimmer 1.5s linear infinite}.skeleton-card{height:5.5rem}@keyframes skeleton-shimmer{to{background-position:-220% 0}}.user-result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-subtle) var(--color-border)}.user-result:last-child{border-bottom:0}.user-result__info{flex:1;display:grid;gap:.15rem}.user-result__name{margin:0;font:var(--text-title-sm)}.user-result__username{margin:0;color:var(--color-text-muted);font:var(--text-body-sm)}.invite-flow,.invite-join{display:grid;gap:var(--space-4);padding-bottom:7rem}.invite-join__shell{overflow:hidden}.invite-join__shell:before{content:"";position:absolute;inset:-3rem auto auto -3rem;width:10rem;height:10rem;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent-warning) 28%,transparent),transparent 72%);pointer-events:none}.invite-join__shell:after{content:"";position:absolute;inset:auto -2rem -4rem auto;width:14rem;height:14rem;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent-lime) 24%,transparent),transparent 72%);pointer-events:none}.invite-join__composition{position:relative;display:grid;gap:var(--space-4);z-index:1}.invite-join__title{margin:0;max-width:12ch;color:var(--color-text-strong);font:var(--text-headline-md);text-transform:uppercase}.invite-join__lede{margin:.75rem 0 0;max-width:38rem;color:var(--color-text-soft);font:var(--text-body-md)}.invite-fallback__preview{display:grid;gap:.3rem;padding:.9rem 1rem;border:var(--border-subtle) color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-1) 94%,white),color-mix(in srgb,var(--color-surface-2) 86%,transparent))}.invite-fallback__eyebrow{color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.invite-fallback__preview strong{color:var(--color-text-strong);font:var(--text-label-lg);letter-spacing:.03em;text-transform:uppercase}.invite-fallback__preview span{color:var(--color-text-soft);font:var(--text-body-sm)}.invite-flow__empty-search{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.invite-flow__error{margin-top:calc(var(--space-2) * -1)}.invite-flow__card{display:grid;gap:var(--space-4)}.invite-flow__hint{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.invite-flow__share-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.invite-join__badge-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.invite-join__actions,.invite-fallback__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.invite-flow__direct-list{display:grid;gap:0}.invite-flow__suggestions{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-accent-lime) 8%,var(--color-surface-2));border:var(--border-subtle) color-mix(in srgb,var(--color-accent-lime) 18%,var(--color-border))}.invite-flow__section-title{margin:0;color:var(--color-text-soft);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase}.invite-fallback{display:grid;gap:var(--space-4)}.invite-fallback__btn{flex:1 1 11rem}.invite-join__actions{margin-top:var(--space-2)}.invite-join--busy{align-items:center}.invite-join__error{padding-bottom:7rem}.home-section{margin-bottom:var(--space-6)}.home-section__heading{margin:0 0 var(--space-4);color:var(--color-text-strong);font:var(--text-headline-sm);letter-spacing:-.02em}.home-section__heading--live:before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:var(--space-2);border-radius:50%;background:var(--color-accent-positive);vertical-align:middle;animation:live-pulse 1.6s ease-in-out infinite}.group-invite-list{display:flex;flex-direction:column;gap:var(--space-3)}.group-invite-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-decoration:none;color:inherit;transition:background .15s ease}.group-invite-card:active{background:var(--color-surface-3)}.group-invite-card__badges{display:none}.group-invite-card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.group-invite-card__name{font:var(--text-body-md);font-weight:600;color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-invite-card__meta{font:var(--text-body-sm);color:var(--color-text-soft)}.group-invite-card__inviter{font:var(--text-label-sm);color:var(--color-accent-primary)}.group-invite-card__cta{font:var(--text-label-md);font-weight:600;color:var(--color-accent-primary);white-space:nowrap;flex-shrink:0}.home-carousel{overflow:hidden;margin-inline:calc(-1 * var(--space-5))}.home-carousel__track{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--space-5);padding-bottom:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-carousel__track::-webkit-scrollbar{display:none}.home-carousel__track--center{justify-content:safe center}.home-carousel--coverflow{perspective:900px;perspective-origin:center center}.live-card{flex:0 0 min(90vw,24rem);width:min(90vw,24rem);scroll-snap-align:center;display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid color-mix(in srgb,var(--color-accent-positive) 40%,transparent);background:color-mix(in srgb,var(--color-accent-positive) 5%,var(--color-surface-1));border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-positive) 12%,transparent);color:inherit;cursor:pointer;text-align:left;font:inherit;transition:border-color var(--motion-fast),box-shadow var(--motion-fast);user-select:none;-webkit-appearance:none;appearance:none;touch-action:manipulation}.live-card:active{border-color:var(--color-accent-positive);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent-positive) 25%,transparent)}.live-card__competition{color:var(--color-text-muted);font:var(--text-label-sm);letter-spacing:.1em;text-align:center;text-transform:uppercase}.live-card__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2)}.live-card__team{display:flex;align-items:center;gap:var(--space-2);font:var(--text-label-md);min-width:0}.live-card__team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-card__team--away{flex-direction:row-reverse;text-align:right}.live-card__score{font:var(--text-headline-md);font-family:var(--font-data);text-align:center;letter-spacing:.06em}.live-card__pulse-bar{height:2px;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,var(--color-accent-positive),var(--color-accent-lime),var(--color-accent-positive),transparent);animation:pulse-bar 2.4s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:.4;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}.live-card__pulse-bar--no-data{background:linear-gradient(90deg,transparent,var(--color-accent-warning),transparent);animation:none;opacity:.6}.live-card__no-data-hint{font:var(--text-label-sm);color:var(--color-accent-warning);text-align:center;letter-spacing:.04em}.live-card__group-tips{display:grid;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.live-card__group-tip-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.live-card__group-tip-name{color:var(--color-text-muted);font:var(--text-label-sm)}.live-card__group-tip-value{font:var(--text-title-sm);font-family:var(--font-data);letter-spacing:.04em;flex-shrink:0}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes live-modal-fade{0%{opacity:0}to{opacity:1}}.live-modal-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--color-overlay) 82%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:live-modal-fade .18s ease both}.live-modal-sheet{--overlay-max-inline-size: 30rem;--overlay-padding: var(--space-5);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-1) 94%,white),var(--color-surface-2));box-shadow:0 1.5rem 4rem color-mix(in srgb,black 24%,transparent),inset 0 0 0 1px color-mix(in srgb,white 10%,transparent);animation:live-modal-float .22s cubic-bezier(.2,.9,.2,1) both}@keyframes live-modal-float{0%{opacity:0;transform:translate(-50%,calc(-50% - .8rem)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.live-modal-header{position:relative}.live-modal__close{position:absolute;top:-.35rem;right:-.35rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid color-mix(in srgb,var(--color-border) 92%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-surface-1) 78%,transparent);color:var(--color-text-soft);font-size:1.4rem;line-height:1;cursor:pointer}.live-modal__close:hover{color:var(--color-text-strong)}.live-modal-summary{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);text-align:center}.live-modal-summary__competition,.live-modal-summary__group{color:var(--color-text-muted);font:var(--text-label-sm);letter-spacing:.1em;text-transform:uppercase}.live-modal-summary__group{letter-spacing:.06em}.live-modal-summary__teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);font:var(--text-title-md)}.live-modal-summary__team{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-modal-summary__team--home{text-align:right}.live-modal-summary__team--away{text-align:left}.live-modal-summary__score{color:var(--color-text-strong);font:var(--text-headline-sm);font-family:var(--font-data);letter-spacing:.06em;white-space:nowrap}.live-card__members{overflow-y:auto;max-height:min(20rem,45dvh);display:grid;gap:.3rem;padding-top:var(--space-3);margin-top:var(--space-1)}.live-card__members-empty{margin:0;color:var(--color-text-muted);font:var(--text-body-sm)}.live-card__member-row{display:flex;align-items:center;gap:var(--space-2);padding:.25rem .4rem;border-radius:var(--radius-sm)}.live-card__member-row--you{background:color-mix(in srgb,var(--color-accent-primary) 8%,transparent)}.live-card__member-name{flex:1;font:var(--text-label-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-card__member-tip{font:var(--text-label-md);font-family:var(--font-data);letter-spacing:.04em;color:var(--color-text-soft)}.live-card__member-avatar{width:1.6rem;height:1.6rem;font:var(--text-label-sm)}.live-card__you-badge{margin-left:.3rem;padding:.05rem .4rem;border-radius:var(--radius-pill);background:var(--color-accent-lime);color:#1c1b1b;font:var(--text-label-sm)}.live-card__room-link{display:block;margin-top:var(--space-2);color:var(--color-accent-primary);font:var(--text-label-sm);text-decoration:none;text-align:right}.live-card__room-link:hover{text-decoration:underline}.live-group-list{display:grid;gap:var(--space-2);padding-top:var(--space-3);margin-top:var(--space-1)}.live-group-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.live-group-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;list-style:none;user-select:none;font:var(--text-label-md)}.live-group-summary::-webkit-details-marker{display:none}.live-group-summary:before{content:"▶";font-size:.6rem;color:var(--color-text-muted);transition:transform var(--motion-fast);flex-shrink:0}.live-group-item[open]>.live-group-summary:before{transform:rotate(90deg)}.live-group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-group-own-tip{font-family:var(--font-data);letter-spacing:.04em;color:var(--color-text-soft);flex-shrink:0}.live-group-body{display:grid;gap:.3rem;padding:var(--space-1) var(--space-3) var(--space-3)}.pending-list{list-style:none;margin:0;padding:0}.pending-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-subtle) var(--color-border)}.pending-item:last-child{border-bottom:0}.pending-item__info{flex:1;display:grid;gap:.15rem;min-width:0}.pending-item__match{font:var(--text-title-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-item__meta{color:var(--color-text-muted);font:var(--text-label-sm)}.pending-card{flex:0 0 min(72vw,16rem);scroll-snap-align:center;display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);color:inherit;text-decoration:none;cursor:pointer;transform-origin:center center;will-change:transform,opacity}.pending-card__header{display:grid;gap:.15rem}.pending-card__group{font:var(--text-title-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-card__time{color:var(--color-text-muted);font:var(--text-label-sm)}.pending-card__teams{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.pending-card__team{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font:var(--text-label-sm);text-align:center;min-width:0;flex:1}.pending-card__team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.pending-card__team--away{align-items:center}.pending-card__prediction{flex-shrink:0;color:var(--color-text-strong);font:var(--text-headline-sm);font-family:var(--font-data);letter-spacing:.04em;text-align:center}.pending-card__prediction--default{color:var(--color-text-muted)}.pending-card__prediction--empty{color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.06em}.pending-carousel__extra{margin:var(--space-2) var(--space-5) 0;font:var(--text-label-sm);color:var(--color-text-muted)}.pending-carousel__extra a{color:var(--color-accent-primary);text-decoration:none}.pending-carousel__extra a:hover{text-decoration:underline}.group-deck{position:relative;height:13rem;margin-inline:var(--space-5);margin-bottom:var(--space-2)}.group-deck__card{position:absolute;inset:0;border-radius:var(--radius-xl);transition:transform var(--motion-slow),opacity .28s ease;will-change:transform}.group-deck__card[data-active=false]{cursor:pointer}.group-deck__card[data-depth="0"]{transform:translateY(0) rotate(0) scale(1);z-index:4;opacity:1}.group-deck__card[data-depth="1"]{transform:translateY(6px) rotate(1.5deg) scale(.96);z-index:3;opacity:.85}.group-deck__card[data-depth="2"]{transform:translateY(11px) rotate(-1deg) scale(.92);z-index:2;opacity:.65}.group-deck__card[data-depth="3"]{transform:translateY(15px) rotate(.5deg) scale(.88);z-index:1;opacity:0;pointer-events:none}.leaderboard-card{display:grid;gap:var(--space-3);width:100%;height:100%;padding:var(--space-4);color:inherit;text-decoration:none;cursor:pointer;overflow:hidden}.leaderboard-card--inactive{cursor:inherit}.leaderboard-card__header{display:grid;gap:.15rem}.leaderboard-card__group-name{font:var(--text-title-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-card__competition{color:var(--color-text-muted);font:var(--text-label-sm)}.leaderboard-card__rows{display:grid;gap:0}.leaderboard-card__row{display:flex;align-items:center;gap:var(--space-2);padding:.35rem .4rem;border-radius:var(--radius-sm)}.leaderboard-card__row--you{background:color-mix(in srgb,var(--color-accent-primary) 8%,transparent)}.leaderboard-card__medal{width:1.4rem;text-align:center;font-size:1rem;line-height:1}.leaderboard-card__rank{width:1.4rem;text-align:center;font:var(--text-label-sm);color:var(--color-text-muted)}.leaderboard-card__name{flex:1;font:var(--text-label-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-card__you-badge{margin-left:.3rem;padding:.05rem .4rem;border-radius:var(--radius-pill);background:var(--color-accent-lime);color:#1c1b1b;font:var(--text-label-sm)}.leaderboard-card__pts{font:var(--text-label-md);font-family:var(--font-data);color:var(--color-text-soft);white-space:nowrap}.leaderboard-card__divider{text-align:center;color:var(--color-text-muted);font:var(--text-label-sm);letter-spacing:.2em;padding:.2rem 0}.carousel-dots{display:flex;gap:.4rem;justify-content:center;margin-top:var(--space-3)}.carousel-dot{border:0;width:.4rem;height:.4rem;padding:0;border-radius:var(--radius-pill);background:var(--color-border-strong);cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast)}.carousel-dot--active{background:var(--color-accent-primary);transform:scale(1.3)}@media(max-width:42rem){.live-modal-sheet{--overlay-padding: var(--space-4)}}.result-list{list-style:none;margin:0;padding:0}.result-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-subtle) var(--color-border)}.result-item:last-child{border-bottom:0}.result-item__teams{display:flex;align-items:center;gap:var(--space-2);font:var(--text-label-md);min-width:0}.result-item__score{font:var(--text-title-sm);font-family:var(--font-data);letter-spacing:.04em;white-space:nowrap}.result-item__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.result-item__tip{padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--color-surface-3);font:var(--text-label-sm);letter-spacing:.04em;white-space:nowrap}.result-item__tip--empty{color:var(--color-text-muted);background:transparent}.result-item__pts{font:var(--text-label-md);font-family:var(--font-data);color:var(--color-text-soft);white-space:nowrap}.result-item__pts--tendency{color:var(--color-hit-tendency);font-weight:700}.result-item__pts--goal-diff{color:var(--color-hit-goal-diff);font-weight:700}.result-item__pts--exact{color:var(--color-hit-exact);font-weight:700}.result-item__hit-badge{margin-left:.3rem;padding:.05rem .4rem;border-radius:var(--radius-pill);font:var(--text-label-sm)}.result-item__hit-badge--tendency{background:color-mix(in srgb,var(--color-hit-tendency) 20%,transparent);color:var(--color-hit-tendency)}.result-item__hit-badge--goal-diff{background:color-mix(in srgb,var(--color-hit-goal-diff) 20%,transparent);color:var(--color-hit-goal-diff)}.result-item__hit-badge--exact{background:color-mix(in srgb,var(--color-hit-exact) 20%,transparent);color:var(--color-hit-exact)}.avatar-initial{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--color-surface-4);color:var(--color-text-soft);font:var(--text-label-sm);flex-shrink:0}.tips-competition-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 var(--space-3);padding:.9rem 1rem;border:var(--border-subtle) var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;cursor:pointer;animation:rise-in .38s cubic-bezier(.2,.9,.2,1) both;transition:transform var(--motion-fast),box-shadow var(--motion-fast);overflow:hidden}.tips-competition-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.tips-competition-card__body{display:grid;gap:.2rem;min-width:0}.tips-competition-card__name{margin:0;font:var(--text-title-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tips-competition-card__groups{margin:0;color:var(--color-text-muted);font:var(--text-label-sm);letter-spacing:.02em}.tips-competition-card__right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tips-competition-card__badge{border-radius:var(--radius-pill);padding:.2rem .65rem;font:var(--text-label-sm);letter-spacing:.04em;white-space:nowrap}.tips-competition-card__badge--pending{background:var(--color-accent-lime);color:var(--color-on-accent)}.tips-competition-card__badge--done{background:var(--color-surface-2);color:var(--color-text-muted)}.tips-competition-card__chevron{width:.95rem;height:.95rem;stroke:var(--color-text-muted);stroke-width:1.8;opacity:.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.tips-match-card{position:relative;display:grid;gap:.65rem;padding:.95rem 1rem;border:var(--border-subtle) var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--motion-mid),box-shadow var(--motion-mid)}.tips-match-card--tipped{border-color:color-mix(in srgb,var(--color-text-muted) 24%,var(--color-border))}.tips-match-card__locked-msg{margin:0;color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.06em}.tips-match-card__review-msg{margin:0;color:var(--color-accent-primary);font:var(--text-label-md);letter-spacing:.04em}.golden-tip-form{display:grid;gap:.35rem}.golden-tip-form__row{display:flex;align-items:center;gap:.45rem;flex-wrap:nowrap;min-width:0}.golden-tip-form__mid-btn{flex:0 0 auto;min-width:4.7rem;padding-inline:.65rem;letter-spacing:.03em}.group-override-drawer{display:grid;gap:.45rem}.group-override-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tips-match-card__footer{display:flex;justify-content:flex-end}.group-override-drawer__trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:.28rem .65rem;border:var(--border-subtle) var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent-secondary) 8%,var(--color-surface-2));color:var(--color-text-soft);font:var(--text-label-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast);width:fit-content}.group-override-drawer__trigger:hover{background:color-mix(in srgb,var(--color-accent-secondary) 14%,var(--color-surface-2));color:var(--color-text-strong)}.group-override-drawer__chevron{width:.9rem;height:.9rem;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-mid)}.group-override-drawer__chevron--open{transform:rotate(180deg)}.group-override-drawer__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-slow)}.group-override-drawer__body--open{grid-template-rows:1fr}.group-override-drawer__inner{overflow:hidden;display:grid;gap:var(--space-2)}.group-lock-row{display:flex;align-items:center;gap:.55rem;padding:.45rem 0;border-bottom:var(--border-subtle) var(--color-border);flex-wrap:wrap}.group-lock-row:last-child{border-bottom:0}.group-lock-row__lock-btn{display:grid;place-items:center;width:var(--tap-target-min);height:var(--tap-target-min);flex-shrink:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color var(--motion-fast),transform var(--motion-fast)}.group-lock-row__lock-btn:hover:not(:disabled){color:var(--color-text-strong);transform:scale(1.1)}.group-lock-row__lock-btn:active:not(:disabled){transform:scale(.92)}.group-lock-row__lock-btn:disabled{opacity:.4;cursor:not-allowed}.group-lock-row__lock-btn svg{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.group-lock-row--unlocked .group-lock-row__lock-btn{color:var(--color-accent-warning)}.group-lock-row--unlocked .group-lock-row__lock-btn:hover:not(:disabled){color:color-mix(in srgb,var(--color-accent-warning) 80%,var(--color-text-strong))}.group-lock-row__name{flex:1;font:var(--text-body-md);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-lock-row__score{color:var(--color-text-soft);font:var(--text-label-md);font-family:var(--font-data);letter-spacing:.04em;flex-shrink:0}.group-lock-row__custom{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap;margin-left:auto}.group-lock-row__error{flex-basis:100%;padding-left:calc(var(--tap-target-min) + var(--space-3))}.page-heading--compact{gap:.5rem}.tips-filter-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:var(--border-subtle) var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast);flex-shrink:0}.tips-filter-toggle:hover{background:var(--color-surface-2);color:var(--color-text-soft)}.tips-filter-toggle--active{background:var(--color-accent-lime);border-color:var(--color-accent-lime);color:var(--color-on-accent)}.tips-filter-chips,.tips-segment-chips,.group-history__scopes{margin-bottom:var(--space-3)}.long-list-footer{display:grid;justify-items:start;gap:var(--space-2);padding-bottom:6rem}.long-list-footer__meta{color:var(--color-text-muted);font:var(--text-label-sm)}.tip-score-input--compact{flex:1 1 0;min-width:0}.tip-score-input--compact button{width:1.8rem;min-height:2rem;font-size:1rem}.tip-score-input--compact input{min-width:1.55rem;font:var(--text-title-sm)}.group-lock-row__save-btn{flex:0 0 auto;min-width:4.7rem;padding-inline:.65rem;letter-spacing:.03em}.empty-state--compact{padding:var(--space-7) var(--space-4) 0}.group-standings{display:grid;gap:var(--space-4);padding-bottom:6rem}.group-room-matches{display:grid;gap:var(--space-5);padding-bottom:6rem}.group-room-matches__section{display:grid;gap:var(--space-3)}.group-room-match-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.group-room-match-card__status{display:grid;gap:.2rem;min-width:0}.group-room-match-card__label{color:var(--color-text-muted);font:var(--text-label-sm);letter-spacing:.08em;text-transform:uppercase}.group-room-match-card__value{color:var(--color-text-strong);font:var(--text-title-sm);font-family:var(--font-data);letter-spacing:.04em}.group-standings__pts-stake{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:.15rem var(--space-3);padding:var(--space-4) var(--space-5);border:var(--border-subtle) var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-accent-lime) 5%,var(--color-surface-1));border-color:color-mix(in srgb,var(--color-accent-lime) 22%,var(--color-border));animation:rise-in .38s cubic-bezier(.2,.9,.2,1) both}.group-standings__pts-label{color:var(--color-text-muted);font:var(--text-label-md);letter-spacing:.08em;text-transform:uppercase;grid-column:1;grid-row:1}.group-standings__pts-value{font:var(--text-headline-sm);color:var(--color-text-strong);text-transform:uppercase;grid-column:1;grid-row:2}.group-standings__pts-sub{color:var(--color-text-muted);font:var(--text-label-md);grid-column:2;grid-row:1 / 3;text-align:right}.group-standings__pts-stake--btn{width:100%;text-align:left;cursor:pointer;grid-template-columns:1fr auto auto}.group-standings__pts-stake--btn:hover{background:color-mix(in srgb,var(--color-accent-lime) 10%,var(--color-surface-1))}.group-standings__pts-stake--btn:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.group-standings__pts-chevron{stroke:var(--color-text-muted);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem;grid-column:3;grid-row:1 / 3;align-self:center}.group-standings__full-link{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content}.group-standings__full-link svg{stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.rank-row--clickable{display:flex;width:auto;background:none;border:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.rank-row--clickable:hover{background:color-mix(in srgb,var(--color-accent-primary) 8%,transparent)}.rank-row--clickable:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.rank-row__you{display:inline-block;margin-left:.4rem;color:var(--color-accent-primary);font:var(--text-label-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.history-tip-list{display:grid;gap:0}.history-tip-row{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-subtle) var(--color-border)}.history-tip-row:last-child{border-bottom:0}.history-tip-row__avatar{width:1.8rem;height:1.8rem;font-size:.7rem;flex-shrink:0}.history-tip-row__name{flex:1;font:var(--text-label-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.history-tip-row__you{display:inline-block;margin-left:.35rem;color:var(--color-accent-lime);font:var(--text-label-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.history-tip-row__pred{flex-shrink:0;font:var(--text-label-lg);font-family:var(--font-data);color:var(--color-text-soft);letter-spacing:.06em;min-width:3.8rem;text-align:right}.history-tip-row__pts{flex-shrink:0;min-width:3rem;text-align:right;font:var(--text-label-md);font-family:var(--font-data);color:var(--color-text-muted);letter-spacing:.04em}.history-tip-row__pts--scored{color:var(--color-accent-positive);font-weight:700}.history-tip-row__pts--tendency{color:var(--color-hit-tendency)}.history-tip-row__pts--goal-diff{color:var(--color-hit-goal-diff)}.history-tip-row__pts--exact{color:var(--color-hit-exact)}.history-tip-row__expand-btn{display:grid;place-items:center;width:1.6rem;height:1.6rem;flex-shrink:0;border:0;background:transparent;padding:0;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-xs)}.history-tip-row__expand-btn:hover{color:var(--color-text-soft)}.history-tip-row__expand-chevron{width:.85rem;height:.85rem;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-mid);transform:rotate(-90deg)}.history-tip-row__expand-chevron--open{transform:rotate(0)}.history-tip-others{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-slow)}.history-tip-others--open{grid-template-rows:1fr}.history-tip-others__inner{overflow:hidden}.history-tip-others .history-tip-row{padding-left:calc(1.6rem + var(--space-3))}.pts-breakdown{display:grid;gap:var(--space-3)}.pts-breakdown__hint,.pts-breakdown__empty{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.pts-breakdown__table{width:100%;border-collapse:collapse;font:var(--text-body-sm)}.pts-breakdown__table th{text-align:left;color:var(--color-text-soft);font:var(--text-label-md);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:0 var(--space-2) var(--space-2) 0;border-bottom:var(--border-subtle) var(--color-border)}.pts-breakdown__table th:last-child,.pts-breakdown__table td:last-child{text-align:right;padding-right:0}.pts-breakdown__table td{padding:var(--space-2) var(--space-2) var(--space-2) 0;color:var(--color-text-strong);border-bottom:var(--border-subtle) var(--color-border)}.pts-breakdown__table tfoot td{padding-top:var(--space-3);border-bottom:none;font-weight:700}.scoring-info__section{display:grid;gap:var(--space-2)}.scoring-info__heading{margin:0;font:var(--text-label-md);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-soft)}.scoring-info__hint{margin:0;color:var(--color-text-soft);font:var(--text-body-sm)}.scoring-info__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.scoring-info__list li{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-strong)}.scoring-info__pts,.scoring-info__multi{display:inline-grid;place-items:center;min-width:2.4rem;padding:.15rem .5rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent-lime) 22%,var(--color-surface-2));color:var(--color-text-strong);font-family:var(--font-data);font-weight:700;font-size:.85rem}.tip-multiplier-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent-lime) 22%,var(--color-surface-2));color:var(--color-text-strong);font:var(--text-label-sm);font-family:var(--font-data);font-weight:700;letter-spacing:.04em}.user-tip-history-drawer{--overlay-max-inline-size: 34rem}.user-tip-history-drawer__header{display:flex;align-items:center;gap:var(--space-3)}.user-tip-history-list{overflow-y:auto;display:grid;gap:0;min-height:0}.user-tip-history-list__empty{color:var(--color-text-muted);font:var(--text-body-sm);text-align:center;padding:var(--space-4) 0}.user-tip-history-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-subtle) var(--color-border);font:var(--text-body-sm)}.user-tip-history-row:last-child{border-bottom:0}.user-tip-history-row__teams{font:var(--text-title-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tip-history-row__score{font-family:var(--font-data);font-weight:600;white-space:nowrap}.user-tip-history-row__pred{color:var(--color-text-muted);white-space:nowrap}.user-tip-history-row__pts{font-family:var(--font-data);font-weight:600;color:var(--color-text-muted);white-space:nowrap}.user-tip-history-row__pts--scored{color:var(--color-accent-primary)}.user-tip-history-row__pts--tendency{color:var(--color-hit-tendency)}.user-tip-history-row__pts--goal-diff{color:var(--color-hit-goal-diff)}.user-tip-history-row__pts--exact{color:var(--color-hit-exact)}