@font-face{font-family:Manrope;src:url(/fonts/manrope-variable.woff2)format("woff2-variations");font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(/fonts/material-symbols-rounded.woff2)format("woff2");font-display:swap}:root,[data-theme=light]{--primary:#0050cb;--primary-container:#06f;--on-primary:#fff;--on-primary-container:#f8f7ff;--primary-fixed:#dae1ff;--primary-fixed-dim:#b3c5ff;--on-primary-fixed:#001849;--on-primary-fixed-variant:#003fa4;--inverse-primary:#b3c5ff;--secondary:#425ca0;--secondary-container:#9bb4fe;--on-secondary:#fff;--on-secondary-container:#294487;--secondary-fixed:#dae1ff;--secondary-fixed-dim:#b3c5ff;--on-secondary-fixed:#001849;--on-secondary-fixed-variant:#284386;--tertiary:#a33200;--tertiary-container:#cc4204;--on-tertiary:#fff;--on-tertiary-container:#fff6f4;--tertiary-fixed:#ffdbd0;--tertiary-fixed-dim:#ffb59d;--on-tertiary-fixed:#390c00;--on-tertiary-fixed-variant:#832600;--error:#ba1a1a;--error-container:#ffdad6;--on-error:#fff;--on-error-container:#93000a;--background:#f8f9fa;--on-background:#191c1d;--surface:#f8f9fa;--surface-bright:#f8f9fa;--surface-dim:#d9dadb;--surface-tint:#0054d6;--surface-variant:#e1e3e4;--on-surface:#191c1d;--on-surface-variant:#424656;--surface-container-lowest:#fff;--surface-container-low:#f3f4f5;--surface-container:#edeeef;--surface-container-high:#e7e8e9;--surface-container-highest:#e1e3e4;--outline:#727687;--outline-variant:#c2c6d8;--inverse-surface:#2e3132;--inverse-on-surface:#f0f1f2;--shadow-ambient:0px 12px 32px #191c1d0f;--shadow-elevated:0px 4px 16px #191c1d14;--shadow-subtle:0px 2px 8px #191c1d0a;--ghost-border:#c2c6d826;--ghost-border-focus:#0050cb66;--glass-bg:#f8f9facc;--glass-blur:blur(24px)}[data-theme=dark]{--primary:#b3c5ff;--primary-container:#003fa4;--on-primary:#002b75;--on-primary-container:#dae1ff;--primary-fixed:#dae1ff;--primary-fixed-dim:#b3c5ff;--on-primary-fixed:#001849;--on-primary-fixed-variant:#003fa4;--inverse-primary:#0050cb;--secondary:#b3c5ff;--secondary-container:#284386;--on-secondary:#0e2c6b;--on-secondary-container:#dae1ff;--tertiary:#ffb59d;--tertiary-container:#832600;--on-tertiary:#5c1700;--on-tertiary-container:#ffdbd0;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--background:#111416;--on-background:#e1e3e4;--surface:#111416;--surface-bright:#373a3c;--surface-dim:#111416;--surface-tint:#b3c5ff;--surface-variant:#424656;--on-surface:#e1e3e4;--on-surface-variant:#c2c6d8;--surface-container-lowest:#0c0e10;--surface-container-low:#191c1d;--surface-container:#1d2022;--surface-container-high:#272a2c;--surface-container-highest:#323537;--outline:#8c90a1;--outline-variant:#424656;--inverse-surface:#e1e3e4;--inverse-on-surface:#2e3132;--shadow-ambient:0px 12px 32px #0000003d;--shadow-elevated:0px 4px 16px #00000052;--shadow-subtle:0px 2px 8px #00000029;--ghost-border:#42465640;--ghost-border-focus:#b3c5ff66;--glass-bg:#111416cc;--glass-blur:blur(24px)}:root{--font-headline:"Manrope", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-label:"Inter", system-ui, -apple-system, sans-serif;--font-icons:"Material Symbols Rounded";--display-lg:3.5rem;--display-md:2.75rem;--display-sm:2.25rem;--headline-lg:2rem;--headline-md:1.75rem;--headline-sm:1.5rem;--title-lg:1.375rem;--title-md:1rem;--title-sm:.875rem;--body-lg:1rem;--body-md:.875rem;--body-sm:.75rem;--label-lg:.875rem;--label-md:.75rem;--label-sm:.6875rem;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.02em;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-container));--gradient-primary-hover:linear-gradient(135deg, var(--primary-container), var(--primary));--sidebar-width:280px;--sidebar-width-collapsed:72px;--chat-list-width:360px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--body-md);line-height:var(--leading-normal);color:var(--on-surface);background-color:var(--surface);width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--on-surface)}h1{font-size:var(--display-sm);font-weight:700}h2{font-size:var(--headline-md);font-weight:600}h3{font-size:var(--title-lg);font-weight:600}h4{font-size:var(--title-md);font-weight:600}p{font-size:var(--body-md);line-height:var(--leading-relaxed);color:var(--on-surface-variant)}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-container)}::selection{background:var(--primary-fixed-dim);color:var(--on-primary-fixed)}:focus-visible{outline:2px solid var(--ghost-border-focus);outline-offset:2px;border-radius:var(--radius-default)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea{font-family:var(--font-body);font-size:var(--body-md);color:var(--on-surface);background:0 0;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--outline)}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--surface-container-low);height:100vh;padding:var(--space-4) var(--space-3);transition:width var(--transition-slow);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6);display:flex}.sidebar__logo{border-radius:var(--radius-xl);object-fit:cover;width:40px;height:40px}.sidebar__logo-placeholder{border-radius:var(--radius-xl);background:var(--gradient-primary);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar__logo-placeholder .material-symbols-rounded{color:var(--on-primary);font-size:22px}.sidebar__brand-info{flex-direction:column;display:flex;overflow:hidden}.sidebar__brand-name{font-family:var(--font-headline);font-size:var(--title-md);color:var(--on-surface);letter-spacing:var(--tracking-tight);white-space:nowrap;font-weight:700}.sidebar__brand-tagline{font-size:var(--label-sm);color:var(--outline);white-space:nowrap}.sidebar__nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-xl);color:var(--on-surface-variant);font-size:var(--label-lg);cursor:pointer;transition:all var(--transition-normal);font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar__nav-item:hover{background:var(--surface-container);color:var(--on-surface)}.sidebar__nav-item--active{background:var(--secondary-container);color:var(--on-secondary-container);font-weight:600}.sidebar__nav-item--active:hover{background:var(--secondary-container)}.sidebar__nav-item .material-symbols-rounded{transition:font-variation-settings var(--transition-normal);font-size:22px}.sidebar__nav-item--active .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.sidebar__nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__badge{border-radius:var(--radius-full);background:var(--gradient-primary);min-width:20px;height:20px;color:var(--on-primary);font-size:var(--label-sm);justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-weight:700;display:flex}.sidebar__divider{background:var(--ghost-border);height:1px;margin:var(--space-3) var(--space-3)}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--transition-normal);margin-top:var(--space-2);display:flex}.sidebar__user:hover{background:var(--surface-container)}.sidebar__avatar{border-radius:var(--radius-full);background:var(--primary-fixed);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.sidebar__avatar-text{font-family:var(--font-headline);font-size:var(--label-md);color:var(--on-primary-fixed);font-weight:700}.sidebar__avatar-indicator{border-radius:var(--radius-full);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface-container-low);background:#34c759;position:absolute;bottom:0;right:0}.sidebar__user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar__user-name{font-size:var(--body-md);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-status{font-size:var(--label-sm);color:#34c759;white-space:nowrap}@media (width<=768px){.sidebar{width:var(--sidebar-width-collapsed);padding:var(--space-4) var(--space-2);align-items:center}.sidebar__brand-info,.sidebar__nav-label,.sidebar__badge,.sidebar__user-info,.sidebar__brand-tagline{display:none}.sidebar__nav-item{padding:var(--space-3);justify-content:center}.sidebar__user{justify-content:center}}.inbox{flex:1;height:100vh;display:flex;overflow:hidden}.chat-list{width:var(--chat-list-width);background:var(--surface);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.chat-list__header{padding:var(--space-6) var(--space-5) var(--space-4)}.chat-list__title{font-family:var(--font-headline);font-size:var(--headline-md);color:var(--on-surface);letter-spacing:var(--tracking-tight);font-weight:700}.chat-list__search{padding:0 var(--space-5) var(--space-4)}.search-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-container-highest);border-radius:var(--radius-xl);font-size:var(--body-md);color:var(--on-surface);transition:all var(--transition-normal);padding-left:44px;position:relative}.search-input:focus{box-shadow:0 0 0 2px var(--ghost-border-focus);background:var(--surface-container-lowest)}.search-wrapper{position:relative}.search-wrapper .material-symbols-rounded{color:var(--outline);pointer-events:none;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.chat-list__items{padding:0 var(--space-2);flex:1;overflow-y:auto}.chat-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-1);display:flex}.chat-item:hover{background:var(--surface-container)}.chat-item--active,.chat-item--active:hover{background:var(--secondary-container)}.chat-item__avatar{border-radius:var(--radius-full);width:48px;height:48px;font-family:var(--font-headline);font-weight:700;font-size:var(--body-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.chat-item__avatar--1{color:#5b2d8e;background:#e8d5f5}.chat-item__avatar--2{color:#2d5b8e;background:#d5e8f5}.chat-item__avatar--3{color:#2d8e5b;background:#d5f5e8}.chat-item__avatar--4{color:#8e5b2d;background:#f5e8d5}.chat-item__avatar--5{color:#8e2d2d;background:#f5d5d5}.chat-item__avatar--group{background:var(--primary-fixed);color:var(--on-primary-fixed)}.chat-item__online-dot{border-radius:var(--radius-full);width:12px;height:12px;box-shadow:0 0 0 2.5px var(--surface);background:#34c759;position:absolute;bottom:1px;right:1px}.chat-item--active .chat-item__online-dot{box-shadow:0 0 0 2.5px var(--secondary-container)}.chat-item__content{flex:1;overflow:hidden}.chat-item__top-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.chat-item__name{font-size:var(--body-md);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-item--active .chat-item__name{color:var(--on-secondary-container)}.chat-item__time{font-size:var(--label-sm);color:var(--outline);white-space:nowrap;margin-left:var(--space-2)}.chat-item__bottom-row{justify-content:space-between;align-items:center;display:flex}.chat-item__preview{font-size:var(--body-sm);color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.chat-item--active .chat-item__preview{color:var(--on-secondary-container);opacity:.8}.chat-item__unread{border-radius:var(--radius-full);background:var(--gradient-primary);min-width:20px;height:20px;color:var(--on-primary);font-size:var(--label-sm);margin-left:var(--space-2);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:flex}.chat-item__verified{color:var(--primary);margin-left:var(--space-1);flex-shrink:0;font-size:16px}.chat-detail{background:var(--surface-container-low);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.chat-detail__header{padding:var(--space-4) var(--space-6);background:var(--surface-container-low);justify-content:space-between;align-items:center;display:flex}.chat-detail__header-left{align-items:center;gap:var(--space-3);display:flex}.chat-detail__header-avatar{border-radius:var(--radius-full);width:40px;height:40px;font-family:var(--font-headline);font-weight:700;font-size:var(--body-md);justify-content:center;align-items:center;display:flex}.chat-detail__header-info{flex-direction:column;display:flex}.chat-detail__header-name{font-family:var(--font-headline);font-size:var(--title-md);color:var(--on-surface);letter-spacing:var(--tracking-tight);font-weight:700}.chat-detail__header-status{font-size:var(--label-sm);color:#34c759}.chat-detail__header-actions{gap:var(--space-2);display:flex}.chat-detail__header-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--on-surface-variant);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.chat-detail__header-btn:hover{background:var(--surface-container);color:var(--on-surface)}.chat-detail__messages{padding:var(--space-4) var(--space-6);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-group{margin-bottom:var(--space-6)}.message{margin-bottom:var(--space-2);display:flex}.message--sent{justify-content:flex-end}.message--received{justify-content:flex-start}.message__bubble{max-width:480px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--body-md);line-height:var(--leading-relaxed);animation:bubbleIn .3s var(--transition-slow);position:relative}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.message--sent .message__bubble{background:var(--gradient-primary);color:var(--on-primary);border-bottom-right-radius:var(--radius-default)}.message--received .message__bubble{background:var(--surface-container-high);color:var(--on-surface);border-bottom-left-radius:var(--radius-default)}.message__time{font-size:var(--label-sm);margin-top:var(--space-1);opacity:.7;text-align:right}.message--received .message__time{color:var(--outline);opacity:1}.message__status{margin-left:var(--space-1);align-items:center;display:inline-flex}.message__status .material-symbols-rounded{font-size:14px}.message__attachment{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-container-lowest);border-radius:var(--radius-lg);margin-top:var(--space-2);cursor:pointer;transition:background var(--transition-normal);display:flex}.message__attachment:hover{background:var(--surface-container)}.message__attachment-icon{border-radius:var(--radius-md);background:var(--primary-fixed);width:40px;height:40px;color:var(--on-primary-fixed);flex-shrink:0;justify-content:center;align-items:center;display:flex}.message__attachment-info{flex-direction:column;display:flex;overflow:hidden}.message__attachment-name{font-size:var(--body-sm);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.message__attachment-size{font-size:var(--label-sm);color:var(--outline)}.chat-detail__input-bar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--surface-container-low);display:flex}.chat-detail__input-wrapper{background:var(--surface-container-highest);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);transition:all var(--transition-normal);flex:1;align-items:center;display:flex}.chat-detail__input-wrapper:focus-within{box-shadow:0 0 0 2px var(--ghost-border-focus);background:var(--surface-container-lowest)}.chat-detail__input{padding:var(--space-2) 0;font-size:var(--body-md);background:0 0;flex:1}.chat-detail__input-actions{gap:var(--space-1);display:flex}.chat-detail__input-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--outline);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.chat-detail__input-btn:hover{background:var(--surface-container);color:var(--on-surface)}.chat-detail__send-btn{border-radius:var(--radius-full);background:var(--gradient-primary);width:44px;height:44px;color:var(--on-primary);transition:all var(--transition-normal);box-shadow:var(--shadow-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-detail__send-btn:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-elevated);transform:scale(1.05)}.chat-detail__send-btn:active{transform:scale(.95)}.chat-detail__empty{padding:var(--space-10);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-detail__empty-icon{border-radius:var(--radius-2xl);background:var(--surface-container);width:80px;height:80px;margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex}.chat-detail__empty-icon .material-symbols-rounded{color:var(--outline);font-size:36px}.chat-detail__empty h2{font-family:var(--font-headline);font-size:var(--headline-sm);color:var(--on-surface);margin-bottom:var(--space-3);font-weight:600}.chat-detail__empty p{font-size:var(--body-md);color:var(--on-surface-variant);max-width:320px;line-height:var(--leading-relaxed)}.chat-detail__empty-badge{align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-2) var(--space-4);background:var(--surface-container);border-radius:var(--radius-full);font-size:var(--label-md);color:var(--on-surface-variant);display:inline-flex}.chat-detail__empty-badge .material-symbols-rounded{color:var(--primary);font-size:16px}@media (width<=1024px){.chat-list{width:300px}}@media (width<=768px){.chat-list{width:100%}.chat-detail,.inbox--chat-open .chat-list{display:none}.inbox--chat-open .chat-detail{display:flex}}.settings{background:var(--surface-container-low);height:100vh;padding:var(--space-8) var(--space-10);flex:1;overflow-y:auto}.settings__profile-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-8);align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-subtle);display:flex}.settings__profile-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.settings__profile-avatar span{font-family:var(--font-headline);font-size:var(--headline-md);color:var(--on-primary);font-weight:700}.settings__profile-info{gap:var(--space-1);flex-direction:column;display:flex}.settings__profile-name{font-family:var(--font-headline);font-size:var(--headline-sm);color:var(--on-surface);letter-spacing:var(--tracking-tight);font-weight:700}.settings__profile-handle{font-size:var(--body-md);color:var(--primary);font-weight:500}.settings__profile-bio{font-size:var(--body-sm);color:var(--on-surface-variant);line-height:var(--leading-relaxed);max-width:480px;margin-top:var(--space-1)}.settings__profile-edit{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--surface-container);color:var(--on-surface);font-size:var(--label-lg);transition:all var(--transition-normal);cursor:pointer;margin-left:auto;font-weight:600}.settings__profile-edit:hover{background:var(--surface-container-high)}.settings__section{margin-bottom:var(--space-8)}.settings__section-title{font-family:var(--font-headline);font-size:var(--title-lg);color:var(--on-surface);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4);padding-left:var(--space-2);font-weight:600}.settings__card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:var(--shadow-subtle)}.settings-item{padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-normal);align-items:center;display:flex}.settings-item:hover{background:var(--surface-container)}.settings-item__icon{border-radius:var(--radius-md);width:40px;height:40px;margin-right:var(--space-4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-item__icon--blue{background:var(--primary-fixed);color:var(--on-primary-fixed)}.settings-item__icon--green{color:#1a7a3a;background:#dcf5e7}.settings-item__icon--orange{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed)}.settings-item__icon--purple{color:#6b2d9e;background:#eedcf5}.settings-item__content{flex:1}.settings-item__label{font-size:var(--body-md);color:var(--on-surface);font-weight:600}.settings-item__description{font-size:var(--body-sm);color:var(--on-surface-variant);margin-top:2px}.settings-item__action{color:var(--outline);margin-left:var(--space-3);align-items:center;display:flex}.settings-item__action .material-symbols-rounded{font-size:20px}.toggle-switch{border-radius:var(--radius-full);background:var(--outline-variant);cursor:pointer;width:44px;height:24px;transition:background var(--transition-normal);flex-shrink:0;position:relative}.toggle-switch--active{background:var(--primary)}.toggle-switch__knob{border-radius:var(--radius-full);background:var(--surface-container-lowest);width:18px;height:18px;transition:transform var(--transition-normal);box-shadow:var(--shadow-subtle);position:absolute;top:3px;left:3px}.toggle-switch--active .toggle-switch__knob{transform:translate(20px)}.settings__help-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.settings__help-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-subtle)}.settings__help-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.settings__help-card h4{font-family:var(--font-headline);font-size:var(--title-sm);color:var(--on-surface);margin-bottom:var(--space-1);font-weight:600}.settings__help-card p{font-size:var(--body-sm);color:var(--on-surface-variant)}.settings__footer{text-align:center;padding:var(--space-8) 0 var(--space-4);color:var(--outline);font-size:var(--label-sm)}.settings__plan{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-fixed);border-radius:var(--radius-full);font-size:var(--label-md);color:var(--on-primary-fixed);margin-top:var(--space-3);font-weight:600;display:inline-flex}@media (width<=768px){.settings{padding:var(--space-4) var(--space-4)}.settings__profile-card{text-align:center;flex-direction:column;align-items:center}.settings__profile-edit{margin-left:0;margin-top:var(--space-3)}.settings__help-grid{grid-template-columns:1fr}}.app{background:var(--surface);width:100vw;height:100vh;display:flex;overflow:hidden}.app__content{flex:1;display:flex;overflow:hidden}