:root,[data-theme=light]{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--text-4xl: 44px;--leading-tight: 1.15;--leading-body: 1.55;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .06em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--bg-primary: #FFFFFF;--bg-secondary: #F5F5F7;--bg-tertiary: #EBEBEF;--bg-elevated: #FFFFFF;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-placeholder: #C4C7CC;--separator: #E5E5EA;--separator-light: #F2F2F7;--brand: #111827;--brand-hover: #1F2937;--brand-active: #0A0E17;--brand-bg: rgba(17, 24, 39, .05);--brand-bg-hover: rgba(17, 24, 39, .09);--green: #10B981;--yellow: #F59E0B;--red: #EF4444;--bubble-user: #111827;--bubble-user-text: #FFFFFF;--bubble-assistant: #F3F3F6;--bubble-assistant-text: #111827;--channel-whatsapp: #25D366;--channel-telegram: #229ED9;--channel-discord: #5865F2;--channel-slack: #E01E5A;--channel-signal: #3A76F0;--channel-imessage: #34C759;--channel-matrix: #0DBD8B;--channel-teams: #6264A7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03), 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .02), 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .02), 0 8px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 4px 8px rgba(0, 0, 0, .02), 0 16px 56px rgba(0, 0, 0, .12);--glass-blur: blur(20px) saturate(180%);--glass-bg: rgba(255, 255, 255, .82);--glass-bg-heavy: rgba(255, 255, 255, .92);--glass-border: rgba(0, 0, 0, .06);--focus-ring: rgba(0, 122, 255, .25);--focus-border: #007AFF;--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-spring: .5s;--z-base: 0;--z-elevated: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 2000;--z-toast: 3000;--sidebar-width: 280px;--content-max-width: 860px;--tab-bar-height: 56px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--bg-primary: #0F0F14;--bg-secondary: #1A1A24;--bg-tertiary: #24243A;--bg-elevated: #1A1A24;--text-primary: #F0F0F5;--text-secondary: #9CA3AF;--text-tertiary: #6B7280;--text-placeholder: #4B5563;--separator: #2D2D3A;--separator-light: #24243A;--brand: #F0F0F5;--brand-hover: #FFFFFF;--brand-active: #D4D4DE;--brand-bg: rgba(240, 240, 245, .08);--brand-bg-hover: rgba(240, 240, 245, .14);--bubble-user: #F0F0F5;--bubble-user-text: #0F0F14;--bubble-assistant: #24243A;--bubble-assistant-text: #F0F0F5;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 2px 4px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .04), 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 4px 8px rgba(0, 0, 0, .04), 0 16px 56px rgba(0, 0, 0, .16);--glass-bg: rgba(26, 26, 36, .82);--glass-bg-heavy: rgba(26, 26, 36, .92);--glass-border: rgba(255, 255, 255, .08);--focus-ring: rgba(100, 160, 255, .3);--focus-border: #64A0FF}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking-tight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);overflow:hidden;position:fixed;inset:0;overscroll-behavior:none}::selection{background:#007aff26;color:inherit}[data-theme=dark] ::selection{background:#64a0ff40}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--separator);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--focus-border);outline-offset:2px;border-radius:var(--radius-sm)}*{-webkit-tap-highlight-color:transparent}@supports not (backdrop-filter: blur(1px)){.sidebar{background:var(--bg-secondary)!important}.tab-bar,.chat-input-container{background:var(--bg-primary)!important}.toast{background:var(--bg-elevated)!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;height:100dvh;width:100%;overflow:hidden;background:var(--bg-primary)}.sidebar{display:none;flex-direction:column;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);overflow:hidden}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6) var(--space-5)}.sidebar-logo{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000014}.sidebar-logo svg{width:18px;height:18px;fill:var(--bg-primary)}.sidebar-brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-4)}.sidebar-nav-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-5) var(--space-3) var(--space-3)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border:none;background:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);width:100%;text-align:left;position:relative}.sidebar-nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-nav-item[aria-selected=true]{color:var(--text-primary);background:var(--bg-tertiary);font-weight:var(--weight-semibold)}.sidebar-nav-item[aria-selected=true]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--text-primary);border-radius:var(--radius-full)}.sidebar-nav-item[aria-selected=true]:hover{background:var(--separator-light)}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}.sidebar-channels{flex:1;overflow-y:auto;padding:0 var(--space-4)}.sidebar-channel-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm)}.sidebar-channel-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-channel-dot--connected{background:var(--green)}.sidebar-channel-dot--disconnected{background:var(--text-tertiary)}.sidebar-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-credits{font-size:var(--text-sm);color:var(--text-secondary)}.sidebar-credits-bar{width:100%;height:3px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.sidebar-credits-fill{height:100%;background:var(--green);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-spring)}.sidebar-credits-fill--low{background:var(--yellow)}.sidebar-credits-fill--critical{background:var(--red)}.sidebar-email{font-size:var(--text-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.main-content-padded{padding:var(--space-10) var(--space-8);max-width:var(--content-max-width);margin:0 auto;width:100%}.tab-bar{display:flex;align-items:center;justify-content:space-around;height:var(--tab-bar-height);padding-bottom:var(--safe-area-bottom);background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff80;position:relative;z-index:var(--z-sticky);flex-shrink:0}[data-theme=dark] .tab-bar{box-shadow:inset 0 1px #ffffff0a}.tab-bar-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-2) var(--space-5);border:none;background:none;cursor:pointer;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;min-width:72px;position:relative}.tab-bar-item[aria-selected=true]{color:var(--text-primary)}.tab-bar-item:active{transform:scale(.95)}.tab-bar-icon{width:24px;height:24px}.tab-bar-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}.tab-bar-label{font-size:10px;font-weight:var(--weight-medium);letter-spacing:.02em;text-transform:uppercase}@media(min-width:768px){.sidebar{display:flex}.tab-bar{display:none}}.container-narrow{max-width:480px;margin:0 auto;width:100%;padding:0 var(--space-4)}.container-wide{max-width:var(--content-max-width);margin:0 auto;width:100%;padding:0 var(--space-4)}.view-enter{animation:viewFadeIn var(--duration-normal) var(--ease-spring)}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--separator-light);flex-shrink:0}.chat-header-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.chat-header .btn svg{width:14px;height:14px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:var(--space-8) var(--space-5) var(--space-4)}.chat-messages-inner{max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-1)}.time-separator{display:flex;align-items:center;justify-content:center;padding:var(--space-4) 0 var(--space-2)}.time-separator-text{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--bg-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.message-row{display:flex;flex-direction:column;max-width:75%;animation:messageAppear var(--duration-normal) var(--ease-spring)}.message-row--user{align-self:flex-end;align-items:flex-end}.message-row--assistant{align-self:flex-start;align-items:flex-start}.message-card{padding:10px var(--space-4);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking-tight);word-break:break-word}.message-card--user{background:var(--bubble-user);color:var(--bubble-user-text);border-radius:20px 20px 4px;box-shadow:0 1px 3px #0000001a}.message-card--assistant{background:var(--bubble-assistant);color:var(--bubble-assistant-text);border-radius:20px 20px 20px 4px}.message-row--consecutive .message-card--user{border-radius:20px 4px 4px 20px}.message-row--consecutive .message-card--assistant{border-radius:4px 20px 20px 4px}.message-row--consecutive-last .message-card--user{border-radius:20px 4px 20px 20px}.message-row--consecutive-last .message-card--assistant{border-radius:4px 20px 20px 4px}.message-row--user+.message-row--assistant,.message-row--assistant+.message-row--user{margin-top:var(--space-3)}.channel-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-tertiary);padding:2px 0;margin-top:var(--space-1)}.channel-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.message-time{font-size:var(--text-xs);color:var(--text-tertiary);padding:2px var(--space-1) 0}.model-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--bg-secondary);margin-top:var(--space-1);letter-spacing:.02em;text-transform:uppercase}.model-badge--free{color:var(--yellow);background:#f59e0b1a}.typing-indicator{display:flex;gap:5px;padding:var(--space-1) var(--space-1);align-items:center}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-4px);opacity:.9}}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center;gap:var(--space-5);animation:fadeIn var(--duration-slow) var(--ease-out)}.chat-empty-logo{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--text-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);box-shadow:0 4px 16px #0000001a}.chat-empty-logo svg{width:26px;height:26px;fill:var(--bg-primary)}.chat-empty-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.03em}.chat-empty-subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:360px}.chat-empty-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0}.chat-empty-channel-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out)}.chat-empty-channel-icon:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.chat-empty-channel-icon svg{width:20px;height:20px}.chat-empty-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.chat-input-container{padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border)}.chat-input-wrapper{max-width:var(--content-max-width);margin:0 auto;display:flex;align-items:flex-end;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-xl);padding:8px var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out)}.chat-input-wrapper:focus-within{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}.chat-input{flex:1;border:none;background:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);resize:none;min-height:22px;max-height:120px;outline:none;padding:var(--space-1) 0}.chat-input::placeholder{color:var(--text-placeholder)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);background:var(--text-primary);color:var(--bg-primary);cursor:pointer;flex-shrink:0;box-shadow:0 1px 3px #0000001a;transition:all var(--duration-fast) var(--ease-spring)}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 2px 6px #00000026}.chat-send-btn:active{transform:scale(.95);box-shadow:0 1px 2px #0000001a}.chat-send-btn:disabled{opacity:.25;cursor:default;transform:none}.chat-send-btn svg{width:16px;height:16px;fill:currentColor}.message-card--streaming{white-space:pre-wrap}.streaming-cursor{display:inline-block;width:2px;height:1.1em;background:var(--text-primary);margin-left:1px;vertical-align:text-bottom;animation:cursorBlink .8s steps(1) infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes messageAppear{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.card:hover{border-color:var(--text-tertiary)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card--clickable:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;letter-spacing:-.01em;border:none;cursor:pointer;border-radius:var(--radius-md);padding:12px var(--space-5);height:44px;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn--primary{background:var(--brand);color:var(--bg-primary);box-shadow:0 1px 3px #0000001f,inset 0 1px #ffffff0f}.btn--primary:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff0f}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--separator)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.btn--danger{background:transparent;color:var(--red)}.btn--danger:hover:not(:disabled){background:#ef44440f}.btn--lg{padding:14px var(--space-8);height:52px;font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--sm{padding:var(--space-2) var(--space-4);height:34px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--full{width:100%}.input{width:100%;padding:11px var(--space-4);height:44px;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-placeholder)}.input:focus{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-elevated)}.input--error{border-color:var(--red)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.input-error-text{font-size:var(--text-sm);color:var(--red);margin-top:var(--space-1)}.credit-bar{display:flex;flex-direction:column;gap:var(--space-2)}.credit-bar-track{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.credit-bar-fill{height:100%;background:var(--green);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-spring)}.credit-bar-fill--low{background:var(--yellow)}.credit-bar-fill--critical{background:var(--red)}.credit-bar-label{font-size:var(--text-sm);color:var(--text-secondary)}.credit-bar-warning{font-size:var(--text-sm);color:var(--yellow);font-weight:var(--weight-medium)}.channel-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-spring);cursor:pointer}.channel-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.channel-card:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.channel-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);background:var(--bg-tertiary)}.channel-card-icon--tinted{background:currentColor;-webkit-mask:none;position:relative}.channel-card-icon--tinted:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bg-primary);opacity:.88}[data-theme=dark] .channel-card-icon--tinted:before{opacity:.82}.channel-card-icon--tinted>span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.channel-card-icon svg{width:20px;height:20px}.channel-card-info{flex:1;min-width:0}.channel-card-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.channel-card-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.channel-card-chevron{color:var(--text-tertiary);flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--connected{background:var(--green)}.status-dot--disconnected{background:var(--text-tertiary)}.status-dot--error{background:var(--red)}.divider{height:1px;background:var(--separator);margin:var(--space-4) 0}.avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:var(--weight-semibold);font-size:var(--text-base);flex-shrink:0}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--lg{width:56px;height:56px;font-size:var(--text-xl)}.toast{position:fixed;top:calc(var(--safe-area-top) + var(--space-4));left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);background:var(--text-primary);color:var(--bg-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-xl);animation:toastIn var(--duration-fast) var(--ease-spring)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.settings-section{margin-bottom:var(--space-8)}.settings-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:0 0 var(--space-3)}.settings-group{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);min-height:52px}.settings-row+.settings-row{border-top:1px solid var(--separator-light)}.settings-row-label{font-size:var(--text-base);color:var(--text-primary)}.settings-row-value{font-size:var(--text-base);color:var(--text-secondary)}.theme-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px;gap:2px}.theme-toggle-btn{padding:var(--space-2) var(--space-4);border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:6px;transition:all var(--duration-fast) var(--ease-out)}.theme-toggle-btn:hover{color:var(--text-primary)}.theme-toggle-btn--active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.plan-card{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.plan-card--featured{border-color:var(--text-primary);border-width:2px;box-shadow:var(--shadow-md)}.plan-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.plan-card-price{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:var(--space-2) 0}.plan-card-price span{font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--text-secondary)}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.view-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.03em}.channels-empty{text-align:center;padding:var(--space-16) var(--space-6)}.channels-empty-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.channels-empty-desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-10);line-height:var(--leading-relaxed);max-width:380px;margin-left:auto;margin-right:auto}.channels-empty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);max-width:320px;margin:0 auto}.channels-empty-grid-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3)}.channels-empty-grid-icon{width:24px;height:24px;color:var(--text-tertiary)}.channels-empty-grid-icon svg{width:100%;height:100%}.channels-empty-grid-name{font-size:var(--text-xs);color:var(--text-tertiary)}.channel-wizard-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0006;display:flex;align-items:flex-end;justify-content:center;padding:0}.channel-wizard-sheet{width:100%;max-width:480px;max-height:85vh;min-height:0;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--separator);border-bottom:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-8);padding-bottom:calc(var(--space-8) + var(--safe-area-bottom));animation:sheetSlideUp var(--duration-normal) var(--ease-spring);box-shadow:var(--shadow-xl)}.channel-wizard-sheet:before{content:"";width:36px;height:4px;background:var(--separator);border-radius:var(--radius-full);margin:0 auto var(--space-5);flex-shrink:0}.channel-wizard-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.channel-wizard-overlay{align-items:center;padding:var(--space-6)}.channel-wizard-sheet{border-radius:var(--radius-xl);border-bottom:1px solid var(--separator);max-height:70vh;padding-bottom:var(--space-6);animation:sheetScaleIn var(--duration-normal) var(--ease-out)}@keyframes sheetScaleIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}}.channel-wizard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.channel-wizard-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.channel-wizard-list{display:flex;flex-direction:column;gap:var(--space-2)}.channel-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.channel-card-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.channels-empty-cta{margin-bottom:var(--space-8)}.shimmer--card{height:72px;border-radius:var(--radius-md)}.settings-account{display:flex;align-items:center;gap:var(--space-3)}.settings-account-name{font-weight:var(--weight-medium);color:var(--text-primary)}.settings-account-email{font-size:var(--text-sm);color:var(--text-secondary)}.settings-credit-wrapper{width:100%}.settings-row--center{justify-content:center}.settings-signout{padding:var(--space-4) 0 var(--space-8)}.onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-10) var(--space-8);text-align:center;background:var(--bg-primary)}.onboarding-content{max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.onboarding-progress{display:flex;gap:8px}.onboarding-dot{width:7px;height:7px;border-radius:50%;background:var(--separator);transition:all var(--duration-normal) var(--ease-spring)}.onboarding-dot--active{background:var(--text-primary);width:22px;border-radius:var(--radius-full)}.onboarding-dot--done{background:var(--text-tertiary)}.onboarding-logo{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--text-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #0000001f;animation:logoEntrance var(--duration-spring) var(--ease-spring)}@keyframes logoEntrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.onboarding-logo svg{width:34px;height:34px;fill:var(--bg-primary)}.onboarding-heading{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.03em;line-height:1.15}.onboarding-subheading{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-3)}.onboarding-form{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.onboarding-form .input{text-align:left;font-size:var(--text-base);padding:var(--space-3) var(--space-4);height:48px}.social-login-group{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.social-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:12px var(--space-5);height:48px;border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-spring)}.social-login-btn:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.social-login-btn:active{background:var(--bg-tertiary);transform:translateY(0);box-shadow:var(--shadow-xs)}.social-login-btn svg{width:20px;height:20px}.social-login-divider{display:flex;align-items:center;gap:var(--space-4);width:100%;color:var(--text-tertiary);font-size:var(--text-sm)}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;height:1px;background:var(--separator)}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);width:100%}@media(max-width:480px){.channel-grid{grid-template-columns:repeat(2,1fr)}}.channel-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:1.5px solid var(--separator);border-radius:var(--radius-lg);background:var(--bg-elevated);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-spring)}.channel-option:hover{border-color:var(--text-tertiary);background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.channel-option--selected{border-color:var(--text-primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px #11182714}[data-theme=dark] .channel-option--selected{box-shadow:0 0 0 3px #f0f0f51a}.channel-option-icon{width:32px;height:32px;color:var(--text-secondary)}.channel-option-icon svg{width:100%;height:100%}.channel-option-name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary)}.onboarding-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.onboarding-checkmark{width:64px;height:64px;border-radius:50%;background:#10b98114;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #10b9810a;animation:checkmarkEntrance var(--duration-spring) var(--ease-spring)}@keyframes checkmarkEntrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.onboarding-checkmark svg{width:32px;height:32px;color:var(--green)}.onboarding-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-6)}.onboarding-step-enter{animation:stepSlideIn var(--duration-normal) var(--ease-spring)}@keyframes stepSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sessions-list{display:flex;flex-direction:column;gap:var(--space-6)}.sessions-group-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-bottom:var(--space-2)}.sessions-group{display:flex;flex-direction:column;gap:var(--space-2)}.session-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring)}.session-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.session-card:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.session-card-body{flex:1;min-width:0}.session-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card-edit-input{height:32px!important;font-size:var(--text-sm)!important;padding:var(--space-1) var(--space-2)!important}.session-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:4px;font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap}.session-card-channel{display:inline-flex;align-items:center;gap:4px}.session-card-channel-icon{width:12px;height:12px}.session-card-channel-icon svg{width:100%;height:100%}.session-card-model{padding:1px var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.02em}.session-card-actions{display:flex;gap:var(--space-1);flex-shrink:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.session-card:hover .session-card-actions{opacity:1}.session-card-delete{color:var(--red)!important}.session-card-delete:hover{background:#ef44440f!important}.sessions-empty{text-align:center;padding:var(--space-16) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.sessions-empty-icon{width:48px;height:48px;color:var(--text-tertiary);margin-bottom:var(--space-2)}.sessions-empty-icon svg{width:100%;height:100%}.sessions-empty-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.sessions-empty-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:360px}.usage-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media(max-width:640px){.usage-summary-cards{grid-template-columns:1fr}}.usage-summary-card{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs)}.usage-summary-card--primary{border-color:var(--text-primary);border-width:2px}.usage-summary-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.03em;line-height:1}.usage-summary-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.usage-summary-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.usage-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16) 0}.usage-bar-container{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs)}.usage-bar{display:flex;height:12px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-tertiary);gap:1px}.usage-bar-segment{height:100%;min-width:4px;transition:width var(--duration-normal) var(--ease-spring)}.usage-bar-segment:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.usage-bar-segment:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.usage-bar-segment:only-child{border-radius:var(--radius-full)}.usage-category{display:flex;align-items:center;gap:var(--space-3)}.usage-category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.usage-category-label{font-size:var(--text-base);color:var(--text-primary)}.usage-category-value{font-size:var(--text-base);color:var(--text-secondary);font-variant-numeric:tabular-nums}.usage-empty{text-align:center;padding:var(--space-10) var(--space-6)}.usage-empty-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.usage-reset-info{text-align:center;padding:var(--space-6) 0;font-size:var(--text-sm);color:var(--text-tertiary)}.automations-list{display:flex;flex-direction:column;gap:var(--space-3)}.automation-form{margin-bottom:var(--space-8);animation:scaleIn var(--duration-normal) var(--ease-spring)}.automation-form-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-5)}.automation-form-field{margin-bottom:var(--space-4)}.automation-form-textarea{min-height:80px;resize:vertical;line-height:var(--leading-relaxed)}.automation-form-actions{display:flex;justify-content:flex-end;padding-top:var(--space-2)}.automation-schedule-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.automation-preset-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--separator);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.automation-preset-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.automation-preset-btn--active{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary)}.automation-card{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.automation-card:hover{border-color:var(--text-tertiary)}.automation-card--disabled{opacity:.6}.automation-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.automation-card-info{flex:1;min-width:0}.automation-card-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.automation-card-schedule{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.automation-toggle{width:44px;height:26px;border:none;border-radius:var(--radius-full);background:var(--separator);cursor:pointer;padding:2px;transition:background var(--duration-fast) var(--ease-spring);flex-shrink:0}.automation-toggle--on{background:var(--green)}.automation-toggle-thumb{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform var(--duration-fast) var(--ease-spring)}.automation-toggle--on .automation-toggle-thumb{transform:translate(18px)}.automation-card-stats{display:flex;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--separator-light)}.automation-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);display:block}.automation-stat-value{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium);display:block;margin-top:2px}.automation-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:#ef44440f;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--red)}.automation-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--separator-light)}.device-info-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.device-info-banner svg{flex-shrink:0;margin-top:2px;color:var(--text-tertiary)}.devices-list{display:flex;flex-direction:column;gap:var(--space-3)}.device-card{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.device-card:hover{border-color:var(--text-tertiary)}.device-card-header{display:flex;align-items:center;gap:var(--space-4)}.device-card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.device-card-icon svg{width:22px;height:22px}.device-card-info{flex:1;min-width:0}.device-card-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.device-card-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.device-capabilities{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--separator-light)}.device-capability-chip{padding:var(--space-1) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.device-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--separator-light)}.device-card-paired{font-size:var(--text-xs);color:var(--text-tertiary)}.sched-sentence{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);font-size:var(--text-base);line-height:2}.sched-sentence-text{color:var(--text-tertiary);font-weight:var(--weight-normal)}.sched-dropdown-anchor{position:relative;display:inline-flex}.sched-token{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 12px;border:1.5px solid var(--separator);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);white-space:nowrap;-webkit-user-select:none;user-select:none}.sched-token:hover{border-color:var(--text-tertiary);background:var(--bg-tertiary)}.sched-token--open{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary)}.sched-token:active{transform:scale(.97)}.sched-token-chevron{flex-shrink:0;opacity:.5;transition:transform var(--duration-fast) var(--ease-out)}.sched-token--open .sched-token-chevron{transform:rotate(180deg);opacity:1}.sched-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);animation:sched-dropdown-in var(--duration-fast) var(--ease-spring);min-width:160px}@keyframes sched-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sched-dropdown--day{min-width:200px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.sched-dropdown--time{min-width:180px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.sched-dropdown-group{padding:var(--space-1) 0}.sched-dropdown-group+.sched-dropdown-group{border-top:1px solid var(--separator-light);margin-top:var(--space-1);padding-top:var(--space-2)}.sched-dropdown-group-label{font-size:10px;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);margin-bottom:2px}.sched-dropdown-items{display:flex;flex-direction:column}.sched-dropdown-items--grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.sched-dropdown-items--scroll{max-height:240px;overflow-y:auto;overscroll-behavior:contain}.sched-dropdown-items--time-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.sched-dropdown-item{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);white-space:nowrap}.sched-dropdown-item:hover{background:var(--bg-tertiary)}.sched-dropdown-item--active{background:var(--text-primary);color:var(--bg-primary);font-weight:var(--weight-semibold)}.sched-dropdown-item--active:hover{background:var(--text-primary);opacity:.9}.sched-dropdown-item--compact{padding:var(--space-2);text-align:center;font-size:var(--text-xs);font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--separator-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:1.5px solid var(--separator);border-top-color:var(--text-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner--sm{width:14px;height:14px;border-width:1.5px}.spinner--lg{width:28px;height:28px;border-width:2px}.stagger-children>*{animation:staggerFadeUp var(--duration-normal) var(--ease-spring) both}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:40ms}.stagger-children>*:nth-child(3){animation-delay:70ms}.stagger-children>*:nth-child(4){animation-delay:.1s}.stagger-children>*:nth-child(5){animation-delay:.13s}.stagger-children>*:nth-child(6){animation-delay:155ms}.stagger-children>*:nth-child(7){animation-delay:.18s}.stagger-children>*:nth-child(8){animation-delay:.2s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}