@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsrounded/v344/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--md-background: #1C1B1F;--md-surface-dim: #141218;--md-surface: #1C1B1F;--md-surface-container-lowest: #0F0D13;--md-surface-container-low: #1E1B23;--md-surface-container: #211F26;--md-surface-container-high: #2B2930;--md-surface-container-highest:#36343B;--md-primary: #D0BCFF;--md-on-primary: #381E72;--md-primary-container: #4F378B;--md-on-primary-container: #EADDFF;--md-secondary: #CCC2DC;--md-on-secondary: #332D41;--md-secondary-container: #4A4458;--md-on-secondary-container: #E8DEF8;--md-tertiary: #EFB8C8;--md-tertiary-container: #633B48;--md-error: #F2B8B5;--md-error-container: #8C1D18;--md-on-surface: #E6E1E5;--md-on-surface-variant: #CAC4D0;--md-outline: #938F99;--md-outline-variant: #49454F;--md-radius-xs: 4px;--md-radius-sm: 8px;--md-radius-md: 12px;--md-radius-lg: 16px;--md-radius-xl: 28px;--md-radius-full: 9999px;--md-elevation-1: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--md-elevation-2: 0 3px 6px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2);--md-elevation-3: 0 6px 12px rgba(0,0,0,.3), 0 3px 6px rgba(0,0,0,.2);--md-transition-spring: transform .25s cubic-bezier(.34, 1.56, .64, 1), background .15s ease, border-color .15s ease, box-shadow .15s ease, filter .15s ease}body.light-theme{--md-background: #FEF7FF;--md-surface-dim: #DED8E1;--md-surface: #FEF7FF;--md-surface-container-lowest: #FFFFFF;--md-surface-container-low: #F7F2FA;--md-surface-container: #F3EDF7;--md-surface-container-high: #ECE6F0;--md-surface-container-highest:#E6E0E9;--md-primary: #6750A4;--md-on-primary: #FFFFFF;--md-primary-container: #EADDFF;--md-on-primary-container: #21005D;--md-secondary: #625B71;--md-on-secondary: #FFFFFF;--md-secondary-container: #E8DEF8;--md-on-secondary-container: #1D192B;--md-on-surface: #1D1B20;--md-on-surface-variant: #49454F;--md-outline: #79747E;--md-outline-variant: #CAC4D0;--md-error: #B3261E;--md-error-container: #F9DEDC}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}html,body{margin:0;font-family:Outfit,sans-serif;min-height:100dvh;background:var(--md-background);color:var(--md-on-surface);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}button,input,select,textarea,a,[role=button]{touch-action:manipulation}button,label,.material-symbols{user-select:none;-webkit-user-select:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}button:focus-visible,input:focus,textarea:focus,select:focus,.clickable-badge:focus-visible{outline:2px solid var(--md-primary)!important;outline-offset:2px}.material-symbols{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.app-container{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:flex;justify-content:space-between;align-items:center;padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:10px;padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px));min-height:calc(64px + env(safe-area-inset-top,0px));height:auto;background:var(--md-surface-container-low);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--md-outline-variant);position:sticky;top:0;z-index:100;box-sizing:border-box;gap:12px}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--md-primary) 40%,var(--md-primary) 60%,transparent 100%);opacity:.25;transition:opacity .3s ease}.header-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{font-size:28px;color:var(--md-primary);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--md-primary) 50%,transparent));transition:filter .3s ease}.header-logo:hover .logo-icon{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--md-primary) 80%,transparent))}.header-logo h1{margin:0;font-size:19px;font-weight:700;color:var(--md-on-surface);letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.user-badge{display:inline-flex;align-items:center;gap:7px;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);padding:5px 14px 5px 8px;border-radius:var(--md-radius-full);font-size:13px;font-weight:600;color:var(--md-on-surface);transition:background .15s,border-color .15s,transform .15s}.user-badge:hover{background:var(--md-surface-container-highest);border-color:var(--md-primary);transform:translateY(-1px)}.badge-icon{font-size:20px;color:var(--md-primary)}.user-badge-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar-toggle-btn{display:none}@media(min-width:1200px){.chat-sidebar-toggle-btn{display:flex}}.logout-btn{background:transparent;border:none;color:var(--md-on-surface-variant);cursor:pointer;padding:8px;border-radius:var(--md-radius-full);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.logout-btn .material-symbols{font-size:20px}.logout-btn:hover{background:var(--md-surface-container-highest);color:var(--md-error)}.app-main{flex:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:var(--md-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-outline)}.primary-btn{background:var(--md-primary);color:var(--md-on-primary);border:none;border-radius:var(--md-radius-full);padding:10px 24px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--md-transition-spring);box-shadow:var(--md-elevation-1);letter-spacing:.1px}.primary-btn:hover{filter:brightness(1.08);box-shadow:var(--md-elevation-2);transform:translateY(-2px) scale(1.03)}.primary-btn:active{filter:brightness(.95);box-shadow:none;transform:translateY(0) scale(.97)}.primary-btn .material-symbols{font-size:18px}.secondary-btn{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border:none;border-radius:var(--md-radius-full);padding:10px 24px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--md-transition-spring);letter-spacing:.1px}.secondary-btn:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.03)}.secondary-btn:active{filter:brightness(.92);transform:translateY(0) scale(.97)}.secondary-btn .material-symbols{font-size:18px}.outlined-btn{background:transparent;color:var(--md-primary);border:1px solid var(--md-outline);border-radius:var(--md-radius-full);padding:10px 24px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--md-transition-spring);letter-spacing:.1px}.outlined-btn:hover{background:#d0bcff14;transform:translateY(-2px) scale(1.02)}.outlined-btn:active{transform:translateY(0) scale(.98)}.header-nav{display:flex;align-items:center;gap:2px;background:var(--md-surface-container-high);border-radius:var(--md-radius-full);padding:4px;flex:1;max-width:280px}.header-nav-btn{background:none;border:none;color:var(--md-on-surface-variant);padding:7px 20px;border-radius:var(--md-radius-full);font-size:13px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s cubic-bezier(.4,0,.2,1),color .15s;white-space:nowrap;flex:1;justify-content:center}.header-nav-btn .material-symbols{font-size:18px;transition:font-variation-settings .2s}.header-nav-btn:hover{background:var(--md-surface-container-highest);color:var(--md-on-surface)}.header-nav-btn.active{background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:0 1px 4px #0003}.header-nav-btn.active .material-symbols{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}@media(max-width:767px){.header-nav{display:none}}@media(min-width:1200px){.app-container.chat-hidden{padding-right:0}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:viewFadeIn .22s ease-out forwards;width:100%}@media(min-width:1200px){.app-container{padding-right:320px}}@media(max-width:640px){.app-header{padding-left:calc(14px + env(safe-area-inset-left,0px));padding-right:calc(14px + env(safe-area-inset-right,0px));min-height:calc(56px + env(safe-area-inset-top,0px));gap:8px}.header-logo h1{font-size:16px}.user-badge-name{display:none}.user-badge{padding:5px 8px}}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:1100;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalOverlayFadeIn .3s ease-out forwards}.modal-card{background:var(--md-surface-container-high);border-radius:var(--md-radius-xl);padding:28px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #00000080;animation:modalZoomIn .35s cubic-bezier(.34,1.56,.64,1) forwards}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:var(--md-on-surface)}.icon-btn{background:var(--md-surface-container-high);border:none;color:var(--md-on-surface-variant);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.icon-btn:hover{background:var(--md-surface-container-highest);color:var(--md-on-surface)}.icon-btn .material-symbols{font-size:22px}.clickable-badge{cursor:pointer;transition:background .15s ease,transform .15s ease}.clickable-badge:hover{background:var(--md-surface-container-highest);transform:translateY(-1px)}.clickable-badge:active{transform:translateY(0)}.profile-modal-body{display:flex;flex-direction:column;gap:24px}.profile-section{display:flex;flex-direction:column;gap:12px}.profile-section .section-title{margin:0;font-size:15px;font-weight:600;color:var(--md-primary);display:flex;align-items:center;gap:8px}.profile-section .section-title .material-symbols{font-size:20px}.username-edit-form{display:flex;gap:8px}.username-edit-form input[type=text]{flex:1;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);color:var(--md-on-surface);padding:10px 14px;border-radius:var(--md-radius-md);font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border-color .15s}.username-edit-form input[type=text]:focus{border-color:var(--md-primary)}.stats-list{display:flex;flex-direction:column;gap:4px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--md-radius-md);transition:background .12s;background:var(--md-surface-container)}.stat-item:hover{background:var(--md-surface-container-highest)}.stat-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--md-on-surface-variant);font-weight:500}.stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stat-values{display:flex;gap:6px}.stat-chip{font-size:12px;font-weight:600;padding:2px 10px;border-radius:var(--md-radius-full)}.stat-chip.win{background:#69f0ae26;color:#69f0ae}.stat-chip.loss{background:#f2b8b526;color:#f2b8b5}.stat-chip.draw{background:var(--md-surface-container-high);color:var(--md-on-surface-variant)}.theme-connect4{--md-primary: #FF8B8B;--md-primary-container: #8C1D1D;--md-on-primary-container: #FFDADA}.theme-battleship{--md-primary: #00F0FF;--md-primary-container: #004F54;--md-on-primary-container: #B2F5FF}.theme-chess{--md-primary: #E0C097;--md-primary-container: #5C3D2E;--md-on-primary-container: #FFF1BD}.theme-checkers{--md-primary: #D4A373;--md-primary-container: #582F0E;--md-on-primary-container: #FEFAE0}.theme-tictactoe{--md-primary: #FF79C6;--md-primary-container: #624485;--md-on-primary-container: #FFD8F0}.theme-gomoku{--md-primary: #FFB74D;--md-primary-container: #5D4037;--md-on-primary-container: #FFE0B2}.theme-othello{--md-primary: #4DB6AC;--md-primary-container: #004D40;--md-on-primary-container: #E0F2F1}.theme-pong{--md-primary: #00E676;--md-primary-container: #003D1F;--md-on-primary-container: #B9F6CA}.theme-pendu{--md-primary: #FFEA00;--md-primary-container: #3D3000;--md-on-primary-container: #FFF9C4}.theme-dominos{--md-primary: #D7CCC8;--md-primary-container: #5D4037;--md-on-primary-container: #FFE0B2}body.light-theme.theme-connect4{--md-primary: #C01A2B;--md-primary-container: #FFDADA;--md-on-primary-container: #40000A}body.light-theme.theme-battleship{--md-primary: #006874;--md-primary-container: #97F0FF;--md-on-primary-container: #001F24}body.light-theme.theme-chess{--md-primary: #704F2F;--md-primary-container: #FFE5A3;--md-on-primary-container: #2A1A08}body.light-theme.theme-checkers{--md-primary: #85532A;--md-primary-container: #FFEEDB;--md-on-primary-container: #2C1400}body.light-theme.theme-tictactoe{--md-primary: #9C27B0;--md-primary-container: #FFD8F0;--md-on-primary-container: #2A003B}body.light-theme.theme-gomoku{--md-primary: #E65100;--md-primary-container: #FFE0B2;--md-on-primary-container: #3E2723}body.light-theme.theme-othello{--md-primary: #00695C;--md-primary-container: #E0F2F1;--md-on-primary-container: #00241A}body.light-theme.theme-pong{--md-primary: #00A550;--md-primary-container: #B9F6CA;--md-on-primary-container: #002113}body.light-theme.theme-pendu{--md-primary: #7B6200;--md-primary-container: #FFF9C4;--md-on-primary-container: #261900}body.light-theme.theme-dominos{--md-primary: #5D4037;--md-primary-container: #D7CCC8;--md-on-primary-container: #3E2723}@keyframes gameLaunchSlideIn{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.layout-container{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:calc(15px + env(safe-area-inset-left));padding-right:calc(15px + env(safe-area-inset-right));animation:gameLaunchSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards}button,.ship-place-btn,.cell,.target-cell,.rules-modal-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s}button:active,.ship-place-btn:active{transform:scale(.95)}.ship-place-btn.selected{transform:scale(1.02)}.rules-modal-overlay .rules-modal-card{transform:scale(.9);animation:modalSpring .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalSpring{to{transform:scale(1)}}.indicator-element.token-black{width:18px;height:18px;background:radial-gradient(circle at 35% 35%,#424242,#1e1e1e 60%,#0c0c0c);border:1px solid rgba(0,0,0,.4);border-radius:50%;display:inline-block;vertical-align:middle;box-shadow:0 1px 3px #0000004d}.indicator-element.token-white{width:18px;height:18px;background:radial-gradient(circle at 35% 35%,#fff,#f6f6f6 50%,#e5e5e5 85%,#ccc);border:1px solid rgba(0,0,0,.2);border-radius:50%;display:inline-block;vertical-align:middle;box-shadow:0 1px 3px #0000004d}.floating-emoji{font-size:64px!important}