:root{color-scheme:dark;--bg-deep: #0e1621;--bg: #17212b;--bg-elev: #1e2a38;--bg-elev-2: #243140;--bg-row: #1a2532;--bg-row-hover: #22303f;--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .11);--line-accent: rgba(94, 177, 255, .28);--text: #e9eef5;--text-soft: #b9c4d0;--text-mut: #8b97a6;--text-dim: #5a6878;--accent: #5eb1ff;--accent-strong: #3a9eff;--accent-soft: rgba(94, 177, 255, .14);--accent-glow: rgba(94, 177, 255, .34);--accent-fg: #0e1621;--amber: #f5b56a;--amber-soft: rgba(245, 181, 106, .14);--amber-glow: rgba(245, 181, 106, .32);--ok: #4ed4a3;--ok-soft: rgba(78, 212, 163, .14);--warn: #ffb454;--warn-soft: rgba(255, 180, 84, .16);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px var(--accent-glow), 0 8px 28px rgba(58, 158, 255, .18);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 22px;--ease: cubic-bezier(.32, .72, 0, 1);--t-fast: .14s;--t-med: .22s;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{max-width:100%;min-height:100%;overflow-x:hidden;scroll-behavior:smooth;width:100%}body{margin:0;max-width:100%;min-width:0;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;width:100%}#root{max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}@supports (overflow: clip){html,body,#root{overflow-x:clip}}img,svg,video,canvas{max-width:100%}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(800px 400px at 92% -10%,rgba(94,177,255,.18),transparent 60%),radial-gradient(700px 380px at -10% 12%,rgba(245,181,106,.1),transparent 65%),radial-gradient(900px 600px at 50% 110%,rgba(94,177,255,.08),transparent 70%)}button,input,select,textarea{font:inherit;color:inherit;max-width:100%;min-width:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--text)}.shell{position:relative;z-index:1;display:grid;gap:18px;margin:0 auto;max-width:1180px;min-width:0;overflow-x:clip;padding:22px 18px calc(108px + env(safe-area-inset-bottom,0px));width:min(100%,1180px)}h1,h2,h3,h4,p{margin:0}h1{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.15}h2{font-size:17px;font-weight:650;letter-spacing:-.005em;color:var(--text)}h3,h4{font-size:14px;font-weight:600;color:var(--text)}.status{align-items:center;background:#1e2a38d9;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-soft);display:inline-flex;font-size:12.5px;font-weight:600;gap:8px;min-height:32px;padding:0 12px;white-space:nowrap;max-width:100%;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.9;filter:drop-shadow(0 0 6px currentColor)}.status-ok{color:var(--ok);background:var(--ok-soft);border-color:#4ed4a352}.status-warn{color:var(--warn);background:var(--warn-soft);border-color:#ffb45452}.status-loading{color:var(--accent);background:var(--accent-soft);border-color:var(--line-accent)}.status-loading .status-dot{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.auth-block{display:grid;gap:8px;justify-items:start;text-align:left;padding:22px}.auth-icon{align-items:center;background:var(--accent-soft);border:1px solid var(--line-accent);border-radius:14px;color:var(--accent);display:inline-flex;height:48px;justify-content:center;width:48px;margin-bottom:6px}.auth-icon-error{background:var(--danger-soft);border-color:#ff6b6b52;color:var(--danger)}.screen{display:grid;gap:16px;min-width:0}.screen-header{align-items:end;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:4px 4px 0}.screen-header h2{font-size:22px;letter-spacing:-.01em;align-items:center;display:inline-flex;gap:10px;color:var(--text);min-width:0}.screen-header-icon{align-items:center;background:var(--accent-soft);border:1px solid var(--line-accent);border-radius:10px;color:var(--accent);display:inline-flex;height:32px;justify-content:center;width:32px}.screen-header p{color:var(--text-mut);font-size:13px;margin-top:4px;overflow-wrap:anywhere}.screen-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));min-width:0}.summary-band{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-tile{position:relative;background:linear-gradient(180deg,#24314099,#1e2a388c);border:1px solid var(--line);border-radius:var(--r-md);display:grid;gap:8px;min-height:92px;padding:14px;overflow:hidden;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.metric-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(160% 80% at 100% 0%,var(--tone-glow, transparent),transparent 50%);pointer-events:none}.metric-tile:hover{transform:translateY(-2px);border-color:var(--line-strong)}.metric-tone-primary{--tone-color: var(--accent);--tone-bg: var(--accent-soft);--tone-glow: rgba(94,177,255,.16)}.metric-tone-amber{--tone-color: var(--amber);--tone-bg: var(--amber-soft);--tone-glow: rgba(245,181,106,.14)}.metric-tone-success{--tone-color: var(--ok);--tone-bg: var(--ok-soft);--tone-glow: rgba(78,212,163,.14)}.metric-head{align-items:center;display:flex;gap:8px;color:var(--text-mut)}.metric-icon{align-items:center;background:var(--tone-bg);border-radius:8px;color:var(--tone-color);display:inline-flex;height:26px;justify-content:center;width:26px}.metric-tile span:not(.metric-icon){font-size:12.5px;font-weight:500;color:var(--text-mut);letter-spacing:0}.metric-tile strong{font-family:var(--font-mono);font-size:30px;font-weight:600;color:var(--text);line-height:1;letter-spacing:-.02em}.action-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));min-width:0}.action-card{align-items:center;background:radial-gradient(140% 100% at 100% 0%,rgba(94,177,255,.1),transparent 48%),linear-gradient(180deg,#243140b8,#1e2a389e);border-color:var(--line);border-radius:var(--r-md);color:var(--text);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;justify-content:initial;min-height:84px;min-width:0;padding:14px;text-align:left;width:100%}.action-card:hover:not(:disabled){background:radial-gradient(140% 100% at 100% 0%,rgba(94,177,255,.16),transparent 48%),linear-gradient(180deg,#2a3a4ccc,#202d3cb8);border-color:var(--line-accent);box-shadow:0 8px 22px #00000047}.action-card-neutral{background:linear-gradient(180deg,#2431409e,#1e2a388f)}.action-card-amber{background:radial-gradient(140% 100% at 100% 0%,rgba(245,181,106,.12),transparent 48%),linear-gradient(180deg,#243140b8,#1e2a389e)}.action-card-success{background:radial-gradient(140% 100% at 100% 0%,rgba(78,212,163,.12),transparent 48%),linear-gradient(180deg,#243140b8,#1e2a389e)}.action-card-danger{background:radial-gradient(140% 100% at 100% 0%,rgba(255,107,107,.14),transparent 48%),linear-gradient(180deg,#243140b8,#1e2a389e)}.action-card-icon{align-items:center;background:var(--accent-soft);border:1px solid var(--line-accent);border-radius:10px;color:var(--accent);display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}.action-card-amber .action-card-icon{background:var(--amber-soft);border-color:#f5b56a52;color:var(--amber)}.action-card-success .action-card-icon{background:var(--ok-soft);border-color:#4ed4a352;color:var(--ok)}.action-card-danger .action-card-icon{background:var(--danger-soft);border-color:#ff6b6b52;color:var(--danger)}.action-card-copy{display:grid;gap:4px;min-width:0}.action-card-copy strong{color:var(--text);font-size:14px;line-height:1.2;overflow-wrap:anywhere}.action-card-copy span{color:var(--text-mut);font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}.hub-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.4fr) minmax(min(280px,100%),.8fr);min-width:0}.section-header-compact{margin:0}.section-meta{color:var(--text-mut);font-size:12px;font-weight:600;white-space:nowrap}.compact-list{display:grid;gap:8px;margin-top:12px;min-width:0}.compact-row{align-items:start;background:var(--bg-row);border:1px solid var(--line);border-radius:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:11px 12px}.compact-row-button{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.compact-row-button:hover{background:var(--bg-row-hover);border-color:var(--line-accent)}.compact-row-button:active{transform:scale(.99)}.compact-row-main,.compact-row-side{min-width:0}.compact-row-main{display:grid;gap:4px}.compact-row-main strong,.compact-row-main p,.compact-row-side small{overflow-wrap:anywhere}.compact-row-main strong{color:var(--text);font-size:13.5px;line-height:1.25}.compact-row-main p{color:var(--text-mut);display:-webkit-box;font-size:12.5px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-row-side{align-items:end;display:grid;gap:6px;justify-items:end}.compact-row-side small{color:var(--text-mut);font-size:11.5px;text-align:right}.status-chip{border:1px solid var(--line-strong);border-radius:999px;color:var(--text-soft);display:inline-flex;font-size:11px;font-weight:650;line-height:1;max-width:100%;padding:5px 8px;white-space:nowrap}.status-chip-success{background:var(--ok-soft);border-color:#4ed4a34d;color:var(--ok)}.status-chip-amber{background:var(--amber-soft);border-color:#f5b56a4d;color:var(--amber)}.status-chip-danger{background:var(--danger-soft);border-color:#ff6b6b52;color:var(--danger)}.kpi-strip{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(118px,100%),1fr));margin-top:12px;min-width:0}.kpi-pill{background:var(--bg-row);border:1px solid var(--line);border-radius:10px;display:grid;gap:4px;min-width:0;padding:12px}.kpi-pill strong{color:var(--text);font-family:var(--font-mono);font-size:22px;line-height:1}.kpi-pill span{color:var(--text-mut);font-size:12px;overflow-wrap:anywhere}.kpi-pill-success strong{color:var(--ok)}.kpi-pill-danger strong{color:var(--danger)}.empty-inline{color:var(--text-mut);font-size:13px;margin-top:12px}.secondary-toolbar{align-items:center;display:flex;min-width:0}.back-button{background:#ffffff0a;border-color:var(--line-strong);color:var(--text);min-height:38px;width:auto}.back-button:hover:not(:disabled){background:#ffffff14;border-color:var(--line-accent);box-shadow:none}.panel,.inline-state,.section-block,.settings-reset-confirmation{background:linear-gradient(180deg,#2431408c,#1e2a3880);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.panel,.section-block,.inline-state{min-width:0;padding:16px}.section-header,.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.section-header{margin:4px 0 0}.section-header p,.panel p{color:var(--text-mut);font-size:13px;margin-top:5px;overflow-wrap:anywhere}.workspace-section{scroll-margin-top:70px}.workspace-grid>.workspace-section{min-width:0}.panel>*,.section-block>*,.inline-state>*,.workspace-section>*{min-width:0}.ops-dashboard,.tg-grabber,.settings-band{margin-top:2px}.bottom-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:720px;z-index:30;padding:0}.bottom-nav-inner{background:linear-gradient(180deg,#283646eb,#1a2532eb);border:1px solid var(--line-strong);border-radius:22px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 1px #ffffff0f inset,0 18px 50px #0000008c,0 4px 14px #00000059;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px}.bn-btn{position:relative;align-items:center;background:transparent;border:1px solid transparent;border-radius:14px;color:var(--text-mut);display:grid;gap:4px;font-weight:500;justify-items:center;min-height:64px;padding:8px 4px 14px;text-align:center;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);cursor:pointer;width:100%}.bn-btn:hover:not(:disabled){color:var(--text);background:#ffffff0a}.bn-btn:active:not(:disabled){transform:scale(.96)}.bn-icon-wrap{position:relative;align-items:center;display:inline-flex;height:28px;justify-content:center;width:28px}.bn-icon-wrap svg{transition:transform var(--t-med) var(--ease)}.bn-label{font-size:11px;font-weight:550;letter-spacing:.005em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:inherit}.bn-badge{position:absolute;top:-6px;right:-10px;background:var(--amber);color:#1a120a;font-family:var(--font-mono);font-size:10px;font-style:normal;font-weight:600;line-height:1;padding:3px 5px;border-radius:999px;box-shadow:0 2px 6px #0006,0 0 0 2px var(--bg-elev);letter-spacing:0;min-width:16px;text-align:center}.bn-indicator{position:absolute;bottom:5px;height:3px;width:0;background:var(--accent);border-radius:999px;transition:width var(--t-med) var(--ease);box-shadow:0 0 12px var(--accent-glow)}.bn-btn-active{color:var(--accent);background:linear-gradient(180deg,#5eb1ff24,#5eb1ff0d);border-color:var(--line-accent)}.bn-btn-active .bn-icon-wrap svg{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 0 8px var(--accent-glow))}.bn-btn-active .bn-indicator{width:22px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));min-width:0}.stack{display:grid;gap:10px;margin-top:12px}.list{display:grid;gap:8px;margin-top:12px}.list-row{align-items:start;background:var(--bg-row);border:1px solid var(--line);border-radius:10px;color:var(--text);display:grid;gap:4px;min-width:0;min-height:50px;padding:11px 12px;text-align:left;width:100%;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);animation:list-row-in .36s var(--ease) both;animation-delay:calc(var(--i, 0) * 28ms)}.list-row>*,.panel-header>*,.section-header>*,.detail>*,.item-details>*{min-width:0}.list-row,.list-row span,.list-row small,.panel-header,.section-header,.detail,.notice,.error{overflow-wrap:anywhere}button.list-row:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #00000040}@keyframes list-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button.list-row:hover,.list-row:focus-visible,.list-row-active{background:var(--bg-row-hover);border-color:var(--line-accent)}.detail{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md);display:grid;gap:12px;margin-top:12px;padding:14px}.item-details{display:grid;gap:10px;margin:0}.item-details div{border-bottom:1px solid var(--line);display:grid;gap:2px;padding-bottom:8px}.item-details div:last-child{border-bottom:none;padding-bottom:0}.item-details dt{color:var(--text-mut);font-size:12px;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.item-details dd{margin:0;overflow-wrap:anywhere;color:var(--text)}.form-grid,.inline-form{display:grid;align-items:start;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));min-width:0}.inline-form{grid-template-columns:minmax(0,1fr) auto auto;margin-top:8px}input,select,textarea{background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);min-height:44px;padding:10px 12px;width:100%;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}input[type=file]{font-size:0}textarea{line-height:1.5;min-height:110px;resize:vertical;font-family:var(--font-sans)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-mut) 50%),linear-gradient(-45deg,transparent 50%,var(--text-mut) 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:10px;color:var(--accent-fg);cursor:pointer;display:inline-flex;font-weight:600;gap:6px;justify-content:center;letter-spacing:0;min-height:42px;min-width:0;padding:0 14px;white-space:normal;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 6px 18px #5eb1ff4d}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.actions button,.segmented label,.quick-nav a{flex:0 1 auto;min-width:0}.actions button:not(:first-child),.form-grid button:not(:first-child),.inline-form button:not(:first-child){background:#ffffff0a;border-color:var(--line-strong);color:var(--text)}.actions button:not(:first-child):hover:not(:disabled),.form-grid button:not(:first-child):hover:not(:disabled),.inline-form button:not(:first-child):hover:not(:disabled){background:#ffffff14;border-color:var(--line-accent);box-shadow:none}.checkbox-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));min-width:0}.checkbox-grid label,.segmented label,.bulk-page-grid label{align-items:center;background:var(--bg-row);border:1px solid var(--line);border-radius:10px;color:var(--text);display:flex;gap:8px;line-height:1.25;min-height:44px;min-width:0;overflow-wrap:anywhere;padding:8px 12px;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.checkbox-grid label:hover,.segmented label:hover,.bulk-page-grid label:hover{background:var(--bg-row-hover);border-color:var(--line-accent)}input[type=checkbox],input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;align-items:center;background:#0e1621c7;border:1.5px solid var(--line-strong);cursor:pointer;display:grid;flex:0 0 18px;height:18px;justify-content:center;margin:0;min-height:18px;min-width:18px;padding:0;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);width:18px}input[type=checkbox]{border-radius:5px}input[type=radio]{border-radius:999px}input[type=checkbox]:before,input[type=radio]:before{content:"";transform:scale(0);transition:transform var(--t-fast) var(--ease)}input[type=checkbox]:before{background:var(--accent-fg);clip-path:polygon(14% 48%,0 64%,38% 100%,100% 18%,84% 5%,36% 68%);height:10px;width:10px}input[type=radio]:before{background:var(--accent-fg);border-radius:999px;height:8px;width:8px}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 1px #ffffff38}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.segmented{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(142px,100%),1fr));min-width:0}.segmented label{justify-content:flex-start}.schedule-box,.group-panel,.bulk-panel,.preflight-panel,.timeline,.confirmation-panel,.one-time-secret,.tg-post-detail,.settings-group,.setting-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;padding:14px}.schedule-box legend{color:var(--text-mut);font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;padding:0 6px}.preflight-panel .panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto}.preflight-panel .panel-header button{justify-self:end;max-width:180px;min-width:144px;width:auto}.confirmation-panel,.settings-reset-confirmation{background:var(--warn-soft);border-color:#ffb45459;color:var(--warn);display:grid;gap:8px;margin-top:10px}.one-time-secret{background:var(--ok-soft);border-color:#4ed4a352;color:var(--ok);display:grid;gap:8px;margin-top:10px}.one-time-secret code{background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);display:block;font-family:var(--font-mono);overflow-wrap:anywhere;padding:10px}.notice,.error{border-radius:10px;margin-top:10px;padding:11px 12px;font-size:13px}.notice{background:var(--accent-soft);border:1px solid var(--line-accent);color:var(--accent)}.error{background:var(--danger-soft);border:1px solid rgba(255,107,107,.32);color:var(--danger)}.bulk-page-grid{display:grid;gap:6px;max-height:200px;min-width:0;overflow:auto}.bulk-page-grid::-webkit-scrollbar,textarea::-webkit-scrollbar{width:10px}.bulk-page-grid::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:transparent}.bulk-page-grid::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid var(--bg)}.bulk-page-grid::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.ops-grid{display:grid;gap:12px;grid-template-columns:minmax(180px,1.2fr) repeat(auto-fit,minmax(130px,1fr));margin-top:12px}.ops-health,.ops-metric,.ops-checks{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md);padding:14px}.ops-health{align-items:center;display:grid;gap:4px 10px;grid-template-columns:auto 1fr}.ops-health small{grid-column:2;color:var(--text-mut)}.ops-metric{display:grid;gap:4px}.ops-metric strong{font-family:var(--font-mono);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.ops-checks{display:flex;flex-wrap:wrap;gap:8px}.health-dot{border-radius:999px;display:inline-block;height:10px;width:10px;box-shadow:0 0 0 3px #00000040}.health-ok{background:var(--ok);box-shadow:0 0 8px var(--ok),0 0 0 3px #4ed4a32e}.health-error{background:var(--danger);box-shadow:0 0 8px var(--danger),0 0 0 3px #ff6b6b2e}.state-panel{background:linear-gradient(90deg,var(--accent-soft),transparent),var(--bg-elev)}.state-panel strong{display:block;margin-bottom:4px;color:var(--text)}.timeline,.preflight-panel,.tg-post-detail{display:grid;gap:10px;min-width:0}.timeline-day{background:var(--bg-row);border:1px solid var(--line);border-radius:10px;display:grid;gap:8px;min-width:0;padding:12px}.timeline-item{align-items:start;background:var(--bg-elev);border-radius:8px;display:grid;gap:3px;grid-template-columns:54px minmax(0,1fr);min-width:0;padding:10px}.timeline-item small:last-child{grid-column:2;color:var(--text-mut)}.timeline-conflict{background:var(--warn-soft);border:1px solid rgba(255,180,84,.32)}.media-preview-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(92px,100%),1fr));margin-top:8px;min-width:0}.media-preview-item{align-items:center;aspect-ratio:1;background:var(--bg-deep);border:1px solid var(--line);border-radius:10px;display:flex;justify-content:center;overflow:hidden}.media-preview-item img{height:100%;object-fit:cover;width:100%}.media-preview-item span{color:var(--text-mut);font-size:12px;overflow-wrap:anywhere;padding:8px}.unsupported-media ul{margin:8px 0 0;padding-left:18px;color:var(--text-soft)}.tg-post-detail p,.tg-post-detail li,.unsupported-media li,.timeline-item,.media-preview-item span{overflow-wrap:anywhere}.settings-band{display:grid;gap:12px}.settings-groups{display:grid;gap:14px}.settings-index{display:grid;gap:8px}.settings-index-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.settings-index-row:hover{background:var(--bg-row-hover);border-color:var(--line-accent)}.settings-index-row:active{transform:scale(.99)}.settings-index-main{display:grid;gap:3px;min-width:0}.settings-index-main strong{font-size:14px;font-weight:600}.settings-index-main small{color:var(--text-mut);font-size:12px}.settings-index-arrow{flex:0 0 auto;color:var(--accent);font-size:18px;line-height:1}.settings-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;min-width:0}.settings-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));min-width:0}.setting-card{background:var(--bg-elev)}.setting-card p{color:var(--text-mut);margin-top:4px;font-size:13px}.secret-input{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;min-width:0}.file-upload{align-items:center;background:#ffffff0a;border:1px solid var(--line-strong);border-radius:10px;color:var(--text);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;min-height:42px;overflow:hidden;padding:0 13px;position:relative;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.file-upload:hover{background:#ffffff14;border-color:var(--line-accent)}.file-upload input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.fp-recovery .list{gap:10px}.fp-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:2px 0 4px;scrollbar-width:none}.fp-chips::-webkit-scrollbar{display:none}.fp-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--line);color:var(--text-soft);font-size:12.5px;font-weight:550;cursor:pointer;white-space:nowrap;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.fp-chip em{font-family:var(--font-mono);font-style:normal;font-size:11px;color:var(--text-mut)}.fp-chip:hover:not(:disabled){color:var(--text)}.fp-chip-active{background:var(--accent-soft);border-color:var(--line-accent);color:var(--accent)}.fp-chip-active em{color:var(--accent)}.fp-chip-final em{color:var(--danger)}.fp-chip-retryable em{color:var(--warn)}.fp-group{position:relative;background:var(--bg-elev);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden}.fp-group-final{border-left-color:var(--danger)}.fp-group-retryable{border-left-color:var(--warn)}.fp-group-head{display:flex;align-items:center;gap:10px;width:100%;padding:14px;background:transparent;border:0;color:var(--text);text-align:left;cursor:pointer}.fp-group-head:hover{background:var(--bg-row-hover)}.fp-dot{flex:0 0 auto;width:8px;height:8px;border-radius:999px;background:var(--warn);box-shadow:0 0 8px var(--warn-soft)}.fp-group-final .fp-dot{background:var(--danger);box-shadow:0 0 8px var(--danger-soft)}.fp-group-title{display:grid;gap:2px;min-width:0;flex:1}.fp-group-title strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-group-title small{color:var(--text-mut);font-size:11.5px}.fp-count{flex:0 0 auto;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-soft);padding:2px 8px;border-radius:999px;background:var(--bg-elev-2)}.fp-group-final .fp-count{color:var(--danger)}.fp-group-retryable .fp-count{color:var(--warn)}.fp-chevron{flex:0 0 auto;color:var(--text-mut);font-size:14px;line-height:1;transition:transform var(--t-med) var(--ease)}.fp-chevron.is-open{transform:rotate(180deg)}.fp-group-body{display:grid;gap:12px;padding:0 14px 14px;animation:fade-up .22s var(--ease)}.fp-actions{flex-wrap:wrap}.fp-token-form{margin-top:-2px}.fp-errs{display:grid;gap:8px}.fp-err{display:grid;gap:8px;padding:12px;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--r-sm)}.fp-err-head{display:flex;align-items:flex-start;gap:10px}.fp-err-msg{flex:1;margin:0;font-size:13px;color:var(--text);overflow-wrap:anywhere}.fp-err-badge{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px}.fp-err-final .fp-err-badge{background:var(--danger-soft);color:var(--danger)}.fp-err-retryable .fp-err-badge{background:var(--warn-soft);color:var(--warn)}.fp-err-meta{color:var(--text-mut);font-size:11.5px}.fp-err-actions{flex-wrap:wrap;align-items:center}.fp-link{background:transparent;border:0;color:var(--accent);font-size:12.5px;font-weight:550;cursor:pointer;padding:6px 4px}.fp-link:hover{color:var(--accent-strong)}.fp-history{list-style:none;margin:0;padding:8px 10px;display:grid;gap:6px;background:var(--bg-elev);border-radius:var(--r-sm);font-size:12px}.fp-history li{display:flex;justify-content:space-between;gap:10px}.fp-history span:first-child{font-family:var(--font-mono);color:var(--text-soft)}.fp-posts{display:grid;gap:8px}.fp-post{display:grid;gap:8px;padding:10px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-sm)}.fp-post-text{display:grid;gap:3px}.fp-post-text strong{font-family:var(--font-mono);color:var(--accent);font-size:12.5px}.fp-post-text span{font-size:13px;color:var(--text-soft);overflow-wrap:anywhere}.fp-post-text small{font-size:11px}.page-detail{display:grid;gap:16px}.page-detail-id{display:grid;gap:8px}.page-detail-id h2{margin:0}.page-detail-id code{font-size:12px;color:var(--text-mut)}.page-detail-chips{display:flex;flex-wrap:wrap;gap:8px}.token-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.token-fact{display:grid;gap:3px;padding:12px;background:var(--bg-elev);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--r-sm)}.token-fact small{color:var(--text-mut);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.token-fact strong{font-size:14px}.token-fact span{font-size:12px}.token-fact-ok{border-left-color:var(--ok)}.token-fact-warn{border-left-color:var(--warn)}.token-fact-danger{border-left-color:var(--danger)}.page-detail-actions{flex-wrap:wrap}code,pre,.mono{font-family:var(--font-mono);max-width:100%;overflow-wrap:anywhere}pre{overflow-x:auto;white-space:pre-wrap}.screen{animation:fade-up .32s var(--ease)}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-with-icon{align-items:center;display:inline-flex;gap:8px}.btn-icon{align-items:center;display:inline-flex;flex:0 0 auto;height:16px;justify-content:center;width:16px;color:currentColor;opacity:.95}.btn-icon svg{display:block}.file-upload .btn-icon{margin-right:8px}.btn-tone-primary,.actions .btn-tone-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-tone-primary:hover:not(:disabled),.actions .btn-tone-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 6px 18px #5eb1ff4d}.btn-tone-danger,.actions .btn-tone-danger{background:#ff6b6b1a;border-color:#ff6b6b52;color:var(--danger)}.btn-tone-danger:hover:not(:disabled),.actions .btn-tone-danger:hover:not(:disabled){background:#ff6b6b2e;border-color:#ff6b6b80;color:var(--danger);box-shadow:0 6px 18px #ff6b6b2e}.icon-spin{animation:spinner-rotate .9s linear infinite;transform-origin:center}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-list{display:grid;gap:8px;margin-top:12px}.skeleton-row{background:var(--bg-row);border:1px solid var(--line);border-radius:10px;display:grid;gap:8px;padding:12px;animation:skeleton-fade .32s var(--ease) both;animation-delay:calc(var(--i, 0) * 60ms)}.skeleton-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 40%,#5eb1ff1f,#ffffff1a 60%,#ffffff0a);background-size:220% 100%;background-position:100% 0;animation:skeleton-shimmer 1.6s linear infinite}.skeleton-line-title{width:72%;height:12px}.skeleton-line-meta{width:42%;height:9px;opacity:.6}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes skeleton-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:grid;gap:6px;justify-items:start;padding:8px 0 4px}.empty-icon{align-items:center;background:var(--accent-soft);border:1px solid var(--line-accent);border-radius:12px;color:var(--accent);display:inline-flex;height:40px;justify-content:center;width:40px;margin-bottom:4px}.empty-state-error .empty-icon{background:var(--danger-soft);border-color:#ff6b6b52;color:var(--danger)}.api-key-row{align-items:center;display:grid;gap:8px 12px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}.api-key-row .api-key-preview{align-items:center;display:inline-flex;font-family:var(--font-mono);font-size:13px;gap:8px;grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-key-row small{grid-column:1;grid-row:2;color:var(--text-mut)}.api-key-row>button{grid-column:2;grid-row:1 / span 2}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:820px){.shell{padding:14px 14px calc(102px + env(safe-area-inset-bottom,0px));gap:14px}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.screen-grid,.hub-grid,.inline-form{grid-template-columns:1fr}.ops-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.shell{gap:12px;padding:10px 10px calc(98px + env(safe-area-inset-bottom,0px))}h1{font-size:18px}.summary-band,.ops-grid,.settings-grid{grid-template-columns:1fr}.panel,.section-block,.inline-state{padding:14px}.actions,.form-grid{display:grid;grid-template-columns:1fr}.action-card,.compact-row{grid-template-columns:1fr}.action-card>svg,.compact-row-side{justify-self:start}.compact-row-side{justify-items:start}.section-header,.panel-header,.settings-group-header{align-items:flex-start;flex-direction:column}.preflight-panel .panel-header{grid-template-columns:1fr}.preflight-panel .panel-header button{justify-self:stretch;max-width:none;width:100%}.section-meta,.status,.status-chip{white-space:normal}.secret-input,.api-key-row{grid-template-columns:1fr}.api-key-row .api-key-preview,.api-key-row small,.api-key-row>button{grid-column:1;grid-row:auto}button{width:100%}.back-button{width:auto}.bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 12px)}.bottom-nav-inner{border-radius:18px;padding:6px;gap:2px}.bn-btn{min-height:60px;padding:6px 2px 12px;border-radius:12px}.bn-label{font-size:10.5px}}
