:root{--bg: var(--tg-theme-bg-color, #0e1621);--bg-elevated: var(--tg-theme-secondary-bg-color, #17212b);--bg-card: rgba(23, 33, 43, .6);--text: var(--tg-theme-text-color, #ffffff);--text-muted: var(--tg-theme-hint-color, #8aa1ba);--text-dim: #4a5d72;--link: var(--tg-theme-link-color, #3390ec);--button: var(--tg-theme-button-color, #3390ec);--button-text: var(--tg-theme-button-text-color, #ffffff);--button-hover: color-mix(in srgb, var(--button) 88%, white 12%);--destructive: var(--tg-theme-destructive-text-color, #e0625b);--header-bg: var(--tg-theme-header-bg-color, #17212b);--section-separator: rgba(255, 255, 255, .06);--section-separator-strong: rgba(255, 255, 255, .12);--success: #3ec55a;--warn: #ffb800;--shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .15);--shadow-button: 0 2px 8px rgba(51, 144, 236, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-size:14px;line-height:1.45;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link);text-decoration:none}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0}input,select,textarea{font:inherit;font-size:15px}.app{max-width:760px;margin:0 auto;padding:0 0 96px;min-height:100vh}.header{background:linear-gradient(180deg,var(--header-bg),color-mix(in srgb,var(--header-bg) 96%,black 4%));padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--section-separator-strong);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header h1{margin:0;font-size:17px;font-weight:600;flex:1;letter-spacing:-.01em}.header .back{color:var(--link);font-size:22px;font-weight:400;padding:0 6px;line-height:1;transition:opacity .12s}.header .back:hover{opacity:.7}.header .count{color:var(--text-muted);font-weight:400;font-size:14px;margin-left:6px}.toolbar{padding:12px 14px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--section-separator);background:var(--bg)}.tab-active{background:#3390ec2e;color:var(--link);padding:6px 12px;border-radius:14px;font-size:13px;font-weight:500;border:1px solid rgba(51,144,236,.2)}.create-btn{margin-left:auto;background:var(--button);color:var(--button-text);padding:8px 16px;border-radius:16px;font-size:13px;font-weight:600;box-shadow:var(--shadow-button);transition:transform 80ms,background .12s}.create-btn:hover{background:var(--button-hover);transform:translateY(-1px)}.create-btn:active{transform:translateY(0)}.row{padding:14px 16px;border-bottom:1px solid var(--section-separator);display:flex;align-items:center;gap:10px;transition:background .12s;min-width:0}.row:hover{background:#ffffff05}.row .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:2px}.dot.on{background:var(--success);box-shadow:0 0 0 2px #3ec55a2e,0 0 10px #3ec55a8c}.dot.off{background:#d44;box-shadow:0 0 0 2px #dd44442e}.row-body{flex:1;min-width:0}.row-line1{font-size:15px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.row-line2{color:var(--text-muted);font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow{color:var(--text-dim);font-size:11px;margin:0 6px;font-weight:400}.toggle{width:42px;height:24px;border-radius:12px;background:#2a3a4d;position:relative;flex-shrink:0;cursor:pointer;transition:background .18s ease;box-shadow:inset 0 1px 2px #00000040}.toggle.on{background:var(--button);box-shadow:inset 0 1px 2px #00000026,0 0 12px #3390ec59}.toggle:after{content:"";width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .18s cubic-bezier(.4,0,.2,1),box-shadow .18s;box-shadow:0 2px 4px #00000040}.toggle.on:after{left:20px}.section-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;padding:20px 16px 8px;letter-spacing:.7px;font-weight:500}.item{padding:14px 16px;border-bottom:1px solid var(--section-separator);display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:background .12s;min-height:56px}.item:active{background:#ffffff0a}.item:hover{background:var(--bg-elevated)}.item-left{flex:1;min-width:0}.item-title{color:var(--text);font-size:15px;font-weight:500;letter-spacing:-.01em}.item-sub{color:var(--text-muted);font-size:12px;margin-top:3px;line-height:1.35}.item-chev{color:var(--text-dim);font-size:18px;font-weight:300;margin-left:4px}.item-action{color:var(--text-muted);font-size:13px;padding:4px 8px;border-radius:6px;transition:background .12s}.item-action:hover{background:#ffffff0f}.item-action.danger{color:var(--destructive)}.item-action.danger:hover{background:#e0625b1a}.item-title.danger{color:var(--destructive)}.btn{display:block;width:calc(100% - 32px);margin:14px 16px;padding:14px;text-align:center;background:var(--button);color:var(--button-text);border-radius:var(--radius-md);font-size:15px;font-weight:600;letter-spacing:-.01em;transition:transform 80ms,background .12s,opacity .12s;box-shadow:var(--shadow-button)}.btn:hover{background:var(--button-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:transparent;border:1px dashed var(--link);color:var(--link);box-shadow:none}.btn.ghost:hover{background:#3390ec14}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:36px;height:32px;padding:0 10px;margin:0;border-radius:var(--radius-sm, 6px);background:var(--button);color:var(--button-text);font-size:13px;font-weight:600;line-height:1;flex-shrink:0;transition:background .12s,transform 80ms,opacity .12s}.btn-icon:hover{background:var(--button-hover)}.btn-icon:disabled{opacity:.45;cursor:not-allowed}.btn-icon.ghost{background:transparent;border:1px solid var(--section-separator);color:var(--text-muted)}.btn-icon.ghost:hover{background:#ffffff0a;color:var(--text)}.btn-icon.danger{background:var(--destructive);color:#fff}.btn-icon.danger:hover{background:color-mix(in srgb,var(--destructive) 88%,white 12%)}.btn.danger{background:var(--destructive);box-shadow:0 2px 8px #e0625b4d}.btn.danger:hover{background:color-mix(in srgb,var(--destructive) 88%,white 12%)}.input,.select,textarea.input{width:100%;background:var(--bg-elevated);color:var(--text);border:1px solid var(--section-separator-strong);border-radius:var(--radius-sm);padding:11px 14px;margin-bottom:10px;transition:border-color .12s,background .12s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--link);background:color-mix(in srgb,var(--bg-elevated) 92%,var(--link) 8%)}.input::placeholder{color:var(--text-dim)}.select{background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='%238aa1ba' d='M5.5 7.5l4.5 4.5 4.5-4.5z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;padding-right:36px}.field{padding:0 16px 12px}.field-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;margin-bottom:6px;letter-spacing:.7px;font-weight:500}.kbd-hint{color:var(--text-muted);font-size:12px;padding:8px 16px 16px;line-height:1.5}.kbd-hint code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.empty-state{padding:64px 16px 32px;text-align:center;color:var(--text-muted);font-size:14px;line-height:1.6}.empty-state:before{content:"";display:block;width:64px;height:64px;margin:0 auto 16px;background:var(--bg-elevated);border-radius:50%;opacity:.6;position:relative}.empty-state-icon{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.error-banner{background:#e0625b1f;color:var(--destructive);padding:12px 14px;border-radius:var(--radius-sm);margin:14px 16px;font-size:13px;border:1px solid rgba(224,98,91,.2)}.spinner{text-align:center;padding:48px 16px;color:var(--text-muted)}.spinner:before{content:"";display:block;width:28px;height:28px;margin:0 auto 14px;border:3px solid var(--section-separator-strong);border-top-color:var(--link);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{padding:18px 18px 22px;background:linear-gradient(135deg,#3ec55a1a,#3390ec0f);border-bottom:1px solid var(--section-separator-strong)}.hero-name{color:var(--text);font-size:17px;font-weight:600;letter-spacing:-.01em}.hero-arrow{color:var(--text-muted);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:6px}.hero-arrow:before{content:"→";color:var(--text-dim);font-size:12px}.hero-badge{display:inline-block;background:#3ec55a2e;color:var(--success);font-size:11px;padding:3px 10px;border-radius:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-top:10px}.hero-badge.off{background:#dd444429;color:#e0625b}.checkbox-row{padding:10px 0 14px;display:flex;gap:10px;align-items:center;font-size:14px;color:var(--text-muted);-webkit-user-select:none;user-select:none;cursor:pointer}.checkbox-row input{width:18px;height:18px;margin:0;accent-color:var(--link)}.tag{display:inline-block;background:#3390ec29;color:var(--link);padding:2px 8px;border-radius:8px;font-size:11px;font-weight:500;letter-spacing:.2px;border:1px solid rgba(51,144,236,.18)}.tag.warn{background:#ffb80029;color:var(--warn);border-color:#ffb80033}.tag.success{background:#3ec55a29;color:var(--success);border-color:#3ec55a33}.list-divider{height:8px;background:var(--bg)}.row a,.row>a{display:block;color:inherit}.row-card-wrap{display:block;color:inherit;transition:background .12s}.row-card-wrap:hover{background:#ffffff05}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #3ec55a29,0 0 10px #3ec55a80}50%{box-shadow:0 0 0 4px #3ec55a1a,0 0 14px #3ec55ab3}}.dot.on{animation:pulse 2.4s ease-in-out infinite}