:root{--bg: #0b0b13;--surface: #13131f;--surface-2: #181826;--surface-3: #1f1f2e;--border: #252533;--border-2: #2e2e3e;--text: #e8e8ee;--text-dim: #a0a0b2;--text-mute: #5a5a6a;--accent: #7c5cff;--accent-dim: rgba(124, 92, 255, .16);--accent-soft:rgba(124, 92, 255, .08);--buy: #22d39a;--sell: #ff5e6e;--warn: #f5b042;--cyan: #5dd7e8;--radius: 7px;--radius-lg: 10px;--font-sans: "IBM Plex Sans", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:-.005em}.app{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}.app__main-col{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.sidebar{position:relative;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);min-height:0;overflow:hidden}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.sidebar__brand-logo{width:28px;height:28px;border-radius:50%;flex-shrink:0}.sidebar__brand-name{font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--text)}.sidebar__tabs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}.sidebar__tabs-title{font-size:10px;color:var(--text-mute);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sidebar__add-btn{width:22px;height:22px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;display:grid;place-items:center;font-size:14px;line-height:1}.sidebar__add-btn:hover{border-color:var(--accent);color:var(--accent)}.sidebar__tabs-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 12px;display:flex;flex-direction:column;gap:1px}.sidebar__empty{padding:24px 12px;text-align:center;color:var(--text-mute);font-size:11px;border:1px dashed var(--border);border-radius:8px;margin-top:12px}.sidebar__empty-text{margin-bottom:10px}.sidebar__empty-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:11px;cursor:pointer;font-family:inherit}.sidebar__tab{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:8px 8px 8px 10px;border-radius:7px;cursor:pointer;color:var(--text-dim);border-left:2px solid transparent;transition:background .12s}.sidebar__tab:hover{background:var(--surface-3)}.sidebar__tab--active{background:var(--accent-dim);color:var(--text);border-left-color:var(--accent);padding-left:8px}.sidebar__tab--active:hover{background:var(--accent-dim)}.sidebar__tab-dot{width:7px;height:7px;border-radius:3.5px;background:var(--text-mute);flex-shrink:0}.sidebar__tab--active .sidebar__tab-dot{background:var(--accent);box-shadow:0 0 4px #7c5cff66}.sidebar__tab-body{display:flex;flex-direction:column;min-width:0;line-height:1.25}.sidebar__tab-name{font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__tab--active .sidebar__tab-name{font-weight:600}.sidebar__tab-subtitle{font-size:10px;color:var(--text-mute);font-family:var(--font-mono);margin-top:2px;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__tab-input{background:var(--bg);border:1px solid var(--accent);border-radius:4px;padding:3px 6px;color:var(--text);font-size:12px;font-family:inherit;outline:none;min-width:0;width:100%}.sidebar__tab-edit{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.sidebar__tab-input--desc{font-size:10.5px;padding:2px 6px;color:var(--text-mute)}.sidebar__tab-subtitle--user{color:var(--text);font-family:inherit;letter-spacing:0}.sidebar__tab-menu-btn{width:18px;height:18px;border-radius:3px;border:none;background:transparent;color:var(--text-mute);cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1;opacity:.6}.sidebar__tab-menu-btn:hover{opacity:1;background:var(--surface-3)}.sidebar__tab-menu{position:fixed;z-index:110;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:4px;min-width:160px;box-shadow:0 12px 30px #00000080}.sidebar__tab-menu-item{display:flex;align-items:center;gap:10px;padding:7px 10px;width:100%;background:transparent;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.sidebar__tab-menu-item:hover{background:var(--surface-3)}.sidebar__tab-menu-item--danger{color:var(--sell)}.sidebar__tab-menu-icon{color:var(--text-mute);font-size:12px;width:14px;text-align:center}.sidebar__tab-menu-item--danger .sidebar__tab-menu-icon{color:var(--sell)}.sidebar__tab-menu-divider{height:1px;background:var(--border);margin:4px 0}.sidebar__footer{border-top:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-dim);flex-shrink:0}.sidebar__footer-dot{width:6px;height:6px;border-radius:3px;background:var(--text-mute);flex-shrink:0}.sidebar__footer-dot--on{background:var(--buy);box-shadow:0 0 6px #22d39a8c}.sidebar__footer-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app__header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;--ctl-h: 28px;--ctl-r: var(--radius);--ctl-border: var(--border);--ctl-border-hover: var(--border-2)}.tab-editor{position:fixed;z-index:100;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 30px #00000080;padding:12px 14px;min-width:320px;max-width:460px;max-height:70vh;overflow-y:auto}.tab-editor__header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-dim);font-weight:600;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tab-editor__close{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:18px;line-height:1}.tab-editor__close:hover{color:var(--text)}.tab-editor__search{position:relative;margin-bottom:10px}.tab-editor__search-input{width:100%;padding:6px 28px 6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:13px;outline:none}.tab-editor__search-input:focus{border-color:var(--accent)}.tab-editor__search-input::placeholder{color:var(--text-mute)}.tab-editor__search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:14px;line-height:1;padding:2px 6px}.tab-editor__search-clear:hover{color:var(--text)}.tab-editor__empty{font-size:13px;color:var(--text-mute);padding:12px;text-align:center}.tab-editor__pairs{display:flex;flex-direction:column;gap:14px}.tab-editor__group{display:flex;flex-direction:column;gap:8px}.tab-editor__group-name{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:700;padding-bottom:3px;border-bottom:1px dashed var(--border)}.tab-editor__pair{display:flex;flex-direction:column;gap:4px}.tab-editor__pair-name{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px}.tab-editor__pair-count{font-size:10px;color:var(--accent);background:var(--accent-dim);padding:1px 6px;border-radius:8px;font-weight:600}.tab-editor__sources{display:flex;flex-direction:column;gap:4px;padding-left:8px}.tab-editor__source{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);cursor:pointer;padding:2px 0}.tab-editor__source:hover{color:var(--text)}.tab-editor__source input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border-radius:3px;border:1px solid var(--border);background:transparent;cursor:pointer;flex-shrink:0;transition:border-color .12s ease,background-color .12s ease}.tab-editor__source:hover input[type=checkbox]:not(:checked){border-color:var(--border-2)}.tab-editor__source input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-dim)}.tab-editor__source input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:9px 9px}.tab-editor__source-dot{width:8px;height:8px;border-radius:50%}.tab-editor__current{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.tab-editor__current-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-mute);margin-bottom:8px}.tab-editor__chips{display:flex;flex-wrap:wrap;gap:6px}.series-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--surface-3);border:1px solid var(--border);border-radius:12px;font-size:12px;color:var(--text)}.series-chip__dot{width:8px;height:8px;border-radius:50%}.series-chip__close{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.series-chip__close:hover{color:var(--sell)}.layout-selector{display:inline-flex;height:var(--ctl-h);border:1px solid var(--ctl-border);border-radius:var(--ctl-r);overflow:hidden}.layout-btn{background:transparent;border:none;color:var(--text-mute);cursor:pointer;padding:0 8px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--ctl-border);transition:all .15s ease}.layout-btn:last-child{border-right:none}.layout-btn:hover{background:var(--surface-3);color:var(--text)}.layout-btn--active{background:var(--accent-dim);color:var(--accent)}.layout-icon{display:grid;gap:2px;width:16px;height:16px}.layout-icon--1x1{grid-template:1fr / 1fr}.layout-icon--2x1{grid-template:1fr / 1fr 1fr}.layout-icon--1x2{grid-template:1fr 1fr / 1fr}.layout-icon--2x2{grid-template:1fr 1fr / 1fr 1fr}.layout-icon__cell{background:currentColor;border-radius:1px;opacity:.85}.chart-cell{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-lg);overflow:hidden}.chart-cell--focused{border-color:var(--accent)}.chart-cell__header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.chart-cell__tab-picker{display:inline-flex;align-items:center;gap:6px;max-width:220px;height:24px;padding:0 8px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.chart-cell__tab-picker:hover,.chart-cell__tab-picker--open{border-color:var(--border-2);background-color:var(--accent-soft)}.chart-cell__tab-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chart-cell__tab-picker-count{font-size:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:1px 5px;border-radius:3px;background:var(--accent-dim);color:var(--accent);flex-shrink:0}.chart-cell__tab-picker svg{color:var(--text-mute);flex-shrink:0}.chart-cell__tab-picker-menu{position:fixed;z-index:120;max-width:280px;max-height:60vh;overflow-y:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 40px #00000080;padding:4px;display:flex;flex-direction:column;gap:1px}.chart-cell__tab-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.chart-cell__tab-picker-item:hover{background:var(--surface-3)}.chart-cell__tab-picker-item--active{background:var(--accent-dim);color:var(--text)}.chart-cell__tab-picker-item--active:hover{background:var(--accent-dim)}.chart-cell__tab-picker-item--empty{color:var(--text-mute);font-style:italic}.chart-cell__tab-picker-item-label{flex:1;display:flex;flex-direction:column;min-width:0;gap:1px}.chart-cell__tab-picker-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chart-cell__tab-picker-item-sub{font-size:10px;color:var(--text-mute);font-family:var(--font-mono);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chart-cell__tab-picker-item-sub--user{color:var(--text-dim);font-family:inherit;letter-spacing:0}.chart-cell__tab-picker-item-count{font-size:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:1px 5px;border-radius:3px;background:var(--border);color:var(--text-dim);flex-shrink:0}.chart-cell__tab-picker-item--active .chart-cell__tab-picker-item-count{background:var(--accent);color:#fff}.chart-cell__tab-picker-divider{height:1px;background:var(--border);margin:4px 0}.chart-cell__edit{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-mute);cursor:pointer;font-size:12px;line-height:1;padding:0;transition:color .15s ease,border-color .15s ease,background .15s ease}.chart-cell__edit:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.chart-cell__chart{position:relative;flex:1;min-height:0}.chart-cell__chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-mute);font-size:13px;pointer-events:none}.chart-jump-latest{position:absolute;top:10px;right:64px;z-index:3;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #0006;transition:color .15s ease,border-color .15s ease,background .15s ease}.chart-jump-latest:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.fee-control{display:inline-flex;align-items:center;gap:8px;height:var(--ctl-h);padding:0 4px 0 10px;border:1px solid var(--ctl-border);border-radius:var(--ctl-r);background:transparent;transition:border-color .18s ease}.fee-control--on{border-color:#7c5cff8c}.fee-control__label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-dim);-webkit-user-select:none;user-select:none;white-space:nowrap}.fee-control--on .fee-control__label{color:var(--text)}.fee-control__divider{width:1px;align-self:stretch;background:var(--ctl-border);margin:5px 2px}.toggle-switch{position:relative;flex-shrink:0;width:32px;height:18px;padding:0;border:none;border-radius:9px;background:var(--border);cursor:pointer;transition:background .18s ease;outline:none}.toggle-switch:hover{background:var(--border-2)}.toggle-switch:focus-visible{box-shadow:0 0 0 2px var(--accent)}.toggle-switch--on{background:var(--accent)}.toggle-switch--on:hover{background:var(--accent);filter:brightness(1.1)}.toggle-switch__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0006;transition:transform .18s ease}.toggle-switch--on .toggle-switch__thumb{transform:translate(14px)}.fee-settings-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--text-mute);cursor:pointer;transition:all .15s ease}.fee-settings-btn:hover{color:var(--accent);background:var(--accent-soft)}.fee-settings-btn--active{color:var(--accent);background:var(--accent-dim)}.fee-settings{position:fixed;z-index:100;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 30px #00000080;padding:12px 14px;min-width:360px;max-width:480px;max-height:70vh;overflow-y:auto}.fee-settings__header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.fee-settings__close{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:18px;line-height:1}.fee-settings__close:hover{color:var(--text)}.fee-settings__hint{font-size:11px;color:var(--text-mute);margin-bottom:10px;line-height:1.4}.fee-settings__list{display:flex;flex-direction:column;gap:8px}.fee-settings__group{display:flex;flex-direction:column;gap:2px}.fee-settings__group-header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;padding:4px 6px;background:var(--surface-3);border-radius:4px}.fee-settings__chevron{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:11px;line-height:1;padding:2px 4px;width:18px}.fee-settings__chevron:hover{color:var(--accent)}.fee-settings__source-name{background:transparent;border:none;color:var(--text);font-size:13px;font-weight:600;text-align:left;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fee-settings__source-name:hover{color:var(--accent)}.fee-settings__pair-count{font-size:10px;color:var(--text-mute);background:var(--border);padding:1px 6px;border-radius:8px;font-weight:600}.fee-settings__pair-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;padding:3px 6px 3px 28px}.fee-settings__pair-name{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fee-settings__pair-hint{font-size:10px;color:var(--text-mute);white-space:nowrap}.fee-settings__input-wrap{display:inline-flex;align-items:center;gap:4px}.fee-input{width:80px;padding:3px 6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;outline:none}.fee-input:focus{border-color:var(--accent)}.fee-input::placeholder{color:var(--text-mute)}.fee-settings__unit{font-size:12px;color:var(--text-mute)}.fee-settings__reset{background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-mute);cursor:pointer;font-size:14px;line-height:1;padding:2px 6px}.fee-settings__reset:disabled{opacity:.3;cursor:not-allowed}.fee-settings__reset:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}.fee-settings__footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.fee-settings__clear-all{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--sell);cursor:pointer;font-size:12px;padding:4px 10px}.fee-settings__clear-all:disabled{opacity:.3;cursor:not-allowed}.fee-settings__clear-all:not(:disabled):hover{border-color:var(--sell);background:#ff5e6e21}.app__main{flex:1;min-height:0;display:grid;gap:4px;padding:4px;background:var(--bg)}.app__main--1x1{grid-template:1fr / 1fr}.app__main--2x1{grid-template:1fr / 1fr 1fr}.app__main--1x2{grid-template:1fr 1fr / 1fr}.app__main--2x2{grid-template:1fr 1fr / 1fr 1fr}.quote-panel{display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;max-height:40%;overflow-y:auto}.quote-panel__empty{padding:16px 12px;color:var(--text-mute);font-size:12px;text-align:center}.quote-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.quote-table thead th{position:sticky;top:0;z-index:1;padding:6px 10px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-mute);font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;text-align:left;white-space:nowrap;font-family:var(--font-sans)}.quote-table__th-dot{width:14px;padding:6px 0 6px 10px!important}.quote-table__th-num{text-align:right!important}.quote-table__td-pair{color:var(--text-dim);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.quote-table__row td{padding:5px 10px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.quote-table__row:last-child td{border-bottom:none}.quote-table__row--stale td{opacity:.45}.quote-table__td-dot{width:14px;padding:5px 0 5px 10px!important}.quote-table__td-source{color:var(--text);font-weight:600}.quote-table__num{text-align:right;font-weight:500}.quote-table__num--dim{color:var(--text-dim)}.quote-table__num--best{position:relative;background:#22d39a24;box-shadow:inset 0 0 0 1px #22d39a59;border-radius:3px}.source-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.status-tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600;letter-spacing:.4px}.status-tag--ok{color:var(--buy);background:#22d39a24}.status-tag--err{color:var(--sell);background:#ff5e6e24}.status-tag--stale{color:var(--warn);background:#f5b04224}.status-tag--synth{margin-left:6px;color:var(--text-mute);background:#ffffff0f;font-size:9px;text-transform:uppercase;cursor:help}.app--loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-mute);font-size:16px}.app__header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.app__header-divider{width:1px;height:18px;background:var(--ctl-border);margin:0 4px;flex-shrink:0}.user-menu{position:relative}.user-menu__btn{display:inline-flex;align-items:center;gap:8px;height:var(--ctl-h);background:transparent;border:1px solid var(--ctl-border);border-radius:var(--ctl-r);padding:4px 8px 4px 4px;cursor:pointer;color:var(--text);font-family:inherit;font-size:12px;max-width:240px;min-width:0;transition:border-color .15s ease}.user-menu__btn:hover,.user-menu__btn--open{border-color:var(--border-2)}.user-menu__avatar{width:20px;height:20px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;text-transform:uppercase;flex-shrink:0}.user-menu__email{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-menu__dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 40px #00000080;z-index:50;padding:4px;display:flex;flex-direction:column}.user-menu__item{display:flex;align-items:center;gap:10px;padding:7px 10px;width:100%;background:transparent;border:none;border-radius:6px;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.user-menu__item:hover:not(:disabled){background:var(--surface-3)}.user-menu__item--danger{color:var(--sell)}.user-menu__item--disabled,.user-menu__item:disabled{opacity:.5;cursor:not-allowed}.user-menu__item-icon{color:var(--text-mute);font-size:12px;width:14px;text-align:center}.user-menu__item--danger .user-menu__item-icon{color:var(--sell)}.user-menu__divider{height:1px;background:var(--border);margin:4px 0}.auth-shell{display:grid;place-items:center;width:100%;min-height:100vh;padding:24px;background:var(--bg);background-image:radial-gradient(circle at 20% 30%,rgba(124,92,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(93,215,232,.06) 0,transparent 50%)}.auth-card{width:100%;max-width:380px;padding:36px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 80px #0006;color:var(--text)}.auth-card__brand-logo{display:block;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;box-shadow:0 8px 32px var(--accent-dim)}.auth-card__title{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px;text-align:center}.auth-card__subtitle{font-size:13px;color:var(--text-dim);margin-bottom:24px;text-align:center}.auth-card__error{padding:8px 12px;background:#ff5e6e21;border:1px solid rgba(255,94,110,.27);border-radius:6px;color:var(--sell);font-size:13px;margin-bottom:16px}.auth-card__label{display:block;margin-bottom:14px}.auth-card__label-text{display:block;font-size:11px;color:var(--text-dim);font-weight:500;letter-spacing:.02em;margin-bottom:6px}.auth-card__input{display:block;width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s ease}.auth-card__input:focus{border-color:var(--accent)}.auth-card__submit{width:100%;padding:11px;margin-top:6px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #7c5cff45;transition:opacity .15s ease}.auth-card__submit:hover:not(:disabled){opacity:.92}.auth-card__submit:disabled{opacity:.5;cursor:not-allowed}.auth-card__notice{margin-top:22px;padding:10px 12px;background:#ffffff05;border:1px solid var(--border);border-radius:7px;font-size:11px;color:var(--text-mute);line-height:1.5}.auth-card__google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px;margin-bottom:6px;background:var(--surface-2, rgba(255, 255, 255, .05));color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer}.auth-card__google:hover{background:var(--surface-3, rgba(255, 255, 255, .08))}.auth-card__divider{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.1em}.auth-card__divider:before,.auth-card__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-card__links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px}.auth-card__link{background:none;border:none;padding:4px 0;color:var(--accent, #5b8def);cursor:pointer;font-family:inherit;font-size:12px;text-decoration:none}.auth-card__link:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.modal-card{position:relative;background:var(--surface-2);box-shadow:0 24px 60px #0009}.modal-card__close{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:4px;border:none;background:transparent;color:var(--text-mute);cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center}.modal-card__close:hover{background:var(--surface-3);color:var(--text)}