:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#12293a;--ink-soft:#2c4655;--tide:#0e8f9e;--tide-deep:#0b7482;--tide-wash:#e7f3f4;--paper:#f2f5f5;--surface:#fff;--surface-sink:#f8fafa;--muted:#566470;--faint:#8a99a3;--line:#e4eaec;--line-strong:#d2dbde;--done:#217a5c;--skip:#8a97a0;--partial:#5f9aa2;--danger:#c0491f;--shadow-sm:0 1px 2px #12293a0d;--shadow:0 1px 2px #12293a0a, 0 10px 28px -14px #12293a2e;--shadow-lift:0 2px 4px #12293a0f, 0 16px 36px -16px #12293a38;--tideline:linear-gradient(90deg, transparent, #0e8f9e8c, transparent);--radius:15px;--radius-sm:10px;--radius-pill:999px;--font-display:"Space Grotesk", "PingFang TC", "Noto Sans TC", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", Roboto, sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e9eff1;--ink-soft:#b9c6cc;--tide:#2bb8c6;--tide-deep:#1a97a4;--tide-wash:#10333a;--paper:#0b1620;--surface:#12222d;--surface-sink:#0f1d27;--muted:#93a4ad;--faint:#67797f;--line:#223441;--line-strong:#2c414f;--done:#43b58c;--skip:#7d8c94;--partial:#6fb0ba;--danger:#e8825c;--tide-ink:#06222a;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #00000040, 0 12px 30px -16px #0009;--shadow-lift:0 2px 4px #0000004d, 0 18px 40px -18px #000000b3}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}::selection{background:var(--tide-wash);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}a{color:var(--tide-deep)}button{font:inherit;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:9px 14px;font-weight:500;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s,color .15s}button:hover:where(:not(:disabled)){border-color:var(--tide);color:var(--tide-deep)}button:active{transform:translateY(.5px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary:disabled{opacity:1;background:var(--surface-sink);border-color:var(--line-strong);color:var(--faint);box-shadow:none}button.primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:var(--shadow-sm)}button.primary:hover:not(:disabled){color:#fff;box-shadow:var(--shadow);background:#1b3a50;border-color:#1b3a50;transform:translateY(-1px)}:root[data-theme=dark] button.primary{background:var(--tide);border-color:var(--tide);color:var(--tide-ink)}:root[data-theme=dark] button.primary:hover:not(:disabled){background:var(--tide-deep);border-color:var(--tide-deep)}:root[data-theme=dark] button.primary:disabled{background:var(--surface-sink);border-color:var(--line-strong);color:var(--faint)}button.link{color:var(--tide-deep);background:0 0;border:none;border-radius:6px;padding:4px 2px;font-weight:500}button.link:hover{color:var(--tide);text-underline-offset:3px;text-decoration:underline}button.danger{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}button.danger:hover{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}a.link{color:var(--tide-deep);font-weight:500;text-decoration:none}a.link:hover{text-underline-offset:3px;text-decoration:underline}:where(button,a,input,select):focus-visible{outline:2px solid var(--tide);outline-offset:2px}input,select{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:10px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--tide);box-shadow:0 0 0 3px var(--tide-wash)}select{max-width:340px}label{color:var(--muted);margin:10px 0;font-size:.85rem;font-weight:500;display:block}label input,label select{margin-top:6px;display:block}label.checkbox{color:var(--ink);align-items:flex-start;gap:9px;font-weight:400;display:flex}label.checkbox input{width:auto;accent-color:var(--tide);margin-top:3px}label.checkbox>span{flex-direction:column;gap:3px;display:flex}label.checkbox>span small{font-size:.8rem}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.notice{color:var(--tide-deep);font-size:.9rem}.app{max-width:820px;margin:0 auto;padding:0 20px 80px}.app-header{z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:15px 0 14px;display:flex;position:sticky;top:0}.app-header:after{content:"";background:var(--tideline);height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:var(--tide);display:inline-flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.02rem;font-weight:600}.tabs{border-radius:var(--radius-pill);background:var(--surface-sink);border:1px solid var(--line);flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.tabs button{color:var(--muted);border-radius:var(--radius-pill);background:0 0;border:none;padding:6px 14px;font-size:.9rem;font-weight:500}.tabs button:hover{color:var(--ink);background:color-mix(in srgb, var(--tide-wash) 60%, transparent)}.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.tab-badge{border-radius:var(--radius-pill);background:var(--tide-wash);color:var(--tide-deep);font-size:.75rem;font-weight:600;font-family:var(--font-display);margin-left:6px;padding:1px 8px}:root[data-theme=dark] .tabs button.active{background:var(--line)}:root[data-theme=dark] .searching-banner,:root[data-theme=dark] .tab-badge,:root[data-theme=dark] .badge:not(.badge-paused),:root[data-theme=dark] .avatar-fallback{color:var(--tide)}.sign-out{margin-left:auto}.app-header .sign-out{color:var(--muted)}.app-header .sign-out:hover{color:var(--tide-deep)}.app-main{padding-top:22px}.panel{animation:.35s both rise}.panel>h2,.panel-head h2{align-items:center;gap:10px;margin-bottom:4px;font-size:1.35rem;font-weight:600;display:flex}.panel>h2:before,.panel-head h2:before{content:"";background:var(--tide);border-radius:3px;width:4px;height:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:14px 0;padding:20px}.card h3{margin-bottom:6px;font-size:1.05rem;font-weight:600}.badge{background:var(--tide-wash);color:var(--tide-deep);border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;font-family:var(--font-display);align-items:center;gap:5px;padding:3px 11px;display:inline-flex}.token-connected{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.form-actions{align-items:center;gap:12px;display:flex}.token-connected code{background:var(--surface-sink);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);padding:8px 12px;font-size:.85rem}.token-connected .badge{padding:6px 12px}.token-connected button{min-height:36px}.token-form{margin-top:14px}.setup-steps{color:var(--muted);margin:10px 0 4px;padding-left:22px;font-size:.9rem}.setup-steps li{margin:3px 0}.guide-hint,.token-form small{margin-top:6px;display:block}.failure-banner{background:color-mix(in srgb, var(--danger) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 35%, var(--line));border-radius:var(--radius);color:var(--danger);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:11px 16px;font-size:.92rem;display:flex}.failure-banner .link{margin-left:auto}.failure-banner .link+.link{margin-left:0}.stale-banner{background:var(--surface-sink);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);margin-bottom:12px;padding:8px 16px;font-size:.88rem}.auto-off-note{margin:6px 0 12px;font-size:.88rem}.empty-step2{margin-top:8px;font-size:.9rem}.setup-banner{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--tide);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:13px 18px;display:flex}.searching-banner{background:var(--tide-wash);color:var(--tide-deep);border:1px solid color-mix(in srgb, var(--tide) 28%, var(--line));border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:16px;padding:11px 16px;font-size:.9rem;display:flex}.pulse-dot{background:var(--tide);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.add-keyword{gap:10px;margin:16px 0;display:flex}.add-keyword input{flex:1}.add-keyword .cadence{flex:none;width:auto}.add-keyword .cadence-row{flex:none;margin:0}.cadence-row{align-items:center;gap:6px;margin-top:2px;font-size:.82rem;display:inline-flex}.cadence-row select{border-radius:var(--radius-sm);width:auto;padding:6px 10px;font-size:.85rem}.keyword-list,.post-list,.run-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.keyword-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;transition:box-shadow .15s,transform .12s;display:flex}.keyword-list li:hover{box-shadow:var(--shadow)}.keyword-list li.paused{background:var(--surface-sink)}.keyword-list li.paused .keyword-main strong{color:var(--muted)}.keyword-main{flex-direction:column;flex:1 1 0;gap:2px;min-width:min(240px,100%);display:flex}.keyword-main strong{overflow-wrap:anywhere;font-size:1.05rem;font-weight:600}.badge-paused{background:var(--surface-sink);color:var(--muted);border:1px solid var(--line);margin-left:8px}.auto-paused{color:var(--muted);font-size:.82rem}.keyword-actions{flex-wrap:wrap;flex:none;gap:7px;display:flex}.keyword-actions .search{border-color:color-mix(in srgb, var(--tide) 45%, var(--line-strong));color:var(--tide-deep)}.keyword-actions .search:hover:not(:disabled){border-color:var(--tide);color:var(--tide-deep);background:color-mix(in srgb, var(--tide) 7%, transparent)}.keyword-actions .search.confirm{border-color:var(--tide);color:#fff;background:var(--tide-deep)}:root[data-theme=dark] .keyword-actions .search.confirm{color:var(--tide-ink)}.keyword-actions .remove{color:var(--muted);background:0 0;border-color:#0000}.keyword-actions .remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, transparent)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head .filter-row,.panel-head h2{margin:0}.filter-row{flex-wrap:wrap;gap:7px;margin:16px 0;display:flex}.chip{border-radius:var(--radius-pill);color:var(--muted);border:1px solid var(--line);background:var(--surface);padding:6px 14px;font-size:.9rem}.chip:hover{border-color:var(--tide);color:var(--tide-deep)}.chip.active{background:var(--tide-deep);color:#fff;border-color:var(--tide-deep)}:root[data-theme=dark] .chip.active{background:var(--tide);color:var(--tide-ink);border-color:var(--tide)}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:56px 24px}.empty-steps{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;margin:14px auto 0;padding-left:1.4em;display:inline-flex}.empty-steps li::marker{color:var(--tide-deep);font-weight:600}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px;transition:box-shadow .15s,transform .12s,opacity .2s}.post-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.post-card.status-done,.post-card.status-skipped{background:var(--surface-sink)}.post-card.status-done .post-head strong,.post-card.status-skipped .post-head strong{color:var(--muted)}.post-head{align-items:center;gap:11px;display:flex}.post-head strong{overflow-wrap:anywhere;font-weight:600;display:block}.post-head small{color:var(--muted)}.avatar{border-radius:var(--radius-pill);object-fit:cover;border:1px solid var(--line);width:42px;height:42px}.avatar-fallback{background:var(--tide-wash);color:var(--tide-deep);font-weight:700;font-family:var(--font-display);border:1px solid var(--line);place-items:center;display:grid}.post-text{white-space:pre-wrap;word-break:break-word;color:var(--ink-soft);margin:13px 0;line-height:1.6}.post-meta{color:var(--muted);font-size:.85rem;font-family:var(--font-display);gap:18px;font-weight:500;display:flex}.post-meta span{align-items:center;gap:5px;display:inline-flex}.post-meta svg{opacity:.7}.post-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;padding-top:13px;display:flex}.post-actions .link{margin-right:auto}.post-actions .done{background:var(--tide-deep);border-color:var(--tide-deep);color:#fff;box-shadow:var(--shadow-sm)}.post-actions .done:hover:not(:disabled){background:color-mix(in srgb, var(--tide-deep) 88%, #000);border-color:color-mix(in srgb, var(--tide-deep) 88%, #000);color:#fff}:root[data-theme=dark] .post-actions .done{background:var(--tide);border-color:var(--tide);color:var(--tide-ink)}:root[data-theme=dark] .post-actions .done:hover:not(:disabled){background:var(--tide-deep);border-color:var(--tide-deep);color:var(--tide-ink)}.post-actions .skip{color:var(--muted);background:0 0;border-color:#0000}.post-actions .skip:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink);background:0 0}.run-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:13px 18px}.run-main{align-items:center;gap:11px;min-width:0;display:flex}.run-main strong{overflow-wrap:anywhere;font-weight:600}.run-status{border-radius:var(--radius-pill);color:#fff;background:var(--tide);flex:none;place-items:center;width:22px;height:22px;font-size:.72rem;display:grid}.run-row.status-succeeded .run-status{background:var(--done)}.run-row.status-failed .run-status{background:var(--danger)}.run-row.status-partial .run-status{background:var(--partial)}:root[data-theme=dark] .run-status{color:var(--tide-ink)}.run-counts .new-count strong{color:var(--tide-deep)}.run-state{font-family:var(--font-display);color:var(--muted);font-weight:500}.run-row.status-succeeded .run-state{color:var(--done)}.run-row.status-failed .run-state{color:var(--danger)}.run-counts{font-size:.85rem;font-family:var(--font-display);gap:16px;margin-top:6px;display:flex}.run-counts strong{color:var(--ink);font-weight:600}.run-note{margin:8px 0 0;font-size:.85rem}.auth-screen{background:radial-gradient(120% 60% at 50% -10%, var(--tide-wash), transparent 60%), var(--paper);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow-lift);text-align:center;border-radius:20px;padding:34px 30px}.auth-card .brand-mark{color:var(--tide);margin-bottom:14px;display:inline-flex}.auth-card h1{margin-bottom:6px;font-size:1.6rem;font-weight:600}.auth-card>.muted{margin:0 0 20px}.auth-card .primary{width:100%;margin-top:8px;padding:12px;font-size:1rem}.google-btn{justify-content:center;align-items:center;gap:10px;display:inline-flex}.google-icon{box-sizing:content-box;background:#fff;border-radius:3px;flex:none;padding:1px}.loading{text-align:center;color:var(--muted);padding:72px 24px}.load-error{flex-direction:column;align-items:center;gap:10px;display:inline-flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=520px){.app{padding:0 14px 64px}.app-header{gap:6px;padding:9px 0 8px}.tabs{scrollbar-width:none;flex-wrap:nowrap;flex:0 0 100%;order:3;padding-right:16px;scroll-padding-inline-end:16px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;padding:5px 10px;font-size:.85rem}.tabs button,.chip,.post-actions button,.keyword-actions button,.cadence-row select{min-height:42px}.post-actions .link,.token-connected .link,.sign-out{align-items:center;min-height:42px;display:inline-flex}.post-actions a.link{padding:0 6px}.sign-out{order:2}.add-keyword{flex-wrap:wrap}.add-keyword input{flex:100%}.add-keyword .cadence{flex:auto}.keyword-list li{flex-direction:column;align-items:stretch}.keyword-actions{justify-content:flex-start}.keyword-actions button{flex:auto}.post-actions{justify-content:flex-end}.post-actions .link{flex:0 0 100%;margin-right:0}.guide-links{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=430px){.tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000)}}