input::placeholder,textarea::placeholder{opacity:1}:root{--p-neutral-000: #000000;--p-neutral-007: #070707;--p-neutral-008: #080808;--p-neutral-010: #0a0a0a;--p-neutral-017: #111111;--p-neutral-020: #141414;--p-neutral-026: #1a1a1a;--p-neutral-085: #555555;--p-neutral-090: #5a5a5a;--p-neutral-102: #666666;--p-neutral-128: #808080;--p-neutral-153: #999999;--p-neutral-170: #aaaaaa;--p-neutral-184: #b8b8b8;--p-neutral-200: #c8c8c8;--p-neutral-230: #e6e6e6;--p-neutral-232: #e8e8e8;--p-neutral-236: #ececec;--p-neutral-240: #f0f0f0;--p-neutral-244: #f4f4f4;--p-neutral-245: #f5f5f5;--p-neutral-255: #ffffff;--p-red-500: #ef4444;--p-red-600: #dc2626;--p-green-500: #22c55e;--p-green-600: #16a34a;--p-amber-500: #f59e0b;--p-amber-600: #d97706;--p-gold: #c4a265}[data-theme=dark]{--bg: var(--p-neutral-010);--bg-content: var(--p-neutral-008);--bg-elevated: var(--p-neutral-020);--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .09);--surface-card: rgba(255, 255, 255, .045);--surface-card-hover: rgba(255, 255, 255, .07);--popover-bg: rgba(20, 20, 20, .92);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .24);--border-inner: rgba(255, 255, 255, .06);--text: var(--p-neutral-245);--text-secondary: var(--p-neutral-200);--text-muted: var(--p-neutral-170);--text-dim: var(--p-neutral-153);--accent: var(--p-neutral-232);--accent-strong: var(--p-neutral-255);--text-gradient: linear-gradient(180deg, var(--p-neutral-255) 0%, var(--p-neutral-200) 100%);--accent-border: rgba(0,0,0,.06);--accent-inset: inset 0 1px 0 rgba(255,255,255,.12);--error: var(--p-red-500);--error-subtle: rgba(239, 68, 68, .06);--error-border: rgba(239, 68, 68, .15);--error-border-strong: rgba(239, 68, 68, .25);--success: var(--p-green-500);--success-subtle: rgba(34, 197, 94, .06);--success-border: rgba(34, 197, 94, .15);--warning: var(--p-amber-500);--warning-subtle: rgba(245, 158, 11, .06);--warning-border: rgba(245, 158, 11, .15);--dot: var(--p-neutral-255);--modal-backdrop: rgba(0, 0, 0, .6);--scrollbar: rgba(255, 255, 255, .08);--scrollbar-hover:rgba(255, 255, 255, .18);--shadow-sm: 0 2px 8px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow: 0 8px 28px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-lg: 0 20px 56px rgba(0,0,0,.65), 0 4px 12px rgba(0,0,0,.35);--inset-light: inset 0 1px 0 rgba(255,255,255,.1);--inset-light-strong: inset 0 1px 0 rgba(255,255,255,.16);--inset-deep: inset 0 1px 2px rgba(0,0,0,.35);--ambient-gradient: radial-gradient(ellipse 100% 55% at 50% 0%, rgba(255,255,255,.032), transparent 60%), linear-gradient(180deg, var(--p-neutral-017) 0%, var(--p-neutral-010) 40%, var(--p-neutral-007) 100%);--sidebar-bg: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 40%, rgba(0,0,0,.08) 100%);--sidebar-blur: blur(24px) saturate(1.2);--toggle-unchecked: rgba(0, 0, 0, .3);--switch-track-off: rgba(0, 0, 0, .1)}[data-theme=light]{--bg: var(--p-neutral-240);--bg-content: var(--p-neutral-232);--bg-elevated: var(--p-neutral-255);--surface: rgba(0, 0, 0, .028);--surface-hover: rgba(0, 0, 0, .05);--surface-strong: rgba(0, 0, 0, .075);--surface-card: var(--p-neutral-255);--surface-card-hover: var(--p-neutral-255);--popover-bg: rgba(248, 248, 248, .97);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-strong: rgba(0, 0, 0, .22);--border-inner: rgba(0, 0, 0, .05);--text: var(--p-neutral-026);--text-secondary: var(--p-neutral-085);--text-muted: var(--p-neutral-090);--text-dim: var(--p-neutral-090);--accent: var(--p-neutral-026);--accent-strong: var(--p-neutral-000);--text-gradient: linear-gradient(180deg, var(--p-neutral-026) 0%, var(--p-neutral-085) 100%);--accent-border: rgba(255,255,255,.08);--accent-inset: inset 0 1px 0 rgba(255,255,255,.1);--error: var(--p-red-600);--error-subtle: rgba(239, 68, 68, .08);--error-border: rgba(239, 68, 68, .2);--error-border-strong: rgba(239, 68, 68, .32);--success: var(--p-green-600);--success-subtle: rgba(34, 197, 94, .08);--success-border: rgba(34, 197, 94, .2);--warning: var(--p-amber-600);--warning-subtle: rgba(245, 158, 11, .08);--warning-border: rgba(245, 158, 11, .2);--dot: var(--p-neutral-026);--modal-backdrop: rgba(0, 0, 0, .25);--scrollbar: rgba(0, 0, 0, .06);--scrollbar-hover:rgba(0, 0, 0, .14);--shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 6px 20px rgba(0,0,0,.09), 0 2px 5px rgba(0,0,0,.05);--shadow-lg: 0 16px 48px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.06);--inset-light: inset 0 1px 0 rgba(255,255,255,.5);--inset-light-strong: inset 0 1px 0 rgba(255,255,255,.7);--inset-deep: inset 0 1px 2px rgba(0,0,0,.08);--ambient-gradient: radial-gradient(ellipse 100% 55% at 50% 0%, rgba(255,255,255,.5), transparent 60%), linear-gradient(180deg, var(--p-neutral-244) 0%, var(--p-neutral-236) 40%, var(--p-neutral-230) 100%);--sidebar-bg: linear-gradient(180deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.6) 40%, rgba(255,255,255,.4) 100%);--sidebar-blur: blur(24px) saturate(1.1);--toggle-unchecked: rgba(0, 0, 0, .06);--switch-track-off: rgba(0, 0, 0, .1)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--font-xs: 10.5px;--font-sm: 12px;--font-base: 13.5px;--font-md: 14px;--font-lg: 17px;--font-xl: 22px;--font-2xl: 28px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--tempo: 1;--t-basis: .25s;--t-fast-basis: .14s;--t-slow-basis: .43s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-fast: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1, .28, 1);--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--transition-hover-basis: .22s;--transition-active-basis: .11s;--transition-entrance-basis: .33s;--transition-exit-basis: .16s;--transition-layout-basis: .27s;--transition-spring-basis: .31s;--lift-sm-basis: -1px;--lift-basis: -2px;--grow-row-basis: .03;--grow-sm-basis: .06;--grow-basis: .12;--press-basis: .03;--elevation-0: none;--elevation-1: var(--shadow-sm);--elevation-2: var(--shadow);--elevation-3: var(--shadow-lg);--radius-default: 16px;--radius-deckel: var(--radius-default);--radius-control: var(--radius-deckel);--control-height-xs: 24px;--control-height-sm: 32px;--control-height-md: 40px;--control-height-lg: 56px;--radius-control-sm: 999px;--radius-square-control: 50%;--radius-surface: calc(var(--radius-deckel) + 2px);--radius-surface-lg: calc(var(--radius-deckel) + 8px);--radius-inner: max(2px, calc(var(--radius-deckel) - 6px));--sidebar-full: 240px;--sidebar-icons: 52px;--sidebar-min: 180px;--sidebar-max: 400px;--focus-ring: 2px solid var(--border-strong);--focus-offset: 3px;--content-narrow: 560px;--content-medium: 720px;--content-wide: 1100px;--font: "Segoe UI Variable", "Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Cambria", "Georgia", "Times New Roman", serif;--font-mono: "Cascadia Code", "Fira Code", "Consolas", monospace;--gold: var(--p-gold);--gold-soft: rgba(196, 162, 101, .3);--gold-dim: rgba(196, 162, 101, .12);--gold-glow: rgba(196, 162, 101, .15);--spring-chat: cubic-bezier(.16, 1, .3, 1)}:root{--region-cf: #c9a227;--region-eu: #4da6ff;--region-us: #ffb347;--region-ch: #e8606e;--region-local: #66bb6a}*,*:before,*:after{--t: calc(var(--t-basis) * var(--tempo));--t-fast: calc(var(--t-fast-basis) * var(--tempo));--t-slow: calc(var(--t-slow-basis) * var(--tempo));--transition-hover: calc(var(--transition-hover-basis) * var(--tempo)) var(--ease);--transition-active: calc(var(--transition-active-basis) * var(--tempo)) var(--ease);--transition-entrance: calc(var(--transition-entrance-basis) * var(--tempo)) var(--spring);--transition-exit: calc(var(--transition-exit-basis) * var(--tempo)) var(--ease-fast);--transition-layout: calc(var(--transition-layout-basis) * var(--tempo)) var(--ease);--transition-spring: calc(var(--transition-spring-basis) * var(--tempo)) var(--spring);--weite: min(var(--tempo), 1);--lift-sm: calc(var(--lift-sm-basis) * var(--weite));--lift: calc(var(--lift-basis) * var(--weite));--grow-row: calc(1 + var(--grow-row-basis) * var(--weite));--grow-field: calc(1 + var(--grow-row-basis) / 3 * var(--weite));--grow-sm: calc(1 + var(--grow-sm-basis) * var(--weite));--grow: calc(1 + var(--grow-basis) * var(--weite));--press: calc(1 - var(--press-basis) * var(--weite))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:var(--font);font-size:14px;font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.005em;color:var(--text);cursor:default;background:var(--ambient-gradient)}button,[role=button],.link,a{transition:transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}button:active,[role=button]:active,.link:active,a:active{transform:scale(var(--press))!important;transition-duration:var(--t-fast)!important}.alert__close:active,.banner__close:active,.toast__close:active,.copy-btn:active,.support-close:active,.settings-close:active,.floating-chat-popup__close:active{transform:scale(calc(1 - var(--press-basis) * 6 * var(--weite)))!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--radius-control);border:4px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);background-clip:padding-box}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--accent);color:var(--bg);font-size:var(--font-base);font-weight:var(--weight-medium);border-radius:var(--radius-control);text-decoration:none;opacity:0;transition:top .2s ease,opacity .2s ease}.skip-link:focus{top:12px;opacity:1;outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-theme-transition] *{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,fill .25s ease,stroke .25s ease!important}:root{--pulse-factor: max(1, var(--tempo, 1));--pulse-duration: calc(2s * var(--pulse-factor));--pulse-ease: ease-in-out}@media(prefers-reduced-motion:no-preference){.reduce-motion :is(.anim-pulse,.status-dot--pulse,.dot,.status-pill__dot,.profile-dot,.bew-puls){animation-duration:var(--pulse-duration)!important;animation-iteration-count:infinite!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes popupIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 3px .5px currentColor}50%{box-shadow:0 0 5px 2px currentColor}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes borderSlideIn{0%{height:0;opacity:0}to{height:20px;opacity:1}}@keyframes scaleSpring{0%{transform:scale(1)}40%{transform:scale(.92)}70%{transform:scale(1.04)}to{transform:scale(1)}}.anim-fade-in{animation:fadeIn var(--t-slow) var(--ease) both}.anim-fade-in-up{animation:fadeInUp .35s var(--ease) both}.anim-fade-in-scale{animation:fadeInScale var(--t) var(--spring) both}.anim-slide-in-left{animation:slideInLeft .3s var(--ease) both}.anim-pulse{animation:pulse var(--pulse-duration) var(--pulse-ease) infinite}.anim-spin{animation:spin .8s linear infinite}@keyframes toastIn{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.95)}}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.stagger{animation-delay:calc(var(--i, 0) * 40ms)}@keyframes toggleRipple{0%{box-shadow:0 0 #f0f0f04d}to{box-shadow:0 0 0 10px #f0f0f000}}@keyframes focusGlow{0%{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 6px #ffffff0f}to{box-shadow:0 0 0 4px #ffffff08}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes numberPulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html:has(>body>.app),body:has(>.app){height:100%;overflow:hidden;user-select:none}.app{display:flex;height:calc(100vh / var(--ui-scale, 1));overflow:hidden;transition:opacity .3s ease}.window-unfocused .app,.window-unfocused .settings-overlay,.window-unfocused .support-overlay,.window-unfocused #auth_overlay{filter:brightness(.95)}.sidebar{display:flex;flex-direction:column;background:var(--sidebar-bg, var(--bg));backdrop-filter:var(--sidebar-blur, none);-webkit-backdrop-filter:var(--sidebar-blur, none);width:var(--sidebar-w, var(--sidebar-full));min-width:0;flex-shrink:0;position:relative;transition:width var(--t-slow) var(--ease);overflow:visible;z-index:10;box-shadow:var(--inset-light)}.sidebar.dragging-active{transition-duration:.1s!important}.sidebar[data-mode=icons]{width:var(--sidebar-icons)}.sidebar[data-mode=hidden]{width:0;pointer-events:none}.sidebar[data-mode=hidden] .sidebar__header,.sidebar[data-mode=hidden] .sidebar__nav,.sidebar[data-mode=hidden] .sidebar__footer{opacity:0;pointer-events:none}.sidebar__resize{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:col-resize;z-index:25;transition:background var(--t-fast) var(--ease)}.sidebar__resize:after{content:"";position:absolute;top:8px;left:4px;width:2px;height:calc(100% - 16px);background:transparent;transition:background var(--t-fast) var(--ease)}.sidebar__resize:hover:after,.sidebar__resize.dragging:after{background:var(--border-hover)}.sidebar__resize-tooltip{position:fixed;background:var(--bg-elevated);border:1px solid var(--border-inner);border-radius:var(--radius-surface);padding:5px 10px;font-size:10.5px;color:var(--text-muted);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast) var(--ease);box-shadow:var(--shadow-sm);z-index:100}.sidebar__resize:hover .sidebar__resize-tooltip{opacity:1}.sidebar__header{height:48px;flex-shrink:0}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 8px;overflow-y:auto;overflow-x:hidden;transition:opacity var(--t) var(--ease);position:relative}.sidebar__indicator{position:absolute;left:8px;width:3px;height:18px;background:var(--accent);border-radius:var(--radius-control);transition:top .3s var(--spring),height .1s var(--ease);pointer-events:none;z-index:5}.nav-item,.settings-nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-base);font-weight:var(--weight-medium);font-family:var(--font);border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.nav-item:hover,.settings-nav-item:hover{color:var(--text);background:var(--surface);box-shadow:var(--inset-light);transform:translate(2px)}.nav-item:active{transform:scale(.97);transition-duration:var(--t-fast)}.nav-item.active,.settings-nav-item.active{color:var(--text);background:var(--surface-strong);box-shadow:var(--inset-light-strong, var(--inset-light))}.nav-item:focus-visible,.settings-nav-item:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.nav-item__icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item__icon svg{width:18px;height:18px}.nav-item__label{overflow:hidden;text-overflow:ellipsis}.sidebar[data-mode=icons] .nav-item{justify-content:center;padding:10px}.sidebar[data-mode=icons] .nav-item__label{display:none}.sidebar[data-mode=icons] .nav-item__icon{width:22px;height:22px}.sidebar[data-mode=icons] .nav-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg-content);border:1px solid var(--border);border-radius:var(--radius-control);padding:4px 10px;font-size:12px;color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast) var(--ease);box-shadow:var(--shadow-sm);z-index:50}.sidebar[data-mode=icons] .nav-item:hover:after{opacity:1}.sidebar__footer{padding:8px;border-top:1px solid var(--border);position:relative}.profile-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:13px;border-radius:var(--radius-control);cursor:pointer;position:relative;transition:all var(--t-fast) var(--ease);overflow:visible}.profile-btn:hover{background:var(--surface);color:var(--text);transform:scale(var(--grow-row))}.profile-btn:active{transform:scale(.98);transition-duration:.06s}.profile-btn:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.profile-avatar{width:30px;height:30px;border-radius:var(--radius-square-control);background:var(--surface-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;color:var(--text-muted)}.profile-avatar svg{width:16px;height:16px}.sidebar[data-mode=icons] .profile-avatar{width:28px;height:28px}.sidebar[data-mode=icons] .profile-avatar svg{width:14px;height:14px}.sidebar[data-mode=icons] .profile-btn{justify-content:center;padding:8px}.sidebar[data-mode=icons] .profile-name,.sidebar[data-mode=icons] .profile-chevron{display:none}.profile-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform var(--t-fast) var(--ease)}.profile-btn[aria-expanded=true] .profile-chevron{transform:rotate(180deg)}.profile-dot{position:absolute;top:-1px;right:-1px;width:6px;height:6px;border-radius:var(--radius-square-control);background:var(--dot);color:var(--dot);--pulse-duration: calc(2.5s * var(--pulse-factor));animation:pulse var(--pulse-duration) var(--pulse-ease) infinite}.profile-dot.hidden{display:none}.profile-popup{position:fixed;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface);box-shadow:var(--inset-light),var(--shadow);padding:6px;opacity:0;transform:scale(.95) translateY(4px);transform-origin:bottom left;pointer-events:none;transition:all .15s var(--spring);z-index:200}.profile-popup.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.popup-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:13px;border-radius:var(--radius-control);cursor:pointer;transition:all var(--t-fast) var(--ease)}.popup-item:hover{background:var(--surface-hover);color:var(--text)}.popup-item:active,.popup-item.pressing{transform:scale(.95) translateY(1px)!important;background:var(--surface-strong);transition-duration:.04s!important}.popup-item:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.popup-item__icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.popup-item__icon svg{width:16px;height:16px}.popup-separator{height:1px;background:var(--border);margin:4px 8px}.popup-item--danger{color:var(--error)}.popup-item--danger:hover{background:var(--error-subtle)}.popup-item--accent{color:var(--accent);font-weight:500}.popup-item--accent:hover{background:var(--surface-hover);color:var(--accent-strong)}.profile-floating{position:fixed;bottom:12px;left:12px;z-index:30;display:none}.app[data-sidebar=hidden] .profile-floating{display:block}.profile-floating .profile-avatar{width:28px;height:28px;cursor:pointer;transition:all var(--t-fast) var(--spring);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.profile-floating .profile-avatar svg{width:14px;height:14px}.profile-floating .profile-avatar:hover{transform:scale(var(--grow));background:var(--surface-hover)}.content{flex:1;display:flex;flex-direction:column;background:transparent;min-width:0;overflow-x:hidden;overflow-y:auto}.sidebar__toggle{position:fixed;top:10px;left:8px;z-index:30;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-square-control);cursor:pointer;transition:background var(--t) var(--ease),color var(--t) var(--ease),transform .25s cubic-bezier(.16,1,.3,1),box-shadow .22s var(--ease);flex-shrink:0}.sidebar__toggle:hover{background:var(--surface);color:var(--text);transform:translateY(var(--lift-sm));box-shadow:var(--inset-light),var(--shadow-sm)}.sidebar__toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.sidebar__toggle:active{transform:scale(.93);box-shadow:none;transition-duration:.1s}.sidebar__toggle svg{width:20px;height:20px}.app[data-sidebar=hidden] .content__body{padding-top:52px}.content__body{flex:1;overflow-y:auto;padding:20px 40px 48px;user-select:text;cursor:default;position:relative;mask-image:linear-gradient(to bottom,transparent 0px,black 16px,black calc(100% - 16px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 16px,black calc(100% - 16px),transparent 100%)}.content-narrow{max-width:var(--content-narrow)}.content-medium{max-width:var(--content-medium)}.content-wide{max-width:var(--content-wide)}.page{display:none;animation:fadeInUp .3s var(--ease) backwards;max-width:var(--content-wide);width:100%;padding:var(--space-7) var(--space-8) var(--space-8);flex-direction:column;gap:var(--space-7)}.page>.section{margin-bottom:0}.page>.eng{margin-top:calc(var(--space-2) - var(--space-7))}.page.active{display:flex}.seitenkopf{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-7)}.seitenkopf__titel{margin:0;font-size:var(--font-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text)}.seitenkopf__unter{margin:0;max-width:78ch;font-size:var(--font-md);line-height:1.7;color:var(--text-secondary)}.seitenkopf__unter strong{color:var(--text);font-weight:var(--weight-semibold)}.seitenkopf__unter em{font-style:normal;color:var(--text)}.seitenkopf__hinweis{margin:0;max-width:78ch;padding-left:var(--space-4);border-left:2px solid var(--accent-border);font-size:var(--font-sm);color:var(--text-muted);line-height:1.6}.regel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.regel__titel{margin:0;font-size:var(--font-sm);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.regel__satz{margin:0;max-width:70ch;font-size:var(--font-md);line-height:1.75;color:var(--text-secondary)}.regel__satz strong{color:var(--text);font-weight:var(--weight-semibold)}.regel__satz em{font-style:normal;color:var(--text)}.settings-modal{position:relative;display:flex;width:80vw;max-width:900px;height:85vh;max-height:800px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface-lg);box-shadow:var(--inset-light),var(--shadow-lg);overflow:hidden;transform:scale(.97);transition:transform var(--t) var(--spring)}.settings-overlay.open .settings-modal{transform:scale(1)}.settings-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-square-control);cursor:pointer;z-index:10;transition:all var(--t-fast) var(--ease)}.settings-close:hover{background:var(--surface-hover);color:var(--text)}.settings-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.settings-close svg{width:18px;height:18px}.settings-nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:52px 8px 16px;border-right:1px solid var(--border);overflow-y:auto}.settings-nav-item{width:100%;padding:8px 12px;text-align:left;gap:0}.settings-nav-item:hover{transform:none}.settings-content{flex:1;padding:52px 28px 28px;overflow-y:auto;overflow-x:hidden;user-select:text;cursor:default}.settings-section{display:none}.settings-section.active{display:block}.settings-section>.toggle{margin-bottom:4px}.settings-section .section .toggle{margin-bottom:4px}.settings-section .section .section__hint{margin:10px 0 8px}.settings-section .setting-row{padding:8px 0}.settings-section .setting-row__label{font-size:14px}.settings-section .section__label{font-size:13px;font-weight:var(--weight-semibold);margin-bottom:14px}.settings-section.active>*{animation:fadeInUp .3s var(--ease) backwards}.settings-section.active>*:nth-child(1){animation-delay:0s}.settings-section.active>*:nth-child(2){animation-delay:.04s}.settings-section.active>*:nth-child(3){animation-delay:.08s}.settings-section.active>*:nth-child(4){animation-delay:.12s}.settings-section.active>*:nth-child(5){animation-delay:.16s}.settings-section.active>*:nth-child(n+6){animation-delay:.2s}.settings-section__title{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-5)}.account-info{display:flex;flex-direction:column;gap:var(--space-4)}.account-info__row{display:flex;align-items:baseline;gap:var(--space-3)}.account-info__label{font-size:var(--font-sm);color:var(--text-secondary);min-width:100px;flex-shrink:0}.account-info__value{font-size:var(--font-sm);color:var(--text-secondary)}.account-manage{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.account-billing-action{margin-top:var(--space-4)}.billing-plan{font-size:var(--font-sm);color:var(--text);font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.about-meta{font-size:var(--font-sm);color:var(--text-muted);line-height:1.7;max-width:400px}.about-meta__description{margin-bottom:var(--space-4)}.about-meta__credit{font-size:12px;color:var(--text-muted)}.about-meta__credit .link{color:var(--text);text-decoration:none;opacity:.7;transition:all var(--t-fast) var(--ease)}.about-meta__credit .link:hover{opacity:1;transform:translateY(var(--lift-sm))}.shortcuts-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface-lg);box-shadow:var(--shadow-lg);padding:28px 36px;max-width:420px;width:90vw;transform:scale(.97);transition:transform var(--t) var(--spring)}.shortcuts-overlay.open .shortcuts-card{transform:scale(1)}.shortcuts-title{font-size:var(--font-md);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-4)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.shortcut-row__label{font-size:13px;color:var(--text-secondary)}.shortcut-row__keys{display:flex;gap:4px}kbd{display:inline-block;padding:2px 7px;font-family:var(--font);font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-inner);line-height:1.4}.page.active>.section:nth-child(1){animation-delay:0s}.page.active>.section:nth-child(2){animation-delay:.04s}.page.active>.section:nth-child(3){animation-delay:.08s}.page.active>.section:nth-child(4){animation-delay:.12s}.page.active>.section:nth-child(n+5){animation-delay:.16s}.page.active>.section,.page.active>.page-title,.page.active>.page-subtitle,.page.active>.dash-cards,.page.active>.table-wrapper{animation:fadeInUp .3s var(--ease) backwards}.page.active>.page-title{animation-delay:0s}.page.active>.page-subtitle{animation-delay:.03s}.page.active>.dash-cards{animation-delay:.06s}.section{margin-bottom:var(--space-5)}.section__label{font-size:var(--font-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 2px 6px}.section__hint{font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--space-1);padding:0 2px}.section__hint kbd,.toggle__hint kbd{display:inline-block;padding:1px 5px;font-family:var(--font);font-size:10px;font-weight:600;color:var(--text-secondary);background:var(--surface-strong);border:1px solid var(--border-hover);border-radius:var(--radius-inner);line-height:1.4}.toggle{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow-sm);cursor:pointer;transition:all var(--t) var(--ease)}.toggle:hover{border-color:var(--border-hover);transform:translateY(var(--lift-sm));box-shadow:var(--inset-light),var(--shadow)}.toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle__box{width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-square-control);border:1.5px solid var(--border-hover);background:var(--toggle-unchecked);display:flex;align-items:center;justify-content:center;margin-top:1px;transition:background var(--transition-hover) var(--t-fast),border-color var(--transition-hover) var(--t-fast)}.toggle__check{width:12px;height:12px;stroke:var(--bg);stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:23;stroke-dashoffset:23;transition:stroke-dashoffset calc(var(--t) * .5) var(--ease)}.toggle input:checked+.toggle__box{background:var(--accent);border-color:var(--accent);transition:background var(--transition-hover),border-color var(--transition-hover)}.toggle input:checked+.toggle__box .toggle__check{stroke-dashoffset:0;transition:stroke-dashoffset var(--t) var(--ease) var(--t-fast)}.toggle:active{transform:scale(var(--press));transition-duration:var(--t-fast)}.toggle input:focus-visible+.toggle__box{outline:var(--focus-ring);outline-offset:2px}.toggle__label{font-size:14px;font-weight:var(--weight-semibold);color:var(--text);line-height:1.4;transition:color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.toggle:hover .toggle__label{color:var(--text)}.toggle__hint{font-size:var(--font-sm);color:var(--text-muted);margin-top:3px;font-weight:var(--weight-normal);line-height:1.5}.toggle__text{flex:1;min-width:0;display:flex;flex-direction:column}.toggle input:disabled+.toggle__box{opacity:.4;cursor:not-allowed}.toggle input:disabled~.toggle__label{opacity:.5;cursor:not-allowed}.toggle--pro{cursor:not-allowed}.toggle--spaced{margin:var(--space-2) 0}.toggle--sub{padding-left:52px}.toggle--sub[data-hidden=true]{display:none}.toggle--right{flex-direction:row-reverse}.toggle--right .toggle__text{text-align:right}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;cursor:pointer}.switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.switch__text{display:flex;flex-direction:column;min-width:0}.switch__label{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text)}.switch__hint{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px;line-height:1.5}.switch__track{width:34px;height:18px;flex-shrink:0;position:relative;border:1px solid var(--border);border-radius:var(--radius-control-sm);background:var(--switch-track-off);box-shadow:var(--inset-deep);transition:background var(--transition-layout),border-color var(--transition-layout),box-shadow var(--transition-layout),transform var(--transition-layout)}.switch__track:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:var(--radius-square-control);background:linear-gradient(180deg,var(--text-muted),var(--text-secondary));box-shadow:var(--shadow-sm),inset 0 1px #ffffff2e;transition:transform var(--transition-layout),background var(--transition-layout),box-shadow var(--transition-layout),width var(--t-fast) var(--ease)}.switch:hover .switch__track{border-color:var(--border-hover);transform:translateY(var(--lift-sm))}.switch:hover .switch__track:after{box-shadow:var(--shadow),inset 0 1px #ffffff38}.switch:active input:not(:disabled)+.switch__track:after{width:calc(14px + 4px * var(--weite))}.switch input:checked+.switch__track{border-color:#fff3;background:#ffffff24;box-shadow:var(--inset-deep)}.switch input:checked+.switch__track:after{transform:translate(16px);background:linear-gradient(180deg,#fcfcfc,#f0f0f0)}[data-theme=light] .switch input:checked+.switch__track{border-color:#0003;background:#00000024}[data-theme=light] .switch input:checked+.switch__track:after{background:linear-gradient(180deg,#242424,#0e0e0e);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a}[data-theme=light] .switch:hover input:checked+.switch__track:after{box-shadow:var(--shadow),inset 0 1px #ffffff1f}.switch:active input:checked:not(:disabled)+.switch__track:after{transform:translate(calc(16px - 4px * var(--weite)))}.switch input:focus-visible+.switch__track{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.switch input:disabled+.switch__track{opacity:.4}.switch:has(input:disabled){cursor:not-allowed;opacity:.6}.slide-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;cursor:pointer}.slide-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.slide-switch__text{display:flex;flex-direction:column;min-width:0}.slide-switch__label{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text)}.slide-switch__hint{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px;line-height:1.5}.slide-switch__body{width:52px;height:26px;flex-shrink:0;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--inset-deep);transition:border-color var(--transition-layout),background var(--transition-layout)}.slide-switch__body:after{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:20px;border-radius:var(--radius-control);background:linear-gradient(180deg,var(--text-muted),var(--text-secondary));box-shadow:var(--shadow-sm),var(--accent-inset);transition:transform var(--transition-layout),background var(--transition-layout),width var(--t-fast) var(--ease)}.slide-switch:hover .slide-switch__body{border-color:var(--border-hover)}.slide-switch:active input:not(:disabled)+.slide-switch__body:after{width:calc(20px + 6px * var(--weite))}.slide-switch:active input:checked:not(:disabled)+.slide-switch__body:after{transform:translate(calc(26px - 6px * var(--weite)))}.slide-switch input:checked+.slide-switch__body{border-color:#fff3;background:#ffffff24}.slide-switch input:checked+.slide-switch__body:after{transform:translate(26px);background:linear-gradient(180deg,#fcfcfc,#f0f0f0)}[data-theme=light] .slide-switch input:checked+.slide-switch__body{border-color:#0003;background:#00000024}[data-theme=light] .slide-switch input:checked+.slide-switch__body:after{background:linear-gradient(180deg,#242424,#0e0e0e)}.slide-switch input:focus-visible+.slide-switch__body{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.slide-switch:has(input:disabled){cursor:not-allowed;opacity:.6}.toggle--compact{padding:8px 2px;border:none;background:none;box-shadow:none;border-radius:var(--radius-surface);transition:transform var(--t) var(--ease)}.toggle--compact:hover{transform:translateY(var(--lift-sm));box-shadow:none;border-color:transparent}.toggle--compact:hover input:not(:checked)+.toggle__box{border-color:var(--border-strong)}.toggle--compact:active{transform:scale(var(--press));transition-duration:var(--t-fast)}.toggle--compact .toggle__label{font-size:var(--font-base);font-weight:var(--weight-medium)}.toggle__label a{color:var(--text);font-weight:var(--weight-medium);text-decoration:none}.toggle__label a:hover{text-decoration:underline;text-underline-offset:3px}.toggle--compact.toggle--icon{padding:8px}.radio-group{display:flex;flex-direction:column;gap:6px}.radio{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-surface);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-sm),var(--inset-light);cursor:pointer;transition:all var(--t) var(--ease)}.radio:hover{border-color:var(--border-hover);transform:translateY(var(--lift-sm));box-shadow:var(--shadow),var(--inset-light)}.radio:active{transform:scale(var(--press));transition-duration:var(--t-fast)}.radio input:checked~.radio__dot{animation:toggleRipple .5s ease-out}.radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio__dot{width:18px;height:18px;flex-shrink:0;border-radius:var(--radius-square-control);border:2px solid var(--border-strong);position:relative;transition:all var(--t) var(--spring)}.radio__dot:after{content:"";position:absolute;inset:3px;border-radius:var(--radius-square-control);background:transparent;transition:all var(--t) var(--spring)}.radio input:checked~.radio__dot{border-color:var(--accent)}.radio input:checked~.radio__dot:after{background:var(--accent)}.radio input:checked~.radio__title{color:var(--text)}.radio input:focus-visible~.radio__dot{outline:var(--focus-ring);outline-offset:2px}.radio__title{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text-secondary)}.radio__hint{font-size:var(--font-sm);color:var(--text-secondary);margin-left:auto}input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],textarea{width:100%;padding:10px 14px;font-family:var(--font);font-size:var(--font-base);color:var(--text);background:var(--surface-card);border:1px solid var(--border-hover);border-radius:var(--radius-control);outline:none;box-shadow:var(--inset-light),var(--shadow-sm);transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}input:where(:not(.search-bar__input):not(:disabled):not(:read-only)):hover,textarea:where(:not(:disabled):not(:read-only)):hover{border-color:var(--border-hover);box-shadow:var(--inset-light),var(--shadow-sm);transform:translateY(var(--lift-sm))}input:not(.search-bar__input):focus,textarea:focus,input:not(.search-bar__input):focus-visible,textarea:focus-visible{border-color:var(--border-strong);outline:none;box-shadow:var(--inset-light-strong),var(--shadow-sm);transform:translateY(var(--lift)) scale(var(--grow-field))}input:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-dim)}.field--focus-raised input:hover,.field--focus-raised textarea:hover{transform:none;background-color:var(--surface-hover)}.field--focus-raised input:focus,.field--focus-raised textarea:focus,.field--focus-raised input:focus-visible,.field--focus-raised textarea:focus-visible{background-color:var(--surface-strong);border-color:var(--border-strong);box-shadow:var(--inset-light-strong),var(--shadow-sm);transform:none}input:read-only:focus,textarea:read-only:focus{transform:none}textarea{min-height:80px;resize:vertical;border-radius:var(--radius-surface)}input[type=color]{width:40px;height:32px;padding:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-control)}input[type=number]{-moz-appearance:textfield;padding-right:36px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;display:none}.number-field{position:relative;display:inline-flex;width:100%}.number-field input{flex:1}.number-field__controls{position:absolute;right:1px;top:1px;bottom:1px;display:flex;flex-direction:column;width:28px;border-left:1px solid var(--border);border-radius:0 var(--radius-control) var(--radius-control) 0;overflow:hidden}.number-field__btn{flex:1;display:flex;align-items:center;justify-content:center;border:none;background:var(--surface);color:var(--text-muted);cursor:pointer;padding:0;font-size:11px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.number-field__btn:hover{background:var(--surface-hover);color:var(--text)}.number-field__btn:active{background:var(--surface-strong)}.number-field__btn+.number-field__btn{border-top:1px solid var(--border)}.number-field__btn svg{width:12px;height:12px}select{width:100%;padding:10px 14px;font-family:var(--font);font-size:13.5px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23707070' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all var(--t-fast) var(--ease)}select:hover{background-color:var(--surface-hover);border-color:var(--border-hover)}select:focus-visible{outline:var(--focus-ring);outline-offset:2px}.custom-select{position:relative}.custom-select.open{z-index:100}.custom-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;font-family:var(--font);font-size:var(--font-base);font-weight:var(--weight-normal);line-height:1;color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-control);box-shadow:var(--inset-light),var(--shadow-sm);cursor:pointer;transition:all var(--t) var(--ease)}.custom-select__trigger:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(var(--lift-sm));box-shadow:var(--inset-light),var(--shadow)}.custom-select.open .custom-select__trigger{border-color:var(--border-hover);box-shadow:var(--inset-light),var(--shadow)}.custom-select__arrow{display:block;flex-shrink:0;width:16px;height:16px;color:var(--text-muted);transition:transform var(--t-fast) var(--ease)}.custom-select.open .custom-select__arrow{transform:rotate(180deg)}.custom-select__panel{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;background:var(--bg-elevated);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid var(--border-hover);border-radius:var(--radius-surface);box-shadow:var(--inset-light),var(--shadow-lg);padding:5px;opacity:0;pointer-events:none;transform:scale(calc(1 - .04 * var(--weite))) translateY(calc(-2px * var(--weite)));transform-origin:top right;transition:opacity var(--t) var(--ease-out-strong),transform var(--t) var(--ease-out-strong);z-index:200;max-height:280px;overflow-y:auto}.custom-select.open .custom-select__panel{opacity:1;pointer-events:auto;transform:scale(1)}.custom-select__panel.custom-select__panel--portal{position:fixed;top:0;left:0;right:auto;display:block;width:max-content;min-width:0;opacity:1;pointer-events:auto;transform:scale(1);z-index:9999}.custom-select__option{display:flex;align-items:baseline;gap:var(--space-3);width:100%;padding:9px 14px;border:none;background:none;color:var(--text-muted);font-family:var(--font);font-size:var(--font-base);font-weight:var(--weight-normal);text-align:left;border-radius:var(--radius-control);cursor:pointer;position:relative;transform-origin:center;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.custom-select__option:hover{background:var(--surface);color:var(--text);transform:scale(var(--grow-row))}.custom-select__option:active,.custom-select__option.pressing{transform:scale(var(--press));background:var(--surface-strong);transition-duration:var(--t-fast)}.custom-select__option.selected{color:var(--text);font-weight:var(--weight-medium)}.custom-select__neben{margin-left:auto;color:var(--text-muted);font-size:var(--font-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-normal)}.custom-select__value .custom-select__neben{margin-left:var(--space-2)}.custom-select__bar{position:absolute;left:5px;width:3px;background:var(--accent);border-radius:var(--radius-control-sm);transition:top var(--t) var(--spring),height var(--t) var(--spring);pointer-events:none;z-index:1}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field__label{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__hint{font-size:var(--font-sm);color:var(--text-muted);line-height:1.55}.field__input-wrap{position:relative}input.has-toggle{padding-right:42px}.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-dim);cursor:pointer;padding:6px;display:flex;border-radius:var(--radius-square-control);transition:color var(--t) var(--ease),background var(--t) var(--ease)}.pw-toggle:hover{color:var(--text-secondary);background:var(--surface)}.pw-toggle:active{transform:translateY(-50%) scale(calc(1 - var(--press-basis) * 3 * var(--weite)))!important;transition-duration:var(--t-fast)!important}.pw-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:var(--font-xs);font-weight:var(--weight-medium);border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:border-color var(--t) var(--ease),background var(--t) var(--ease)}.status-pill--active{background:var(--success-subtle);border-color:var(--success-border);color:var(--success)}.status-pill__dot{width:5px;height:5px;border-radius:var(--radius-square-control);background:currentColor}.status-pill--active .status-pill__dot{--pulse-duration: calc(2.4s * var(--pulse-factor));animation:pulse var(--pulse-duration) var(--pulse-ease) infinite}fr-scale-input{display:contents}.scale-input{display:inline-flex;align-items:center}.scale-input__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-square-control);background:var(--surface-card);color:var(--text-muted);cursor:pointer;padding:0;box-shadow:var(--shadow-sm);transition:all var(--t) var(--ease);flex-shrink:0}.scale-input__btn svg{width:14px;height:14px}.scale-input__btn:hover{border-color:var(--border-hover);color:var(--text-secondary);transform:translateY(var(--lift-sm));box-shadow:var(--shadow)}.scale-input__btn:active{transform:scale(calc(1 - var(--press-basis) * 3 * var(--weite))) translateY(calc(1px * var(--weite)));box-shadow:none;transition-duration:var(--t-fast)}.scale-input input{width:44px;padding:2px 0;border:none!important;background:none!important;box-shadow:none!important;color:var(--text-secondary);font-family:var(--font);font-size:var(--font-base);font-weight:var(--weight-semibold);text-align:center;outline:none;-moz-appearance:textfield}.scale-input input:focus{color:var(--text)}.scale-input input::-webkit-inner-spin-button,.scale-input input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}.setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.setting-row:has(.custom-select.open){z-index:50}.setting-row__label{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text)}.setting-row__text{display:flex;flex-direction:column;gap:3px;min-width:0}.setting-row__hint{font-size:var(--font-sm);color:var(--text-muted);line-height:1.5}.setting-row__control{flex-shrink:0;max-width:60%}.setting-row--stack{display:block}.setting-row--stack .setting-row__text{margin-bottom:12px}.setting-row--stack .setting-row__control{max-width:none}.setting-row--icon{gap:14px}.setting-row--icon .setting-row__text{flex:1}.setting-row__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-surface);background:var(--surface-strong);border:1px solid var(--border);color:var(--text-muted)}.setting-row__value{margin-left:8px;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary);font-variant-numeric:tabular-nums}.inline-row{display:flex;align-items:center;gap:var(--space-3)}.inline-row>:first-child{flex:1}.field--error input,.field--error textarea{border-color:var(--error)}.field--error input:focus,.field--error textarea:focus{box-shadow:var(--inset-light-strong),var(--shadow-sm)}.field__error{font-size:var(--font-sm);color:var(--error);margin-top:var(--space-1);display:none;align-items:center;gap:var(--space-1)}.field__error.visible{display:flex}.field--success input,.field--success textarea{border-color:var(--success)}.field--success input:focus,.field--success textarea:focus{box-shadow:var(--inset-light-strong),var(--shadow-sm)}.field__success{font-size:var(--font-sm);color:var(--success);margin-top:var(--space-1);display:none;align-items:center;gap:var(--space-1)}.field__success.visible{display:flex}.search-bar{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:0 14px;height:46px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);box-shadow:var(--shadow-sm),var(--accent-inset);transition:border-color var(--t) var(--ease),background var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.search-bar:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm),var(--accent-inset)}.search-bar:focus-within{border-color:var(--border-strong);background:var(--surface-strong);box-shadow:var(--shadow-sm),var(--inset-light-strong)}.search-bar__icon{display:flex;flex-shrink:0;color:var(--text-muted);transition:color var(--t-fast) var(--ease)}.search-bar__icon svg{width:18px;height:18px}.search-bar:focus-within .search-bar__icon{color:var(--text-secondary)}.search-bar input,.search-bar__input{flex:1;min-width:0;height:100%;padding:0;border:none;outline:none;background:transparent;color:var(--text);font-size:var(--font-md);font-family:inherit}.search-bar input:focus,.search-bar input:focus-visible,.search-bar__input:focus,.search-bar__input:focus-visible{outline:none;box-shadow:none;transform:none}.search-bar input::placeholder,.search-bar__input::placeholder{color:var(--text-muted)}.search-bar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-bar__kbd{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:var(--font-sm);font-family:inherit;line-height:1;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-inner);transition:opacity var(--t-fast) var(--ease)}.search-bar:focus-within .search-bar__kbd,.search-bar.has-value .search-bar__kbd{display:none}.search-bar__clear{flex-shrink:0;display:none;align-items:center;justify-content:center;width:26px;height:26px;margin-right:-4px;padding:0;border:none;border-radius:var(--radius-square-control);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.search-bar.has-value .search-bar__clear{display:inline-flex}.search-bar__clear:hover{color:var(--text);background:var(--surface-hover)}.search-bar__clear:active{transform:scale(calc(1 - var(--press-basis) * 3 * var(--weite)))}.slider-field{--slider-breite: 260px;display:flex;flex-direction:column;gap:8px;max-width:var(--slider-breite)}.slider-field__header{display:flex;justify-content:space-between;align-items:baseline}.slider-field__label{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text-secondary)}.slider-field__value{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.slider-field__range{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--text-muted)}.slider{-webkit-appearance:none;appearance:none;width:100%;max-width:var(--slider-breite, 260px);height:6px;background:transparent;outline:none;cursor:pointer;margin:6px 0}.slider:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-control)}.slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:var(--radius-control-sm);background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--slider-fill, 50%),var(--surface-strong) var(--slider-fill, 50%),var(--surface-strong) 100%)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:var(--radius-square-control);background:var(--accent);box-shadow:var(--shadow-sm),var(--accent-inset);cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.slider::-webkit-slider-thumb:hover{transform:scale(var(--grow));box-shadow:var(--shadow),var(--accent-inset)}.slider::-webkit-slider-thumb:active{transform:scale(calc(1 - .08 * var(--weite)));box-shadow:inset 0 2px 3px #0000004d}.slider::-moz-range-track{width:100%;height:6px;border-radius:var(--radius-control-sm);background:var(--surface-strong);border:none}.slider::-moz-range-progress{height:6px;border-radius:var(--radius-control-sm);background:var(--accent)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-square-control);background:var(--accent);box-shadow:var(--shadow-sm),var(--accent-inset);cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.slider::-moz-range-thumb:hover{transform:scale(var(--grow));box-shadow:var(--shadow),var(--accent-inset)}.slider::-moz-range-thumb:active{transform:scale(calc(1 - .08 * var(--weite)));box-shadow:inset 0 2px 3px #0000004d}.range-row{display:flex;align-items:center;gap:10px}.range-row .slider{flex:1}.range-label{font-size:11.5px;color:var(--text-muted);white-space:nowrap}.seg-switch{position:relative;display:inline-flex;align-self:start;padding:3px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow-sm);transition:all var(--t) var(--ease)}.seg-switch:hover{border-color:var(--border-hover);box-shadow:var(--inset-light),var(--shadow)}.seg-switch:active{transform:none}.seg-switch__thumb{position:absolute;top:3px;bottom:3px;left:0;width:0;border-radius:var(--radius-control);background:var(--accent);box-shadow:var(--shadow-sm),var(--accent-inset);transition:transform var(--transition-layout),width var(--transition-layout);pointer-events:none;z-index:0}.seg-switch__option{position:relative;z-index:1;padding:8px 20px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--font-base);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--t-fast) var(--ease)}.seg-switch__option:hover{color:var(--text-secondary)}.seg-switch__option:active{transform:scale(var(--press))}.seg-switch__option.active{color:var(--bg)}.seg-switch[aria-disabled=true]{opacity:.4;pointer-events:none}.seg-switch--pulse{animation:none}@keyframes segSwitchPulse{0%{transform:scale(var(--press))}to{transform:scale(1)}}.twofa-code{display:flex;gap:8px;justify-content:center;margin-bottom:4px;width:100%}.twofa-code input{flex:1 1 0;min-width:0;max-width:46px;height:48px;text-align:center;font-size:20px;font-weight:var(--weight-semibold);font-family:var(--font);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);outline:none;transition:all var(--t-fast) var(--ease)}.twofa-code input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #ffffff0d}.twofa-secret-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}.twofa-secret{display:inline-flex;align-items:center;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control)}.twofa-secret code{font-family:var(--font-mono);font-size:var(--font-base);letter-spacing:.06em;color:var(--text);white-space:nowrap}.inline-edit-list{display:flex;flex-direction:column}.inline-edit{display:flex;align-items:center;gap:12px;padding:14px 8px;margin:0 -8px;border-bottom:1px solid var(--border-inner);cursor:pointer}.inline-edit:hover .inline-edit__action,.inline-edit:focus-within .inline-edit__action{opacity:1;color:var(--text)}.inline-edit:last-child{border-bottom:none}.inline-edit__label{font-size:var(--font-base);color:var(--text-secondary);min-width:100px;flex-shrink:0}.inline-edit__value{flex:1;min-width:0;font-size:var(--font-base);color:var(--text)}.inline-edit__field{flex:1;width:0;min-width:0;font-size:var(--font-base);color:var(--text);font-family:var(--font);box-sizing:border-box;padding:0;margin:0;line-height:inherit;background:transparent;border:none;border-radius:0;box-shadow:none;outline:none;transition:box-shadow var(--t-fast) var(--ease)}.inline-edit__field:focus{box-shadow:inset 0 -1.5px 0 var(--border-strong)}.inline-edit__action{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:var(--radius-square-control);opacity:0;transition:opacity var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.inline-edit__action:hover{color:var(--text);background:var(--surface)}.inline-edit__action:active{transform:scale(calc(1 - var(--press-basis) * 3 * var(--weite)))}.inline-edit__action svg{width:14px;height:14px}@keyframes hotkeyPulse{0%,to{box-shadow:var(--inset-light),0 0 0 3px #f0f0f012}50%{box-shadow:var(--inset-light),0 0 0 4px #f0f0f01f}}.shortcut-field{display:flex;flex-direction:column;gap:8px}.shortcut-field__label{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text-secondary)}.shortcut-rec{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--border-hover);border-radius:var(--radius-control);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow-sm);cursor:pointer;font-family:var(--font);text-align:left;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.shortcut-rec:hover{border-color:var(--border-hover);box-shadow:var(--inset-light),var(--shadow-sm);transform:translateY(var(--lift-sm))}.shortcut-rec.is-empty{border-style:dashed;background:transparent;box-shadow:none}.shortcut-rec.is-empty:hover{background:var(--surface)}.shortcut-rec__icon{flex-shrink:0;width:18px;height:18px;color:var(--text-dim);display:flex}.shortcut-rec:hover .shortcut-rec__icon{color:var(--text-muted)}.shortcut-rec.recording .shortcut-rec__icon{color:var(--accent)}.shortcut-rec__icon svg{width:100%;height:100%}.shortcut-rec__display{flex:1;display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:var(--font-base);color:var(--text)}.shortcut-rec__placeholder{color:var(--text-dim);font-size:var(--font-base)}.shortcut-rec__prompt{color:var(--accent);font-size:var(--font-base);font-weight:var(--weight-medium)}.shortcut-rec__hint{margin-left:auto;font-size:var(--font-xs);color:var(--text-dim);opacity:0;transition:opacity var(--t-fast) var(--ease);white-space:nowrap}.shortcut-rec:hover .shortcut-rec__hint{opacity:1}.shortcut-rec.recording .shortcut-rec__hint,.shortcut-rec.is-empty .shortcut-rec__hint{opacity:0}.shortcut-rec kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 9px;font-family:var(--font);font-size:var(--font-sm);font-weight:var(--weight-medium);line-height:1;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-inner)}.shortcut-rec kbd.is-dots{background:transparent;border-color:transparent;color:var(--text-dim);min-width:0;padding:0 2px}.shortcut-rec.recording kbd.is-live{border-color:var(--accent);color:var(--text)}.shortcut-rec.recording{border-color:var(--border-strong);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow),0 0 0 3px #8080800f}.shortcut-rec:focus-visible{outline:none;border-color:var(--border-strong);box-shadow:var(--inset-light-strong),var(--shadow-sm);transform:translateY(var(--lift))}.shortcut-rec.recording:focus-visible{box-shadow:var(--inset-light-strong),var(--shadow-sm)}fr-input,fr-toggle{display:contents}fr-setting-row{display:contents}fr-switch{display:contents}fr-slide-switch{display:contents}fr-slider{display:contents}fr-segment{display:contents}fr-radio{display:contents}fr-custom-select{display:contents}fr-search-bar{display:contents}fr-hotkey-recorder{display:contents}fr-inline-edit{display:contents}fr-twofa-code{display:contents}.field__input-wrap,.number-field{transition:transform var(--t) var(--ease)}:is(.field__input-wrap,.number-field):has(input:enabled:not([readonly])):hover{transform:translateY(var(--lift-sm))}:is(.field__input-wrap,.number-field):has(input:enabled:not([readonly])):focus-within{transform:translateY(var(--lift)) scale(var(--grow-field))}:is(.field__input-wrap,.number-field) input:is(:hover,:focus,:focus-visible),.field--focus-raised .field__input-wrap:is(:hover,:focus-within){transform:none}.scale-input input:is(:hover,:focus,:focus-visible){transform:none;box-shadow:none}input[aria-invalid=true],textarea[aria-invalid=true],input[aria-invalid=true]:is(:focus,:focus-visible),textarea[aria-invalid=true]:is(:focus,:focus-visible){border-color:var(--error)}.seg-switch[appearance=quiet]{--radius-control: var(--radius-inner);background:transparent;border-color:transparent;box-shadow:none;padding:0;border:0;align-self:flex-start}.seg-switch[appearance=quiet]:hover{box-shadow:none;border-color:transparent;transform:none}.seg-switch[appearance=quiet] .seg-switch__thumb{top:auto;bottom:0;height:2px;background:transparent;box-shadow:none}.seg-switch[appearance=quiet] .seg-switch__thumb:after{content:"";position:absolute;inset:0 var(--space-2);background:var(--text);border-radius:var(--radius-control-sm)}.seg-switch[appearance=quiet] .seg-switch__option{min-height:36px;padding:var(--space-2);color:var(--text-secondary);font-size:var(--font-md);transform-origin:center;transition:color var(--t) var(--ease),transform var(--t-fast) var(--ease)}.seg-switch[appearance=quiet] .seg-switch__option.active,.seg-switch[appearance=quiet] .seg-switch__option:hover{color:var(--text)}.custom-select[appearance=quiet] .custom-select__trigger{--radius-control: var(--radius-inner);background:transparent;border-color:transparent;box-shadow:none;min-height:36px;padding:var(--space-2) 0;color:var(--text);font-size:var(--font-md);font-weight:var(--weight-medium)}.custom-select[appearance=quiet] .custom-select__trigger:hover,.custom-select[appearance=quiet] .custom-select__trigger[aria-expanded=true]{background:transparent;border-color:transparent;box-shadow:none;color:var(--text)}.custom-select[appearance=quiet] .custom-select__value{transform-origin:left center;transition:transform var(--t-fast) var(--ease)}fr-button{display:contents}.btn{min-height:var(--control-height-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;font-family:var(--font);font-size:var(--font-base);font-weight:var(--weight-medium);line-height:1;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:var(--shadow-sm),var(--inset-light);transition:all var(--t) var(--spring)}.btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text);transform:translateY(var(--lift));box-shadow:var(--shadow),var(--inset-light)}.btn:active{transform:scale(.97);box-shadow:var(--shadow-sm);transition-duration:var(--t-fast)}.btn--primary{--inset-light: var(--accent-inset);background:var(--accent);color:var(--bg);border-color:var(--accent-border);box-shadow:var(--shadow-sm),var(--inset-light)}.btn--primary:hover{background:var(--accent-strong);color:var(--bg);transform:translateY(var(--lift));box-shadow:var(--shadow),var(--inset-light)}.btn--ghost{background:transparent;border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.btn--ghost:hover{background:var(--surface);box-shadow:var(--shadow),var(--inset-light)}.btn--oauth{width:100%;color:var(--text)}.btn--oauth svg{width:18px;height:18px;flex-shrink:0}.btn--danger{background:transparent;border-color:var(--error-border-strong);color:var(--error);box-shadow:var(--shadow-sm)}.btn--danger:hover{background:var(--error-subtle);border-color:var(--error);box-shadow:var(--shadow),var(--inset-light)}.btn--sm{min-height:var(--control-height-sm);padding:6px 14px;font-size:var(--font-sm)}.btn--xs{min-height:var(--control-height-xs);padding:var(--space-1) 10px;font-size:var(--font-xs)}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn--primary:focus-visible{outline-color:var(--text-muted)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn .spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-square-control);animation:spin .6s linear infinite}.link{display:inline-block;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-hover);opacity:.7;transition:all var(--t-fast) var(--ease)}.link:hover{opacity:1;border-bottom-color:var(--text-muted);transform:translateY(var(--lift-sm))}.link--plain,.link--plain:hover{border-bottom:none}.link:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:var(--radius-inner)}.icon-btn{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-square-control);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast) var(--ease)}.icon-btn:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(var(--lift-sm))}.icon-btn svg{width:18px;height:18px}.icon-btn--sm{width:28px;height:28px;border-radius:var(--radius-square-control)}.icon-btn--sm svg{width:14px;height:14px}.icon-btn--ghost{background:none;border-color:transparent;color:var(--text-muted)}.icon-btn--ghost:hover{color:var(--text);background:var(--surface);border-color:var(--border)}.icon-btn--danger:hover{color:var(--error);background:var(--error-subtle);border-color:var(--error-border)}.icon-btn.copied{color:var(--success);border-color:var(--success-border)}fr-card{display:contents}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-surface);padding:var(--space-4) var(--space-5);transition:all var(--transition-hover);box-shadow:var(--shadow-sm),var(--inset-light)}.card:hover{transform:translateY(var(--lift));border-color:var(--border-hover);box-shadow:var(--shadow),var(--inset-light)}.card__ts{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:6px}.card__title{font-size:var(--font-md);font-weight:var(--weight-semibold);color:var(--text);margin:0 0 var(--space-2)}.card__text{font-size:var(--font-base);color:var(--text);line-height:1.5}.card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}fr-stat-card{display:contents}.dash-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-surface);padding:18px 20px;transition:all var(--t) var(--spring);box-shadow:var(--shadow-sm),var(--inset-light)}.dash-card:hover{transform:translateY(var(--lift));border-color:var(--border-hover);box-shadow:var(--shadow),var(--inset-light)}.dash-card__value{font-size:var(--font-2xl);font-weight:var(--weight-semibold);color:var(--text);letter-spacing:-.02em}.dash-card__label{font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--space-1)}fr-empty{display:contents}.empty,.account-guest-cta,.sync-login-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center}.empty__icon,.sync-login-card__icon{width:40px;height:40px;color:var(--text-dim);margin-bottom:12px}.empty__text,.account-guest-cta__hint,.sync-login-card__text{font-size:var(--font-sm);color:var(--text-muted);line-height:1.5}.empty__text{font-style:italic}.account-guest-cta{padding:var(--space-8) var(--space-7);max-width:340px;margin:0 auto}.account-guest-cta__title{font-size:14px;color:var(--text);margin-bottom:var(--space-3)}.account-guest-cta__hint{font-size:12.5px;margin-bottom:var(--space-6)}.sync-login-card{gap:var(--space-3);padding:var(--space-5) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-card)}.sync-login-card__icon{width:28px;height:28px;color:var(--text-muted);opacity:.6;margin-bottom:0}.sync-login-card__text{font-size:12.5px;max-width:260px}.page-title{font-size:var(--font-xl);font-weight:var(--weight-semibold);color:var(--text);letter-spacing:-.01em;margin-bottom:6px}.page-subtitle{font-size:var(--font-base);color:var(--text-muted);margin-bottom:var(--space-7)}.changelog{display:flex;flex-direction:column;gap:16px}.changelog__entry{padding:14px 16px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-surface);transition:all var(--t) var(--ease);box-shadow:var(--shadow-sm),var(--inset-light)}.changelog__entry:hover{transform:translateY(var(--lift));border-color:var(--border-hover);box-shadow:var(--shadow),var(--inset-light)}.changelog__version{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text)}.changelog__date{font-size:var(--font-xs);color:var(--text-muted);margin-left:var(--space-2)}.changelog__notes{font-size:var(--font-base);color:var(--text-secondary);margin-top:6px;line-height:1.5}.changelog__entry--linked{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.changelog__entry--linked:hover{border-color:var(--border-hover);background:var(--surface-hover)}.empty__title{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:4px}.empty__cta{margin-top:var(--space-4)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:640px){.app-grid{grid-template-columns:1fr}}.app-card{position:relative;display:flex;flex-direction:column;padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-inner);border-radius:var(--radius-surface);box-shadow:var(--inset-light);color:var(--text);text-decoration:none;cursor:pointer;overflow:hidden;transition:var(--transition-hover)}.app-card:hover{border-color:var(--border-hover);transform:translateY(var(--lift-sm));box-shadow:var(--shadow-sm),var(--inset-light)}.app-card:active{transform:scale(var(--press))}.app-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.app-card__icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-inner);font-size:var(--font-md)}.app-card__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-base);font-weight:var(--weight-medium)}.app-desc{flex:1;font-size:var(--font-sm);line-height:1.5;color:var(--text-muted)}.app-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3)}.no-apps{padding:var(--space-4) 0;color:var(--text-muted);font-size:var(--font-sm);text-align:center}.app-detail__hero{position:relative;display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.app-detail__icon{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-surface);font-size:var(--font-xl)}.app-detail__meta{flex:1;min-width:0}.app-detail__name{font-size:var(--font-lg);font-weight:var(--weight-semibold)}.app-detail__badges{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.app-type-badge{flex-shrink:0;padding:1px 7px;border-radius:var(--radius-control-sm);background:var(--surface);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--weight-medium);white-space:nowrap}.app-detail__ext-link{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-control);color:var(--text-muted);transition:var(--transition-hover)}.app-detail__ext-link:hover{background:var(--surface);color:var(--text)}.app-detail__ext-link svg{width:16px;height:16px}.app-detail__desc{margin-bottom:var(--space-5);color:var(--text-secondary);font-size:var(--font-md);line-height:1.65}.app-detail__features{margin-bottom:var(--space-5)}.app-detail__features-title{margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.app-detail__feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--font-sm)}.app-detail__feature-icon{width:16px;height:16px;flex-shrink:0;color:var(--success)}.app-detail__actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.app-detail__manage{margin-top:var(--space-6)}.app-detail__manage-options{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);max-height:0;opacity:0;overflow:hidden;transition:max-height var(--t) var(--ease),opacity var(--t-fast) var(--ease),margin-top var(--t) var(--ease)}.app-detail__manage-options.open{max-height:300px;opacity:1}.app-manage-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-card);border:1px solid var(--border-inner);border-radius:var(--radius-surface);transition:var(--transition-hover)}.app-manage-option:hover{border-color:var(--border-hover)}.app-manage-option--danger{border-color:var(--error-border)}.app-manage-option--danger:hover{border-color:var(--error)}.app-manage-option--danger .app-manage-option__label{color:var(--error)}.app-manage-option__text{display:flex;flex-direction:column;gap:var(--space-1)}.app-manage-option__label{font-size:var(--font-sm);font-weight:var(--weight-medium)}.app-manage-option__hint{color:var(--text-secondary);font-size:var(--font-sm)}fr-modal{display:contents}.modal,.settings-overlay,.support-overlay,.shortcuts-overlay{position:fixed;inset:0;z-index:var(--modal-layer, 150);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease)}.modal.visible,.modal.open,.settings-overlay.open,.support-overlay.open,.shortcuts-overlay.open{opacity:1;pointer-events:auto}.modal--settings,.settings-overlay{--modal-layer: 200}.modal--support,.support-overlay{--modal-layer: 250}.modal--shortcuts,.shortcuts-overlay{--modal-layer: 300}.modal__backdrop,.settings-backdrop,.support-backdrop{position:absolute;inset:0;background:var(--modal-backdrop);backdrop-filter:blur(var(--modal-blur, 12px));-webkit-backdrop-filter:blur(var(--modal-blur, 12px))}.modal--settings,.settings-backdrop,.modal--support,.support-backdrop{--modal-blur: 8px}.modal--shortcuts{--modal-blur: 6px}.shortcuts-overlay{background:var(--modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal__card{position:relative;width:440px;max-width:calc(100vw - var(--space-6) - var(--space-6));max-height:calc(100vh - var(--space-6) - var(--space-6));max-height:calc(100dvh - var(--space-6) - var(--space-6));overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-surface-lg);box-shadow:var(--inset-light),var(--elevation-3);padding:var(--space-7);transform:scale(.95);transition:transform var(--transition-entrance)}.modal.visible .modal__card{transform:scale(1)}.modal__title{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-3)}.modal__text{font-size:var(--font-base);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-6)}.modal__actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:600px){.modal__card{max-width:calc(100vw - var(--space-4) - var(--space-4));max-height:calc(100vh - var(--space-4) - var(--space-4));max-height:calc(100dvh - var(--space-4) - var(--space-4));padding:var(--space-5)}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:400;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg-elevated);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid var(--border);border-radius:var(--radius-control);box-shadow:var(--shadow),var(--inset-light);font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text);pointer-events:auto;animation:toastIn .35s var(--spring) both;min-width:200px;max-width:360px}.toast.removing{animation:toastOut .2s var(--ease) both}.toast__dot{width:7px;height:7px;border-radius:var(--radius-square-control);flex-shrink:0}.toast--success .toast__dot{background:var(--success)}.toast--error .toast__dot{background:var(--error)}.toast--warning .toast__dot{background:var(--warning)}.toast--info .toast__dot{background:var(--text-muted)}.toast__close{margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-square-control);transition:all var(--t-fast) var(--ease);flex-shrink:0}.toast__close:hover{background:var(--error-subtle);color:var(--error);transform:scale(var(--grow))}.toast__close svg{width:15px;height:15px}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius-surface);border:1px solid var(--border);font-size:13px;line-height:1.5;margin-bottom:16px;box-shadow:var(--shadow-sm),var(--inset-light);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease)}.alert__icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert__icon svg{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}.alert__content{flex:1}.alert__title{font-weight:var(--weight-semibold);color:var(--text);margin-bottom:2px}.alert__text{flex:1;color:var(--text-secondary)}.alert__close{width:18px;height:18px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-square-control);display:flex;align-items:center;justify-content:center;transition:all var(--t-fast) var(--ease)}.alert__close:hover{background:var(--surface);color:var(--text);transform:scale(var(--grow))}.alert--info{background:var(--surface);border-color:var(--border)}.alert--info .alert__icon{color:var(--text-muted)}.alert--success{background:var(--success-subtle);border-color:var(--success-border)}.alert--success .alert__icon{color:var(--success)}.alert--warning{background:var(--warning-subtle);border-color:var(--warning-border)}.alert--warning .alert__icon{color:var(--warning)}.alert--error{background:var(--error-subtle);border-color:var(--error-border)}.alert--error .alert__icon{color:var(--error)}fr-alert{display:contents}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:20px}.breadcrumbs__item{color:var(--text-muted);text-decoration:none;border:none;background:none;font-family:var(--font);font-size:13px;cursor:pointer;padding:2px 4px;border-radius:var(--radius-control);transform-origin:center;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.breadcrumbs__item:hover{color:var(--text);transform:scale(var(--grow-sm))}.breadcrumbs__item.current{color:var(--text);cursor:default}.breadcrumbs__item.current:hover{transform:none}.breadcrumbs__item:focus-visible{outline:var(--focus-ring);outline-offset:2px}.breadcrumbs__sep{color:var(--text-dim);font-size:12px}fr-tabs{display:contents}fr-accordion{display:contents}fr-back-btn{display:contents}fr-stepper{display:contents}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--tabs-space-after, 20px);position:relative}.tab-bar__indicator{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--accent);border-radius:var(--radius-control-sm);transition:transform var(--transition-spring),width var(--transition-spring);pointer-events:none}.tab-bar__item{padding:10px 18px;font-family:var(--font);font-size:13px;font-weight:500;color:var(--text-muted);border:none;background:transparent;cursor:pointer;position:relative;transform-origin:center bottom;transition:color var(--t) var(--ease),transform var(--t-fast) var(--ease)}.tab-bar__item:hover{color:var(--text-secondary);transform:scale(var(--grow-sm))}.tab-bar__item.active{color:var(--text)}.tab-bar__item:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:13px;font-weight:500;border-radius:var(--radius-control);cursor:pointer;transform-origin:left center;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);margin-bottom:16px}.back-btn:hover{color:var(--text);transform:scale(var(--grow-sm))}.back-btn svg{width:16px;height:16px;transition:transform var(--t) var(--ease)}.back-btn:hover svg{transform:translate(-2px)}.stepper{display:flex;align-items:center;gap:0;margin-bottom:24px}.stepper__step{display:flex;align-items:center;gap:8px}.stepper__circle{width:28px;height:28px;border-radius:var(--radius-square-control);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted);transition:all var(--t) var(--ease);flex-shrink:0}.stepper__label{font-size:13px;color:var(--text-muted);white-space:nowrap;transition:color var(--t) var(--ease)}.stepper__line{flex:1;height:2px;background:var(--border);margin:0 12px;min-width:24px;transition:background var(--t) var(--ease)}.stepper__step.active .stepper__circle{border-color:var(--accent);background:var(--accent);color:var(--bg)}.stepper__step.active .stepper__label{color:var(--text)}.stepper__step.done .stepper__circle{border-color:var(--success);background:var(--success);color:#fff}.stepper__step.done .stepper__label{color:var(--text-secondary)}.stepper__step.done+.stepper__line{background:var(--success)}.accordion{display:flex;flex-direction:column;gap:6px}.accordion__item{border:1px solid var(--border);border-radius:var(--radius-surface);overflow:hidden;background:var(--surface-card);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t-fast) var(--ease)}.accordion__item.open{border-color:var(--border-hover);box-shadow:var(--inset-light),var(--shadow)}.accordion__item:hover{transform:scale(var(--grow-row));border-color:var(--border-hover)}.accordion--flach{gap:0}.accordion--flach .accordion__item{border:none;border-radius:0;background:none}.accordion--flach .accordion__item.open{box-shadow:none}.accordion--flach .accordion__item:hover{transform:none}.accordion--flach .accordion__item:has(.accordion__header:active){transform:none}.accordion--flach .accordion__header,.accordion--flach .accordion__body-content{padding-left:0;padding-right:0}.accordion__header{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;border:none;background:none;color:var(--text);font-family:var(--font);font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.accordion__header:hover,.accordion__item.open .accordion__header{background:var(--surface)}.accordion__item .accordion__header:active{transform:none!important;background:var(--surface-strong)}.accordion__item:has(.accordion__header:active){transform:scale(.99)}.accordion__header:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.accordion__chevron{width:16px;height:16px;margin-left:auto;color:var(--text-muted);transition:transform var(--transition-spring),color var(--t) var(--ease);flex-shrink:0}.accordion__item.open .accordion__chevron{transform:rotate(180deg);color:var(--text-secondary)}.accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-layout)}.accordion__item.open .accordion__body{grid-template-rows:1fr}.accordion__body-inner{min-height:0;overflow:hidden;opacity:0;transition:opacity var(--transition-layout)}.accordion__item.open .accordion__body-inner{opacity:1}.accordion__body-content{padding:2px 16px 15px;font-size:13px;color:var(--text-secondary);line-height:1.6}.tab-bar[appearance=quiet]{border:0;gap:var(--space-4)}.tab-bar[appearance=quiet] .tab-bar__item{padding:var(--space-2) var(--space-1);white-space:nowrap;font-size:var(--font-md);font-weight:var(--weight-medium);color:var(--text-secondary);transform-origin:left center}.tab-bar[appearance=quiet] .tab-bar__item.active,.tab-bar[appearance=quiet] .tab-bar__item:hover{color:var(--text)}.progress{width:100%;height:4px;background:var(--surface);border-radius:var(--radius-control-sm);overflow:hidden}.progress__fill{height:100%;background:var(--accent);border-radius:var(--radius-control-sm);transition:width .4s var(--ease)}.progress--indeterminate .progress__fill{width:25%;animation:progressIndeterminate 1.5s var(--ease) infinite}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px}.loading-spinner{width:28px;height:28px;border:2.5px solid var(--surface-strong);border-top-color:var(--accent);border-radius:var(--radius-square-control);animation:spin .7s linear infinite}.loading-text{font-size:13px;color:var(--text-muted)}.dot{width:6px;height:6px;border-radius:var(--radius-square-control);background:var(--dot);color:var(--dot);--pulse-duration: calc(2.5s * var(--pulse-factor));animation:pulse var(--pulse-duration) var(--pulse-ease) infinite;flex-shrink:0}.dot--lg{width:8px;height:8px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;color:var(--bg);background:var(--accent);border-radius:var(--radius-control-sm);line-height:1}.badge--dot{min-width:8px;width:8px;height:8px;padding:0}.badge--error{background:var(--error);color:#fff}.badge--warning{background:var(--warning);color:#000}.badge--success{background:var(--success);color:#fff}.spinner{display:inline-block;width:16px;height:16px;border:1.5px solid var(--border);border-top-color:var(--text);border-radius:var(--radius-square-control);animation:spin .6s linear infinite}.spinner--lg{width:28px;height:28px;border-width:2px}.skeleton{background:var(--surface);border-radius:var(--radius-inner);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--surface-hover),transparent);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton--text{height:14px;margin-bottom:8px}.skeleton--text:last-child{width:60%}.skeleton--title{height:22px;width:40%;margin-bottom:12px}.skeleton--circle{width:40px;height:40px;border-radius:var(--radius-square-control)}.skeleton--card{height:120px;border-radius:var(--radius-surface)}.skeleton--btn{height:36px;width:100px;border-radius:var(--radius-control)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}fr-stat-tile{display:contents}.stat-card{--stat-pad: var(--space-4);position:relative;z-index:1;display:flex;flex-direction:column;padding:var(--stat-pad);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow-sm);transition:transform var(--transition-spring),border-color var(--transition-spring),box-shadow var(--transition-spring),background var(--transition-spring);will-change:transform;overflow:hidden}.stat-card:hover{transform:translateY(var(--lift));border-color:var(--border-hover);background:var(--surface-card-hover);box-shadow:var(--inset-light-strong, var(--inset-light)),var(--shadow)}.stat-card__label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.stat-card__value{margin-top:6px;font-size:26px;font-weight:var(--weight-semibold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.1;color:var(--text);flex-grow:1}.stat-card__spark{width:calc(100% + 2 * var(--stat-pad) + 2px);height:34px;margin:var(--space-4) calc(-1 * var(--stat-pad) - 1px) calc(-1 * var(--stat-pad) - 1px);display:block}.stat-card__spark-area{fill:var(--accent);fill-opacity:.05;transition:fill var(--transition-spring)}.stat-card__spark-line{stroke:var(--text-muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke var(--transition-spring)}.stat-card:hover .stat-card__spark-area{fill:var(--accent);fill-opacity:.1}.stat-card:hover .stat-card__spark-line{stroke:var(--text-secondary)}.lc-fill-top{stop-color:var(--accent);stop-opacity:.2}.lc-fill-bot{stop-color:var(--accent);stop-opacity:0}.hr-fill-top{stop-color:var(--accent);stop-opacity:.32}.hr-fill-bot{stop-color:var(--accent);stop-opacity:.1}fr-mode-switch{display:contents}.mode-switch{position:relative;display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow-sm);transition:all var(--t) var(--ease)}.mode-switch:hover{transform:translateY(var(--lift-sm));border-color:var(--border-hover);box-shadow:var(--inset-light),var(--shadow)}.mode-switch:active{transform:scale(var(--press));transition-duration:var(--t-fast)}.mode-switch__thumb{position:absolute;top:3px;bottom:3px;left:0;width:0;border-radius:var(--radius-control);background:var(--accent);box-shadow:var(--shadow-sm),var(--accent-inset);transition:transform var(--transition-spring),width var(--transition-spring);pointer-events:none;z-index:0}.mode-switch__opt{position:relative;z-index:1;flex:1 0 auto;min-width:64px;padding:6px 18px;border:none;background:none;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color var(--t) var(--ease)}.mode-switch__opt:hover{color:var(--text-secondary)}.mode-switch__opt.active{color:var(--bg)}.mode-switch--pulse{animation:modeSwitchPulse .32s var(--spring)}@keyframes modeSwitchPulse{0%{transform:scale(var(--press))}to{transform:scale(1)}}.vtabs{position:relative;display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--border)}.vtabs__item{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:none;color:var(--text-muted);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transform-origin:center bottom;transition:color var(--t) var(--ease),transform var(--t-fast) var(--ease)}.vtabs__item:hover{color:var(--text-secondary);transform:scale(var(--grow-sm))}.vtabs__item.active{color:var(--text)}.vtabs__item:active{transform:scale(var(--press));transition-duration:var(--t-fast)}.vtabs__indicator{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--accent);border-radius:var(--radius-control-sm);transition:transform var(--transition-spring),width var(--transition-spring);pointer-events:none}.pill-item{display:inline-flex;align-items:center;gap:12px;padding:7px 6px 7px 14px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-card);font-size:13px;box-shadow:var(--shadow-sm),var(--accent-inset);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),opacity var(--t-fast) var(--ease)}.pill-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow),var(--accent-inset)}.pill-item--removing{opacity:0;pointer-events:none}.pill-item__remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:none;border:1px solid transparent;border-radius:var(--radius-square-control);color:var(--text-muted);cursor:pointer;padding:0;transition:all var(--t-fast) var(--ease)}.pill-item__remove:hover{color:var(--error);background:var(--error-subtle);border-color:var(--error-border);transform:scale(var(--grow))}.pill-item__remove:active{transform:scale(calc(1 - var(--press-basis) * 3.33 * var(--weite)));transition-duration:var(--t-fast)}.pill-item__remove svg{width:12px;height:12px}.list-rows{display:flex;flex-direction:column;gap:12px}.list-row{padding:20px 24px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow-sm);transition:transform var(--transition-spring),border-color var(--transition-spring),box-shadow var(--transition-spring);position:relative;cursor:pointer}.list-row:hover{transform:translateY(var(--lift));border-color:var(--border-hover);box-shadow:var(--inset-light-strong, var(--inset-light)),var(--shadow)}.list-row--open{border-color:var(--border-hover);box-shadow:var(--inset-light-strong, var(--inset-light)),var(--shadow)}.list-row__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.list-row__head .copy-btn{margin-top:-6px;margin-bottom:-6px;margin-right:-6px;flex:none}.list-row__eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.list-row__text{font-size:14.5px;line-height:1.65;letter-spacing:-.005em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.list-row--open .list-row__text{-webkit-line-clamp:unset;overflow:visible}.list-row__detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-spring)}.list-row--open .list-row__detail{grid-template-rows:1fr}.list-row__detail-inner{overflow:hidden;min-height:0}.list-row__meta{font-size:12px;color:var(--text-secondary);line-height:1.55;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.line-chart{position:relative;height:180px;display:flex;flex-direction:column}.line-chart__plot{position:relative;flex:1;min-height:0;cursor:default}.line-chart__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.line-chart__grid{stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke}.line-chart__area{opacity:0;animation:lineAreaIn .5s var(--ease) .25s forwards}.line-chart__line{stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:lineDraw .7s var(--ease) forwards}@keyframes lineDraw{to{stroke-dashoffset:0}}@keyframes lineAreaIn{to{opacity:1}}.line-chart__labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:8px}.line-chart__guide{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--border-strong) 12%,var(--border-strong) 88%,transparent);transform:translate(-.5px);opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease)}.line-chart__dot{position:absolute;width:10px;height:10px;border-radius:var(--radius-square-control);background:var(--accent);border:2px solid var(--bg-elevated);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow-sm);transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.line-chart.is-active .line-chart__guide{opacity:1}.line-chart.is-active .line-chart__dot{opacity:1;transform:translate(-50%,-50%) scale(1)}.hourly-chart{position:relative;height:132px;display:flex;flex-direction:column}.hourly-chart__svg{width:100%;flex:1;min-height:0;display:block;cursor:default}.hourly-chart__rect{fill:var(--chart-fill, var(--text-muted));transition:fill var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.hourly-chart__rect--peak{fill:var(--accent);fill-opacity:.42}.hourly-chart.is-active .hourly-chart__rect{opacity:.32}.hourly-chart.is-active .hourly-chart__rect.is-hover{opacity:1}.hourly-chart__rect.is-hover{fill:var(--accent);fill-opacity:.9}.hourly-chart__labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:8px}.chart-tip{position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 12px));padding:5px 9px;display:flex;flex-direction:column;gap:1px;background:var(--popover-bg);border:1px solid var(--border);border-radius:var(--radius-surface);box-shadow:var(--shadow);backdrop-filter:blur(12px);white-space:nowrap;pointer-events:none;opacity:0;z-index:4;transition:opacity var(--t-fast) var(--ease),transform var(--t) var(--ease)}.chart-tip--down{transform:translate(-50%,12px)}.line-chart.is-active .chart-tip,.hourly-chart.is-active .chart-tip{opacity:1}.chart-tip__val{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text);font-variant-numeric:tabular-nums}.chart-tip__lbl{font-size:var(--font-xs);color:var(--text-muted)}.streak-row{display:flex;gap:16px}fr-streak-card{display:contents}.streak-card{position:relative;z-index:1;flex:1;max-width:240px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-card);box-shadow:var(--inset-light),var(--shadow-sm);transition:transform var(--transition-spring),border-color var(--transition-spring),box-shadow var(--transition-spring),background var(--transition-spring);will-change:transform}.streak-card:hover{transform:translateY(var(--lift));border-color:var(--border-hover);background:var(--surface-card-hover);box-shadow:var(--inset-light-strong, var(--inset-light)),var(--shadow)}.streak-card--active{border-color:var(--border-strong);background:var(--surface-card-hover)}.streak-strip{display:flex;gap:3px;margin-top:16px}.streak-dot{flex:1;height:7px;border-radius:var(--radius-control-sm);background:var(--surface-strong);transition:background var(--transition-spring)}.streak-dot--on{background:var(--accent-strong)}.streak-card__value{display:flex;align-items:baseline;gap:6px;margin-top:8px}.streak-card__num{font-size:30px;font-weight:var(--weight-semibold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1;color:var(--text)}.streak-card__unit{font-size:13px;font-weight:500;color:var(--text-muted)}.streak-card__label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.region-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:var(--radius-control);font-weight:500;vertical-align:middle}.region-badge--cf{background:color-mix(in srgb,var(--region-cf) 12%,transparent);color:var(--region-cf)}.region-badge--eu{background:color-mix(in srgb,var(--region-eu) 12%,transparent);color:var(--region-eu)}.region-badge--us{background:color-mix(in srgb,var(--region-us) 12%,transparent);color:var(--region-us)}.region-badge--ch{background:color-mix(in srgb,var(--region-ch) 12%,transparent);color:var(--region-ch)}.region-badge--local{background:color-mix(in srgb,var(--region-local) 12%,transparent);color:var(--region-local)}.mode-switch.is-time .mode-switch__thumb,.mode-switch.is-second .mode-switch__thumb{transform:translate(100%)}fr-pill{display:contents}fr-region-badge{display:contents}.tooltip{position:fixed;padding:5px 10px;font-family:var(--font);font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-inner);border-radius:var(--radius-surface);box-shadow:var(--shadow-sm);pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);z-index:500;white-space:nowrap;max-width:280px}.tooltip.visible{opacity:1;transform:translateY(0)}.tooltip__shortcut{margin-left:8px}.tooltip__shortcut kbd,.tooltip kbd{display:inline-block;padding:1px 5px;font-family:var(--font);font-size:10px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-inner);line-height:1.4}.context-menu{position:fixed;min-width:180px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface);box-shadow:var(--inset-light),var(--shadow);padding:4px;opacity:0;transform:scale(var(--press)) translateY(calc(var(--lift) * 2));pointer-events:none;transition:opacity var(--transition-entrance),transform var(--transition-entrance);z-index:300}.context-menu.visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.context-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:12.5px;text-align:left;border-radius:var(--radius-control);cursor:pointer;transform-origin:center;transition:all var(--t-fast) var(--ease)}.context-menu__item:hover,.context-menu__item:focus-visible{background:var(--surface-hover);color:var(--text);transform:scale(var(--grow-row))}.context-menu__item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.context-menu__item--danger{color:var(--error)}.context-menu__item--danger:hover{background:var(--error-subtle)}.context-menu__item__icon{width:16px;height:16px;flex-shrink:0}.context-menu__item__icon svg{width:16px;height:16px}.context-menu__item__shortcut{margin-left:auto;font-size:11px;color:var(--text-dim)}.context-menu__separator{height:1px;background:var(--border);margin:4px 8px}.cmd-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;background:var(--modal-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease)}.cmd-overlay.open{opacity:1;pointer-events:auto}.cmd-palette{width:520px;max-width:90vw;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:scale(.97) translateY(-8px);transition:transform var(--t-fast) var(--spring)}.cmd-overlay.open .cmd-palette{transform:scale(1) translateY(0)}.cmd-palette__input{width:100%;padding:14px 72px 14px 18px;font-family:var(--font);font-size:var(--font-md);color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--border);outline:none}.cmd-palette__input::placeholder{color:var(--text-dim)}.cmd-palette__input-wrap{position:relative}.cmd-palette__shortcut-hint{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--surface-strong);padding:2px 8px;border-radius:var(--radius-inner);border:1px solid var(--border-hover);pointer-events:none}.cmd-palette__list{max-height:360px;overflow-y:auto;padding:6px}.cmd-palette__section{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:var(--space-3) var(--space-3) 6px;margin-top:var(--space-1);border-top:1px solid var(--border)}.cmd-palette__section:first-child{padding-top:8px;margin-top:0;border-top:none}.cmd-palette__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-control);font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast) var(--ease)}.cmd-palette__item:hover,.cmd-palette__item.active{background:var(--surface-strong);color:var(--text)}.cmd-palette__item-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.cmd-palette__item-icon svg{width:16px;height:16px}.cmd-palette__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-palette__item-shortcut{font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--surface-strong);padding:2px 6px;border-radius:var(--radius-inner);border:1px solid var(--border-hover);flex-shrink:0}.cmd-palette__ai-separator{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.cmd-palette__ai-separator:before,.cmd-palette__ai-separator:after{content:"";flex:1;height:1px;background:var(--border)}.cmd-palette__ai-loading{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--text-muted);font-size:13px}.cmd-palette__ai-loading .shimmer{display:inline-flex;gap:4px}.cmd-palette__ai-loading .shimmer span{width:6px;height:6px;border-radius:var(--radius-square-control);background:var(--text-dim);animation:cmd-dot-pulse 1.2s ease-in-out infinite}.cmd-palette__ai-loading .shimmer span:nth-child(2){animation-delay:.15s}.cmd-palette__ai-loading .shimmer span:nth-child(3){animation-delay:.3s}@keyframes cmd-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.cmd-palette__ai-result{animation:cmd-slide-in var(--t) var(--ease)}@keyframes cmd-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cmd-palette__empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.cmd-palette__list::-webkit-scrollbar{width:6px}.cmd-palette__list::-webkit-scrollbar-track{background:transparent}.cmd-palette__list::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--radius-control)}.cmd-palette__list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.auth-modal{width:420px;max-width:92vw;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface-lg);box-shadow:var(--shadow-lg);position:relative;animation:scaleIn .25s var(--ease) both;overflow:hidden}@keyframes authViewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-modal .field__label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.auth-modal .field__input-wrap{position:relative}.auth-modal .pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;transition:color var(--t-fast) var(--ease)}.auth-modal .pw-toggle:hover{color:var(--text-secondary)}.auth-modal .pw-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-modal input.has-toggle{padding-right:42px}.auth-divider__text{font-size:12px;color:var(--text-dim);text-transform:lowercase;letter-spacing:.03em}.auth-turnstile{display:flex;justify-content:center;margin:12px 0;min-height:0}.auth-modal__body{padding:40px 36px}.auth-container{max-width:380px;margin:0 auto}.auth-header{text-align:center;margin-bottom:32px}.auth-header__title{font-size:var(--font-xl);font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.02em;background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-header__subtitle{font-size:var(--font-base);color:var(--text-muted)}.auth-form{display:none;flex-direction:column;gap:var(--space-4)}.auth-form.active{display:flex;animation:authViewIn .22s var(--ease) both}.auth-form .field{margin-bottom:0}.auth-form form{display:flex;flex-direction:column;gap:var(--space-4);margin:0}.auth-form .btn--primary{width:100%;margin-top:0}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-1) 0;font-size:var(--font-sm);color:var(--text-dim)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text-muted)}.auth-footer a{color:var(--text);text-decoration:none;font-weight:500;display:inline-block;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.auth-footer a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.auth-footer a:hover,.auth-forgot a:hover{transform:scale(var(--grow-sm))}.auth-footer a:active{opacity:.7;transform:scale(.97)}.auth-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--border)}.auth-tabs__item{flex:1;padding:10px 0;border:none;background:none;font-family:var(--font);font-size:var(--font-md);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;position:relative;transition:color var(--t) var(--ease)}.auth-tabs__item:hover{color:var(--text-secondary)}.auth-tabs__item.active{color:var(--text)}.auth-tabs__item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:var(--radius-control-sm);animation:tabSlide .3s var(--ease) both}@keyframes tabSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-error{padding:10px 14px;border-radius:var(--radius-surface);background:var(--error-subtle);border:1px solid var(--error-border);font-size:var(--font-base);color:var(--error);display:none;user-select:text;cursor:text}.auth-error.visible{display:block;animation:fadeInUp .2s var(--ease) both;margin-bottom:var(--space-4)}.auth-forgot{text-align:right;margin-top:0;line-height:1.4}.auth-forgot a{font-size:var(--font-sm);color:var(--text-muted);text-decoration:none;display:inline-block;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.auth-forgot a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.auth-forgot a:active{opacity:.7;transform:scale(.97);display:inline-block}.auth-modal .auth-terms .toggle__label{color:var(--text-secondary);font-weight:var(--weight-normal);line-height:1.5}.auth-modal .auth-terms .toggle__label a{color:var(--text);font-weight:var(--weight-semibold)}.auth-password-field{position:relative}.auth-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;transition:color var(--t-fast) var(--ease)}.auth-password-toggle:hover{color:var(--text-secondary)}.auth-password-toggle svg{width:15px;height:15px}.auth-password-toggle.active{color:var(--text-secondary);opacity:.7}.auth-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.auth-strength__bar{display:flex;gap:3px;flex:1}.auth-strength__seg{flex:1;height:3px;border-radius:var(--radius-control-sm);background:var(--surface-strong);transition:background var(--t) var(--ease)}.auth-strength__label{font-size:var(--font-xs);font-weight:var(--weight-medium);min-width:50px;text-align:right}.auth-strength[data-level=weak] .auth-strength__seg:nth-child(1){background:var(--error)}.auth-strength[data-level=weak] .auth-strength__label{color:var(--error)}.auth-strength[data-level=medium] .auth-strength__seg:nth-child(1),.auth-strength[data-level=medium] .auth-strength__seg:nth-child(2){background:var(--warning)}.auth-strength[data-level=medium] .auth-strength__label{color:var(--warning)}.auth-strength[data-level=strong] .auth-strength__seg{background:var(--success)}.auth-strength[data-level=strong] .auth-strength__label{color:var(--success)}.auth-form .btn{width:100%}.auth-form .auth-turnstile:empty{display:none}@media(prefers-reduced-motion:reduce){.auth-modal,.auth-modal .auth-form.active{animation:none}}.auth-info{padding:10px 14px;border-radius:var(--radius-surface);background:var(--success-subtle);border:1px solid var(--success-border);font-size:var(--font-base);color:var(--success);display:none;margin-bottom:var(--space-4);animation:fadeInUp .2s var(--ease) both}.auth-info.visible{display:block}.auth-success{padding:var(--space-5) 0;text-align:center}.auth-success__icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-square-control);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);box-shadow:var(--shadow-sm),var(--inset-light)}.auth-success__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.auth-success__title{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:-.02em;background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-success__text{font-size:var(--font-base);color:var(--text-secondary);line-height:1.7}.auth-icon{width:52px;height:52px;margin:0 auto var(--space-5);border-radius:var(--radius-square-control);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm),var(--inset-light);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.auth-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.status-dot{width:6px;height:6px;border-radius:var(--radius-square-control);flex-shrink:0}.status-dot--online{background:var(--success)}.status-dot--busy{background:var(--warning)}.status-dot--error{background:var(--error)}.status-dot--offline{background:var(--text-dim)}.status-dot--pulse{animation:pulse var(--pulse-duration) var(--pulse-ease) infinite}.status-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-control);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-secondary)}.status-badge--online{color:var(--success);background:var(--success-subtle)}.status-badge--busy{color:var(--warning);background:var(--warning-subtle)}.status-badge--error{color:var(--error);background:var(--error-subtle)}.status-badge--offline{color:var(--text-muted)}fr-status-badge{display:contents}.banner{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-surface);font-size:13px;animation:fadeInUp .25s var(--ease) both}.banner__icon{width:16px;height:16px;flex-shrink:0;display:flex}.banner__icon svg{width:16px;height:16px;stroke-linecap:round;stroke-linejoin:round}.banner__text{flex:1;color:var(--text-secondary)}.banner__action{font-size:12.5px;font-weight:600;color:var(--text);text-decoration:none;cursor:pointer;background:none;border:none;font-family:var(--font);padding:0;transform-origin:center;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.banner__action:hover{opacity:.85;transform:scale(var(--grow-sm))}.banner__action:active{transform:scale(.96);transition-duration:var(--t-fast)}.banner__close{border:none;background:none;color:var(--text-muted);cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-square-control);transform-origin:center;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.banner__close:hover{color:var(--text);transform:scale(var(--grow))}.banner__close svg{width:14px;height:14px}.banner--info{background:var(--surface);border:1px solid var(--border)}.banner--info .banner__icon{color:var(--text-muted)}.banner--update{background:var(--surface);border:1px solid var(--border)}.banner--update .banner__icon{color:var(--text-muted)}.banner--success{background:var(--success-subtle);border:1px solid var(--success-border)}.banner--success .banner__icon{color:var(--success)}.banner--warning{background:var(--warning-subtle);border:1px solid var(--warning-border)}.banner--warning .banner__icon{color:var(--warning)}.banner--error{background:var(--error-subtle);border:1px solid var(--error-border)}.banner--error .banner__icon{color:var(--error)}.quota{display:flex;flex-direction:column;gap:6px}.quota__header{display:flex;justify-content:space-between;align-items:baseline}.quota__label{font-size:13px;color:var(--text-secondary)}.quota__value{font-size:12.5px;font-weight:600;color:var(--text)}.quota__bar{height:6px;border-radius:var(--radius-control-sm);background:var(--surface-strong);overflow:hidden}.quota__fill{height:100%;border-radius:var(--radius-control-sm);background:var(--success);transition:width var(--t-slow) var(--ease),background-color var(--t) var(--ease)}.quota__fill--warn{background:var(--warning)}.quota__fill--danger{background:var(--error)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-square-control);background:var(--surface-strong);color:var(--text-secondary);font-weight:600;flex-shrink:0;position:relative}.avatar--sm{width:24px;height:24px;font-size:10px}.avatar--md{width:36px;height:36px;font-size:13px}.avatar--lg{width:48px;height:48px;font-size:16px}.avatar__status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:var(--radius-square-control);border:2px solid var(--bg)}.copy-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-square-control);cursor:pointer;transition:color var(--t-fast) var(--ease),transform var(--t) var(--ease)}.copy-btn:hover{color:var(--text);transform:scale(var(--grow))}.copy-btn.copied{color:var(--success)}.copy-btn svg{width:14px;height:14px}.copy-btn__copy{transition:opacity var(--t-fast) var(--ease),transform var(--t) var(--ease)}.copy-btn__check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;transition:opacity var(--t-fast) var(--ease),transform var(--t) var(--ease)}.copy-btn.copied .copy-btn__copy{opacity:0;transform:scale(.85)}.copy-btn.copied .copy-btn__check{opacity:1;transform:translate(-50%,-50%) scale(1)}.code-block{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-inner);overflow:hidden;box-shadow:var(--shadow-sm),var(--inset-light);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.code-block:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm),var(--inset-light)}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border-inner);font-size:11px;color:var(--text-muted)}.code-block__body{padding:12px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--text-secondary);overflow-x:auto;white-space:pre}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.divider--label{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.divider--label:before,.divider--label:after{content:"";flex:1;border-top:1px solid var(--border)}.error-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;transition:border-color var(--t) var(--ease)}.error-state:hover{border-color:var(--border-hover)}.error-state__icon{width:48px;height:48px;color:var(--text-dim)}.error-state__icon svg{width:100%;height:100%}.error-state__title{font-size:15px;font-weight:600;color:var(--text)}.error-state__text{font-size:13px;color:var(--text-muted);max-width:320px;line-height:1.5}.error-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-surface);background:var(--error-subtle);border:1px solid var(--error-border)}.error-card__icon{width:20px;height:20px;color:var(--error);flex-shrink:0}.error-card__icon svg{width:100%;height:100%}.error-card__text{flex:1;font-size:13px;color:var(--text-secondary)}.support-modal{position:relative;width:540px;max-width:90vw;max-height:80vh;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;transform:scale(.92);opacity:0;transition:transform var(--transition-entrance),opacity var(--transition-entrance)}.support-overlay.open .support-modal{transform:scale(1);opacity:1}.support-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.support-header__title{font-size:15px;font-weight:600;color:var(--text)}.support-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-square-control);transition:color var(--t-fast)}.support-close:hover{color:var(--text)}.support-close svg{width:18px;height:18px}.support-body{flex:1;overflow-y:auto;padding:20px}.support-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.support-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);cursor:pointer;transition:all var(--t) var(--ease);text-align:center}.support-card:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(var(--lift));box-shadow:var(--shadow)}.support-card__icon{width:28px;height:28px;color:var(--text-muted)}.support-card__title{font-size:13.5px;font-weight:600;color:var(--text)}.support-card__hint{font-size:12px;color:var(--text-muted)}.support-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:0;margin-bottom:16px;transition:color var(--t-fast)}.support-back:hover{color:var(--text)}.support-back svg{width:16px;height:16px}.support-chat{display:flex;flex-direction:column;height:100%;min-height:360px;margin-bottom:-20px}.chat-header-row{display:flex;align-items:center;justify-content:space-between}.chat-header-row .support-back{margin-bottom:0}.chat-ai-disclosure{font-size:11px;color:var(--text-muted);line-height:1;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:10px 20px 14px;display:flex;flex-direction:column;gap:12px;min-height:0;user-select:text;-webkit-user-select:text}.chat-msg{display:flex;gap:10px;max-width:85%;animation:chatMsgIn .25s var(--spring-chat) both}.chat-msg--user{align-self:flex-end;flex-direction:row-reverse}.chat-msg--bot{align-self:flex-start}.chat-msg--error{align-self:center;max-width:100%}@keyframes chatMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg__avatar{width:28px;height:28px;border-radius:var(--radius-square-control);background:var(--surface-strong);border:1px solid var(--border-inner);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease)}.chat-msg__avatar:hover{transform:scale(var(--grow));box-shadow:0 0 18px #ffffff2e,0 0 6px #ffffff14}[data-theme=light] .chat-msg__avatar:hover{box-shadow:0 0 18px #0000001f,0 0 6px #0000000d}.chat-msg__avatar svg{width:14px;height:14px;color:var(--text-muted)}.chat-msg__body{display:flex;flex-direction:column;gap:4px;min-width:0}.chat-msg__bubble{padding:10px 14px;border-radius:var(--radius-surface);font-size:13.5px;line-height:1.6;word-break:break-word;user-select:text;-webkit-user-select:text;cursor:text}.chat-msg--user .chat-msg__bubble{background:var(--surface-strong);color:var(--text);border:1px solid var(--border-inner);border-bottom-right-radius:4px}.chat-msg--bot .chat-msg__bubble{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-inner);border-bottom-left-radius:4px}.chat-msg--error .chat-msg__bubble{background:var(--error-subtle);border:1px solid var(--error-border);color:var(--error);font-size:12px;text-align:center}.chat-msg--bot .chat-msg__bubble p{margin:0 0 8px}.chat-msg--bot .chat-msg__bubble p:last-child{margin:0}.chat-msg--bot .chat-msg__bubble strong{color:var(--text);font-weight:600}.chat-msg--bot .chat-msg__bubble em{font-style:italic;color:var(--text)}.chat-msg--bot .chat-msg__bubble code{font-family:var(--font-mono, var(--mono, "Cascadia Code", monospace));font-size:12.5px;background:var(--bg-elevated);padding:1px 5px;border-radius:var(--radius-inner);border:1px solid var(--border-inner)}.chat-msg--bot .chat-msg__bubble pre{position:relative;margin:8px 0 4px;padding:12px 14px;background:var(--bg-elevated);border-radius:var(--radius-inner);border:1px solid var(--border-inner);overflow-x:auto}.chat-msg--bot .chat-msg__bubble pre code{background:none;padding:0;border:none;font-size:12px;line-height:1.5}.chat-msg--bot .chat-msg__bubble ul,.chat-msg--bot .chat-msg__bubble ol{margin:6px 0;padding-left:20px}.chat-msg--bot .chat-msg__bubble li{margin-bottom:4px}.chat-msg--bot .chat-msg__bubble a{color:var(--accent);text-decoration:none;text-underline-offset:2px}.chat-msg--bot .chat-msg__bubble a:hover{text-decoration:underline}.chat-msg--bot .chat-msg__bubble h1,.chat-msg--bot .chat-msg__bubble h2,.chat-msg--bot .chat-msg__bubble h3{color:var(--text);font-size:14px;font-weight:600;margin:12px 0 6px}.chat-msg--bot .chat-msg__bubble h1:first-child,.chat-msg--bot .chat-msg__bubble h2:first-child,.chat-msg--bot .chat-msg__bubble h3:first-child{margin-top:0}.chat-msg--bot .chat-msg__bubble blockquote{border-left:2px solid var(--border-strong);padding-left:12px;margin:8px 0;color:var(--text-muted)}.chat-msg--bot .chat-msg__bubble hr{border:none;border-top:1px solid var(--border);margin:12px 0}.chat-code-copy{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-square-control);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.chat-msg--bot .chat-msg__bubble pre:hover .chat-code-copy{opacity:1}.chat-code-copy:hover{background:var(--surface-hover);color:var(--text)}.chat-code-copy:active{transform:scale(calc(1 - var(--press-basis) * 3.33 * var(--weite)));transition-duration:var(--t-fast)}.chat-code-copy svg{width:14px;height:14px}.chat-code-copy--done{color:var(--success)!important;opacity:1!important}.chat-rating{display:flex;gap:2px;margin-top:6px}.chat-rate{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);border-radius:var(--radius-square-control);padding:0}.chat-rate:hover{color:var(--text-secondary)}.chat-rate:active{transform:scale(calc(1 - var(--press-basis) * 5 * var(--weite)));transition-duration:var(--t-fast)}.chat-rate--active{cursor:default;pointer-events:none}.chat-rate--up{color:var(--success)}.chat-rate--down{color:var(--error)}.chat-rate--dim{color:var(--text-dim);cursor:default;pointer-events:none}.chat-rate svg{width:14px;height:14px;pointer-events:none}.chat-streaming-cursor:after{content:"";display:inline-block;width:2px;height:14px;background:var(--text-muted);margin-left:2px;vertical-align:text-bottom;animation:chatCursorBlink 1s ease infinite}@keyframes chatCursorBlink{0%,to{opacity:1}50%{opacity:0}}.chat-typing{display:flex;gap:10px;align-self:flex-start;max-width:85%;animation:chatMsgIn .25s var(--ease) both}.chat-typing__dots{display:flex;gap:4px;padding:12px 16px;background:var(--surface);border:1px solid var(--border-inner);border-radius:var(--radius-control);border-bottom-left-radius:4px}.chat-typing__dot{width:6px;height:6px;border-radius:var(--radius-square-control);background:var(--text-dim);animation:chatTypingBounce 1.4s ease-in-out infinite}.chat-typing__dot:nth-child(2){animation-delay:.2s}.chat-typing__dot:nth-child(3){animation-delay:.4s}@keyframes chatTypingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-inputbar{padding:8px 20px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.chat-textarea{flex:1;padding:10px 14px;font-size:13.5px;font-family:var(--font);line-height:1.5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);outline:none;resize:none;min-height:40px;max-height:120px;overflow-y:auto;transition:border-color var(--t-fast) var(--ease)}.chat-textarea:focus{border-color:var(--border-hover)}.chat-textarea::placeholder{color:var(--text-dim)}.chat-textarea:disabled{opacity:.5}.chat-send-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-square-control);cursor:pointer;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.chat-send-btn:hover{opacity:.9;transform:scale(var(--grow-sm))}.chat-send-btn:active{transform:scale(calc(1 - var(--press-basis) * 3.33 * var(--weite)));transition-duration:var(--t-fast)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-send-btn svg{width:20px;height:20px}.chat-action-form{margin-top:8px;margin-left:38px;min-width:0;max-width:min(480px,calc(100% - 38px));width:calc(100% - 38px);background:var(--surface-card, var(--surface));border:1px solid var(--border);border-radius:var(--radius-surface);overflow:hidden;animation:chatMsgIn .25s var(--ease) both}@media(max-width:600px){.chat-action-form{margin-left:0;max-width:100%;width:100%}}.chat-action-form__header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-inner)}.chat-action-form__header svg{width:16px;height:16px;flex-shrink:0}.chat-action-form__title{font-size:14px;font-weight:600;color:var(--text)}.chat-action-form__body{padding:18px;display:flex;flex-direction:column;gap:14px}.chat-action-form__field{display:flex;flex-direction:column;gap:4px}.chat-action-form__label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.chat-action-form__input,.chat-action-form__textarea{padding:10px 12px;font-size:13.5px;font-family:var(--font);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);outline:none;transition:border-color var(--t-fast) var(--ease)}.chat-action-form__input:focus,.chat-action-form__textarea:focus{border-color:var(--border-hover)}.chat-action-form__input::placeholder,.chat-action-form__textarea::placeholder{color:var(--text-dim)}.chat-action-form__textarea{resize:none;min-height:80px;line-height:1.5}.chat-action-form__radios{display:flex;gap:6px}.chat-action-form__radio{padding:5px 12px;font-size:12px;font-family:var(--font);font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;transition:all var(--t-fast) var(--ease)}.chat-action-form__radio:hover{color:var(--text-secondary);border-color:var(--border-hover)}.chat-action-form__radio.active{color:var(--text);background:var(--surface-strong);border-color:var(--border-hover)}.chat-action-form__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;border-top:1px solid var(--border-inner)}.chat-action-form__review{font-size:12px;font-family:var(--font);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 0;transition:color var(--t-fast)}.chat-action-form__review:hover{color:var(--text)}.chat-action-form__submit{padding:9px 20px;font-size:13px;font-weight:600;font-family:var(--font);border:none;border-radius:var(--radius-control);cursor:pointer;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);color:#fff}.chat-action-form__submit:hover{opacity:.85}.chat-action-form__submit:active{transform:scale(calc(1 - var(--press-basis) * 1.67 * var(--weite)));transition-duration:var(--t-fast)}.chat-action-form__submit:disabled{opacity:.4;cursor:not-allowed}.chat-action-form--success{display:flex;align-items:center;gap:8px;padding:12px 14px;color:var(--success);font-size:13px;font-weight:500}.chat-action-form--success svg{width:16px;height:16px}.chat-review-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center}.chat-review-backdrop{position:absolute;inset:0;background:var(--modal-backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.chat-review-card{position:relative;width:500px;max-width:90vw;max-height:80vh;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface);box-shadow:var(--shadow);padding:20px}.chat-review-card__title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.chat-review-card__pre{font-size:12px;font-family:var(--font-mono, var(--mono, monospace));line-height:1.5;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-inner);border-radius:var(--radius-inner);padding:14px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto}.chat-review-card__close{margin-top:12px;padding:6px 14px;font-size:12px;font-weight:500;font-family:var(--font);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-square-control);cursor:pointer;transition:all var(--t-fast) var(--ease)}.chat-review-card__close:hover{color:var(--text);background:var(--surface-hover)}.support-bug__title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px}.support-bug__textarea{width:100%;padding:10px 14px;font-family:var(--font);font-size:13.5px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);outline:none;resize:vertical;min-height:80px;transition:border-color var(--t-fast)}.support-bug__textarea:focus{border-color:var(--border-hover)}.support-bug__textarea::placeholder{color:var(--text-dim)}.support-bug__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.support-issues__status-link{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);text-decoration:none;padding:8px 0;margin-bottom:8px;transition:color var(--t-fast) var(--ease)}.support-issues__status-link:hover{color:var(--text)}.support-issues__list{display:flex;flex-direction:column;gap:8px}.support-issues__loading,.support-issues__empty{color:var(--text-muted);font-size:13px;text-align:center;padding:24px}.support-issue-card{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);display:flex;flex-direction:column;gap:6px}.support-issue-card--resolved{opacity:.6}.support-issue-card__header{display:flex;flex-direction:column;gap:6px}.support-issue-card__badges{display:flex;gap:4px;flex-wrap:wrap}.support-issue-card__title{font-size:13.5px;font-weight:600;color:var(--text)}.support-issue-card--resolved .support-issue-card__title{text-decoration:line-through}.support-issue-card__desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.support-issue-card__workaround{font-size:12px;color:var(--accent);line-height:1.4}.support-issue-card__meta{display:flex;gap:12px;font-size:11px;color:var(--text-muted)}.support-picker__label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.support-chat-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);cursor:pointer;transition:all var(--t-fast) var(--ease);margin-bottom:6px;text-align:left}.support-chat-item:hover{background:var(--surface-hover);border-color:var(--border-hover)}.support-chat-item__preview{font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.support-chat-item__time{font-size:11px;color:var(--text-dim);flex-shrink:0;margin-left:12px}.billing-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface)}.billing-card--warning{border-color:var(--warning);border-left-width:3px}.billing-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.billing-plan{font-size:16px;font-weight:600;color:var(--text)}.billing-badge{display:inline-flex;font-size:11px;font-weight:var(--weight-medium);padding:3px 10px;border-radius:var(--radius-control)}.billing-badge--active{background:var(--success-subtle);color:var(--success)}.billing-badge--warning{background:var(--warning-subtle);color:var(--warning)}.billing-badge--canceled{background:var(--error-subtle);color:var(--error)}.billing-badge--paused{background:var(--surface-strong);color:var(--text-muted)}.app-badge{display:inline-flex;font-size:10px;font-weight:var(--weight-medium);padding:2px 8px;border-radius:var(--radius-control)}.app-badge--active{background:var(--success-subtle);color:var(--success)}.app-badge--free{background:var(--surface-strong);color:var(--text)}.app-badge--soon{background:var(--surface);color:var(--text-dim)}.billing-meta{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.billing-hint{font-size:13px;color:var(--text-muted);margin-bottom:16px}.billing-warning{font-size:13px;color:var(--warning);margin-bottom:8px}.billing-cancel-note{font-size:12px;color:var(--text-muted);font-style:italic}.billing-actions{display:flex;gap:8px;margin-top:16px}.chat-chip{padding:6px 14px;font-size:12.5px;font-family:var(--font);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;transition:all var(--t-fast) var(--ease);white-space:nowrap}.chat-chip:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(var(--lift-sm))}.chat-chip:active{transform:scale(var(--press));transition-duration:var(--t-fast)}fr-badge{display:contents}fr-dropdown{display:contents}.dropdown{position:relative}.dropdown__trigger{cursor:pointer}.dropdown__panel{position:fixed;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface);box-shadow:var(--inset-light),var(--shadow);padding:6px;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease);z-index:200}.dropdown.open .dropdown__panel,.dropdown__panel[data-open]{opacity:1;pointer-events:auto}.dropdown__panel[data-open]{max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;z-index:9999}.dropdown:not(:has(.dropdown__trigger)) .dropdown__panel{position:absolute;top:100%;left:0;margin-top:4px}.dropdown__item{display:block;width:100%;padding:8px 12px 8px 18px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font);font-size:13px;text-align:left;border-radius:var(--radius-control);cursor:pointer;position:relative;transform-origin:center;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.dropdown__item:hover{background:var(--surface-hover);color:var(--text);transform:scale(var(--grow-row))}.dropdown__item:active{transform:scale(var(--press));transition-duration:var(--t-fast)}.dropdown__item.selected{background:var(--surface-strong);color:var(--text)}.dropdown__bar{position:absolute;left:6px;width:3px;background:var(--accent);border-radius:var(--radius-control-sm);transition:top var(--transition-spring),height var(--transition-spring);pointer-events:none;z-index:1}.dropdown__item.active{background:var(--surface-strong);color:var(--text)}.update-section{margin-bottom:4px}.update-status{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--text-secondary);min-height:24px}.update-status--up-to-date{color:var(--success)}.update-status--error{color:var(--error)}.update-check-icon{width:16px;height:16px;stroke:var(--success)}.update-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--text);border-radius:var(--radius-square-control);animation:update-spin .6s linear infinite}@keyframes update-spin{to{transform:rotate(360deg)}}.update-card{margin-top:12px;padding:14px 16px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-surface)}.update-card:empty{display:none}.update-card__header{margin-bottom:12px}.update-card__title{font-size:14px;font-weight:500;color:var(--text)}.changelog-section{padding-top:4px}.changelog-cards{display:flex;flex-direction:column;gap:10px;margin-top:10px}.changelog-card{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),border-color var(--t) var(--ease)}.changelog-card:hover{transform:translateY(var(--lift-sm));border-color:var(--border-hover);box-shadow:var(--inset-light),var(--shadow-sm)}.changelog-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.changelog-card__version{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.changelog-card__date{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.changelog-card__changes{display:flex;flex-direction:column;gap:5px}.changelog-change{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--text-secondary);line-height:1.4}.changelog-change__text{flex:1}.changelog-tag{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-control);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.changelog-tag--feature{background:var(--surface-strong);color:var(--text)}.changelog-tag--fix{background:var(--error-subtle);color:var(--error)}.changelog-tag--improvement{background:var(--warning-subtle);color:var(--warning)}.tour-tip{position:fixed;width:280px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface);box-shadow:var(--shadow);padding:16px;z-index:150;opacity:0;transform:translateY(4px);transition:top .35s var(--ease),left .35s var(--ease),right .35s var(--ease),bottom .35s var(--ease),opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}.tour-tip.visible{opacity:1;transform:translateY(0);pointer-events:auto}.tour-tip__title{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:4px}.tour-tip__desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.tour-tip__desc kbd{display:inline-block;padding:1px 5px;font-family:var(--font);font-size:10px;font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-inner);line-height:1.4;vertical-align:1px}.tour-tip__footer{display:flex;align-items:center;justify-content:space-between}.tour-tip__counter{font-size:var(--font-xs);color:var(--text-muted)}.tour-tip__actions{display:flex;gap:6px}.tour-tip__btn{padding:4px 12px;font-family:var(--font);font-size:var(--font-sm);font-weight:var(--weight-medium);border:none;border-radius:var(--radius-control);cursor:pointer;transition:all var(--t-fast) var(--ease)}.tour-tip__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.tour-tip__btn--next{--inset-light: var(--accent-inset);background:var(--accent);color:var(--bg);box-shadow:var(--shadow-sm),var(--inset-light)}.tour-tip__btn--next:hover{background:var(--accent-strong);transform:translateY(var(--lift));box-shadow:var(--shadow),var(--inset-light)}.tour-tip__btn--next:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.tour-tip__btn--skip{background:transparent;color:var(--text-muted)}.tour-tip__btn--skip:hover{color:var(--text);transform:scale(var(--grow-sm))}.tour-target{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-surface)}.content.tour-target{outline:none}fr-calendar{display:contents}.cal{width:300px;flex-shrink:0;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-surface-lg);box-shadow:var(--shadow),var(--inset-light);user-select:none}.cal-demo{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.cal-demo__cap{font-size:var(--font-xs);color:var(--text-muted);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;padding-left:2px}.cal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-1) var(--space-3)}.cal__title{font-size:var(--font-md);color:var(--text);text-transform:capitalize;letter-spacing:-.01em}.cal__title b{font-weight:var(--weight-semibold)}.cal__title span{color:var(--text-muted);font-weight:var(--weight-normal);margin-left:4px;font-variant-numeric:tabular-nums}.cal__nav{display:flex;gap:var(--space-1)}.cal__nav-btn{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:var(--radius-square-control);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--t-fast) var(--ease),transform var(--t) var(--ease)}.cal__nav-btn svg{width:15px;height:15px;transition:transform var(--t) var(--ease)}.cal__nav-btn:hover{color:var(--text);transform:scale(var(--grow))}.cal__nav-btn[data-cal-prev]:hover svg{transform:translate(-2px)}.cal__nav-btn[data-cal-next]:hover svg{transform:translate(2px)}.cal__weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid var(--border-inner)}.cal__weekdays span{font-size:9.5px;font-weight:var(--weight-semibold);color:var(--text-dim);text-align:center;text-transform:uppercase;letter-spacing:.06em}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:3px}.cal__grid--next{animation:calMonthNext .34s var(--ease-out-strong)}.cal__grid--prev{animation:calMonthPrev .34s var(--ease-out-strong)}.cal__grid--fade{animation:calMonthFade .28s var(--ease)}.cal__day{position:relative;z-index:0;aspect-ratio:1;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--t) var(--ease),transform var(--t-fast) var(--ease)}.cal__day:before{content:"";position:absolute;inset:13% 0;background:var(--surface-hover);z-index:-2;opacity:0;transition:opacity var(--t-fast) var(--ease)}.cal__day:after{content:"";position:absolute;inset:13%;border-radius:var(--radius-square-control);background:transparent;z-index:-1;transform:scale(.82);opacity:0;transition:transform var(--t) var(--ease),opacity var(--t-fast) var(--ease),background var(--t) var(--ease),box-shadow var(--t) var(--ease)}.cal__day--muted{color:var(--text-dim)}.cal__day--pad{pointer-events:none}.cal__day:hover:after,.cal__day--today:after,.cal__day--sel:after,.cal__day--start:after,.cal__day--end:after{transform:scale(1);opacity:1}.cal__day:hover:not(.cal__day--sel):not(.cal__day--start):not(.cal__day--end){color:var(--text)}.cal__day:hover:not(.cal__day--sel):not(.cal__day--start):not(.cal__day--end):after{background:var(--surface-hover)}.cal__day:active:after{transform:scale(calc(1 - var(--press-basis) * 4.67 * var(--weite)));transition-duration:var(--t-fast)}.cal__day:active{transform:none!important}.cal__day--today{color:var(--text);font-weight:var(--weight-medium)}.cal__day--today:after{box-shadow:inset 0 0 0 1px var(--border-strong)}.cal__day--today:not(.cal__day--sel):not(.cal__day--start):not(.cal__day--end):after{animation:calBreathe 3.4s var(--ease) infinite}.cal__day--in:before,.cal__day--start:before,.cal__day--end:before{opacity:1}.cal__day--start:before{left:13%;border-radius:var(--radius-control) 0 0 var(--radius-control)}.cal__day--end:before{right:13%;border-radius:0 var(--radius-control) var(--radius-control) 0}.cal__day--start.cal__day--end:before{opacity:0}.cal__day--in{color:var(--text)}.cal__day--sel,.cal__day--start,.cal__day--end{color:var(--text);font-weight:var(--weight-semibold)}.cal__day--sel:after,.cal__day--start:after,.cal__day--end:after{background:var(--surface-strong);box-shadow:var(--shadow),inset 0 0 0 1px var(--border-hover),var(--inset-light-strong)}.cal__presets{display:flex;gap:var(--space-1);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border-inner)}.cal__preset{flex:1;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--t-fast) var(--ease),background var(--t) var(--ease),border-color var(--t) var(--ease),transform var(--t) var(--spring),box-shadow var(--t) var(--ease)}.cal__preset:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(var(--lift));box-shadow:var(--shadow-sm)}.cal__preset--active{color:var(--text);background:var(--surface-strong);border-color:var(--border-hover);box-shadow:var(--inset-light-strong)}.cal__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border-inner)}.cal__summary{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.3}.cal__summary b{color:var(--text);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.cal__summary span{color:var(--text-muted)}.cal__summary--empty{color:var(--text-dim)}.cal__apply{padding:7px 16px;flex-shrink:0;border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--accent);color:var(--bg);font-size:var(--font-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:opacity var(--t-fast) var(--ease),transform var(--t) var(--spring),box-shadow var(--t) var(--ease)}.cal__apply:hover:not(:disabled){transform:translateY(var(--lift));box-shadow:var(--shadow)}.cal__apply:active:not(:disabled){transform:translateY(0) scale(var(--press));transition-duration:var(--t-fast)}.cal__apply:disabled{opacity:.4;cursor:default}@keyframes calMonthNext{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes calMonthPrev{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes calMonthFade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes calBreathe{0%,to{box-shadow:inset 0 0 0 1px var(--border-hover)}50%{box-shadow:inset 0 0 0 1.5px var(--border-strong)}}fr-dropzone{display:contents}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;border:2px dashed var(--border);border-radius:var(--radius-surface);background:var(--surface-card);cursor:pointer;text-align:center;transition:all var(--t) var(--ease)}.dropzone:hover{border-color:var(--border-hover);background:var(--surface)}.dropzone.dragover{border-color:var(--accent);background:var(--surface-strong)}.dropzone__icon{width:40px;height:40px;color:var(--text-muted)}.dropzone__icon svg{width:40px;height:40px}.dropzone__text{font-size:var(--font-base);color:var(--text-secondary)}.dropzone__hint{font-size:var(--font-sm);color:var(--text-muted)}.dropzone__files{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px}.dropzone__file{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-surface);font-size:12.5px;color:var(--text);animation:fadeInUp .2s var(--ease) both;transition:border-color var(--t) var(--ease),background var(--t) var(--ease)}.dropzone__file>svg{flex-shrink:0}.dropzone__file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone__file-meta{flex-shrink:0;color:var(--text-muted);font-size:var(--font-xs);font-variant-numeric:tabular-nums}.dropzone__file--uploading .dropzone__file-meta{color:var(--text-secondary)}.dropzone__file--error{border-color:var(--error-border);background:var(--error-subtle)}.dropzone__file--error .dropzone__file-meta{color:var(--error)}.dropzone__file-progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);border-radius:0 var(--radius-control-sm) var(--radius-control-sm) 0;transition:width .16s var(--ease)}.dropzone__file--done .dropzone__file-progress{opacity:0;transition:opacity var(--t) var(--ease) .25s}.dropzone__file--error .dropzone__file-progress{background:var(--error)}.dropzone__file-retry{flex-shrink:0;gap:4px}.dropzone__file-retry svg{width:12px;height:12px}.dropzone__file-remove{flex-shrink:0;width:18px;height:18px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-square-control);display:flex;align-items:center;justify-content:center;font-size:var(--font-md);transition:color var(--t-fast) var(--ease),transform var(--t) var(--ease)}.dropzone__file-remove:hover{color:var(--error);transform:scale(var(--grow))}.floating-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--radius-control);background:var(--bg-elevated);border:1px solid var(--border-hover);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:var(--inset-light-strong),var(--shadow-lg);animation:floatingEnter .35s var(--spring) both}@keyframes floatingEnter{0%{opacity:0;transform:translateY(8px) scale(.95)}}.floating-pill__dot{width:8px;height:8px;border-radius:var(--radius-square-control);flex-shrink:0;background:var(--error);animation:recordPulse 1.4s ease-in-out infinite}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.3}}.floating-pill__dot--processing{background:var(--warning);border:2px solid var(--warning);border-top-color:transparent;width:12px;height:12px;animation:spin 1s linear infinite}.floating-pill__text{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text)}.floating-pill__timer{font-family:var(--font-mono);font-size:var(--font-base);font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:40px}.floating-pill__action{border:none;background:none;color:var(--text-muted);cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-square-control);transform-origin:center;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.floating-pill__action:hover{color:var(--text);transform:scale(var(--grow))}.floating-pill__action svg{width:14px;height:14px}.floating-pill--waveform{padding:8px 16px;min-width:110px;justify-content:center}.floating-pill__waveform{display:inline-flex;align-items:center;gap:2px;height:18px}.waveform-bar{width:2px;border-radius:var(--radius-control-sm);background:var(--text-secondary);animation:waveformPulse 1.2s ease-in-out infinite;animation-delay:calc(var(--d) * .07s);min-height:3px}@keyframes waveformPulse{0%,to{height:3px;opacity:.35}35%{height:calc(var(--h, 10) * 1px);opacity:1}65%{height:calc(var(--h, 10) * .5px);opacity:.6}}.popup-editor{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);min-height:360px}.popup-editor__preview{display:flex;align-items:center;justify-content:center;padding:var(--space-7);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-surface);min-height:200px;position:sticky;top:var(--space-5);align-self:start}.popup-editor__preview .floating-pill{animation:none}.popup-editor__settings{display:flex;flex-direction:column;gap:var(--space-5)}.pe-group{display:flex;flex-direction:column;gap:var(--space-2)}.pe-group__label{font-size:10.5px;font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.11em}.popup-editor .mode-switch{align-self:start}.pe-presets{display:flex;gap:var(--space-2);flex-wrap:wrap}.pe-elements{display:flex;flex-direction:column;gap:var(--space-2)}.pe-el__drag{color:var(--text-muted);font-size:var(--font-base);cursor:grab;user-select:none;opacity:.45;align-self:center}.toggle.pe-el.dragging{transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);cursor:grabbing;background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:scale(calc(1 + var(--press-basis) * var(--weite)))}.pe-el__placeholder{border:2px dashed var(--border-hover);border-radius:var(--radius-surface);background:var(--surface-hover);opacity:.4}body.pe-dragging,body.pe-dragging *{cursor:grabbing!important;user-select:none!important}@media(max-width:600px){.popup-editor{grid-template-columns:1fr;gap:var(--space-5)}.popup-editor__preview{position:static;padding:var(--space-6)}}.toggle.pe-el.is-readonly{cursor:default}.toggle.pe-el.is-readonly:hover{transform:none;border-color:var(--border);box-shadow:var(--inset-light),var(--shadow-sm)}.toggle.pe-el.is-readonly:active{transform:none}fr-chat-composer{display:contents}.chat-composer{width:100%;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--bg-elevated);box-shadow:var(--inset-light),var(--shadow-sm);color:var(--text);font-family:var(--font);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.chat-composer:has(.chat-composer__input:where(:enabled):hover){transform:translateY(var(--lift-sm));border-color:var(--border-hover)}.chat-composer:focus-within{border-color:var(--border-hover);box-shadow:var(--inset-light-strong),var(--shadow-sm);transform:translateY(var(--lift-sm))}.chat-composer__main{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.chat-composer__input{flex:1;min-width:0;min-height:var(--space-8);max-height:calc(var(--space-8) * 4);field-sizing:content;padding:var(--space-2) var(--space-1);resize:vertical;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:var(--font-md);line-height:1.6}.chat-composer__input::placeholder{color:var(--text-muted)}.chat-composer__input,.chat-composer__input:is(:hover,:focus,:focus-visible){border:0;outline:0;background:transparent;box-shadow:none;transform:none}.chat-composer__actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.chat-composer__send{display:grid;place-items:center;width:var(--space-8);min-width:var(--space-8);min-height:var(--space-8);height:var(--space-8);padding:0;border-radius:var(--radius-square-control)}.chat-composer__send svg{width:var(--space-5);height:var(--space-5)}.chat-composer__controls{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-8);padding:0 var(--space-3) var(--space-3);color:var(--text-secondary)}.chat-composer__controls:empty{display:none}@media(prefers-reduced-motion:reduce){.chat-composer{transition:none}}fr-chat-message{display:contents}.chat-message{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);max-width:100%;margin-block-end:var(--space-6);color:var(--text);font-family:var(--font)}.chat-message--user{align-items:flex-end}.chat-message__author{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--weight-medium)}.chat-message__body{max-width:min(90%,var(--content-medium));font-size:var(--font-md);line-height:1.7;overflow-wrap:anywhere}.chat-message--agent .chat-message__body{max-width:100%}.chat-message--user .chat-message__body{padding:var(--space-3) var(--space-4);border-radius:var(--radius-surface);background:var(--surface);box-shadow:var(--inset-light)}.chat-message__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-height:var(--space-4);color:var(--text-secondary);font-size:var(--font-xs);font-variant-numeric:tabular-nums}fr-conversation-row{display:contents}fr-conversation-row[hidden],fr-conversation-row [hidden]{display:none}.conversation-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--space-3);width:100%;min-height:var(--space-8);padding:var(--space-3);border:0;border-radius:var(--radius-inner);background:transparent;color:var(--text);font-family:var(--font);text-align:start;cursor:pointer;transition:color var(--transition-hover),background var(--transition-hover),opacity var(--transition-hover),transform var(--transition-hover)}.conversation-row:has(.conversation-row__avatar:not(:empty)){grid-template-columns:auto minmax(0,1fr)}.conversation-row:hover{background:var(--surface);transform:scale(var(--grow-row))}.conversation-row:active{transform:scale(var(--press))}.conversation-row:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * -1)}.conversation-row--selected{border-radius:var(--radius-inner);background:var(--surface-strong);box-shadow:var(--inset-light)}.conversation-row[draggable=true]{cursor:grab}.conversation-row--dragging{opacity:.45;cursor:grabbing}.conversation-row--drop-before:before,.conversation-row--drop-after:after{content:"";position:absolute;z-index:1;inset-inline:var(--space-3);height:calc(var(--space-1) / 2);border-radius:var(--radius-control-sm);background:var(--accent)}.conversation-row--drop-before:before{inset-block-start:0}.conversation-row--drop-after:after{inset-block-end:0}.conversation-row__avatar{display:grid;place-items:center;width:var(--space-7);height:var(--space-7)}.conversation-row__avatar:empty{display:none}.conversation-row__avatar>*{max-width:100%;max-height:100%}.conversation-row__content{min-width:0}.conversation-row__head{display:flex;align-items:center;gap:var(--space-2);min-width:0}.conversation-row__name{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.conversation-row--unread .conversation-row__name{font-weight:var(--weight-semibold)}.conversation-row__meta{display:inline-flex;align-items:center;gap:var(--space-1);margin-inline-start:auto;flex:none}.conversation-row__unread{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-square-control);background:var(--dot)}.conversation-row__pin{display:grid;place-items:center;width:var(--space-4);height:var(--space-4);color:var(--text-secondary)}.conversation-row__pin svg{width:var(--space-3);height:var(--space-3)}.conversation-row__time{color:var(--text-secondary);font-size:var(--font-xs);font-variant-numeric:tabular-nums}.conversation-row__preview{display:block;margin-block-start:var(--space-1);overflow:hidden;color:var(--text-secondary);font-size:var(--font-sm);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.conversation-row--unread .conversation-row__preview{color:var(--text);font-weight:var(--weight-medium)}@media(prefers-reduced-motion:reduce){.conversation-row{transition:none}}fr-stream-state{display:contents}.stream-state{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-5);color:var(--text-secondary);font-family:var(--font);font-size:var(--font-sm)}.stream-state--idle{visibility:hidden}.stream-state__dot{width:var(--space-2);height:var(--space-2);flex:none;border-radius:var(--radius-square-control);background:var(--text-muted)}.stream-state--queued .stream-state__dot{background:var(--warning)}.stream-state--running .stream-state__dot{background:var(--dot);animation:stream-state-pulse var(--t-slow) var(--ease) infinite}.stream-state__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-state__elapsed{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes stream-state-pulse{50%{opacity:.35;transform:scale(.72)}}@media(prefers-reduced-motion:reduce){.stream-state--running .stream-state__dot{animation:none}}fr-tool-trace{display:contents}.tool-trace{max-width:100%;margin-block:var(--space-3) var(--space-5);color:var(--text-secondary);font-family:var(--font);font-size:var(--font-sm)}.tool-trace__summary{display:flex;width:fit-content;max-width:100%;align-items:center;gap:var(--space-2);min-height:var(--space-7);padding-block:var(--space-1);border-radius:var(--radius-control);cursor:pointer;list-style:none;transform-origin:left center;transition:color var(--transition-hover),transform var(--transition-hover)}.tool-trace__summary::-webkit-details-marker{display:none}.tool-trace__summary:hover{color:var(--text);transform:scale(var(--grow-sm))}.tool-trace__summary:after{content:"";width:var(--space-1);height:var(--space-1);flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);transition:transform var(--transition-spring)}.tool-trace[open]>.tool-trace__summary:after{transform:rotate(45deg)}.tool-trace__summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.tool-trace__state{flex:none;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-square-control);background:var(--text-muted)}.tool-trace--running .tool-trace__state{background:var(--warning)}.tool-trace--failed .tool-trace__state{background:var(--error)}.tool-trace__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-trace__count{flex:none;color:var(--text-muted);font-variant-numeric:tabular-nums}.tool-trace__content{margin-inline-start:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-3);border-inline-start:1px solid var(--border);line-height:1.6;overflow-wrap:anywhere}.tool-trace__content>:first-child{margin-block-start:0}.tool-trace__content>:last-child{margin-block-end:0}.tool-trace__content ol{padding-inline-start:var(--space-4)}.tool-trace__content li+li{margin-block-start:var(--space-2)}@media(prefers-reduced-motion:reduce){.tool-trace__summary{transition:none}}