:root{--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--bg: #1e1e2e;--bg-alt: #181825;--fg: #cdd6f4;--fg-dim: #6c7086;--accent: #89b4fa;--accent-2: #f5c2e7;--done: #6c7086;--important: #f9e2af;--inprogress: #94e2d5;--question: #cba6f7;--running: #f5c2e7;--border: #313244;--error: #f38ba8}@media(prefers-color-scheme:light){:root{--bg: #ffffff;--bg-alt: #f4f4f8;--fg: #1e1e2e;--fg-dim: #8a8aa0;--accent: #1e66f5;--accent-2: #ea76cb;--done: #9ca0b0;--important: #df8e1d;--inprogress: #179299;--question: #8839ef;--running: #ea76cb;--border: #dce0e8;--error: #d20f39}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}#app{display:flex;height:100vh;height:100dvh}#sidebar{width:240px;flex:0 0 240px;background:var(--bg-alt);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.brand{font-weight:600;letter-spacing:.02em}.head-actions{display:flex;gap:6px}#new-stack,#help-btn{background:none;border:1px solid var(--border);color:var(--fg);border-radius:6px;width:28px;height:28px;font-size:16px;cursor:pointer;line-height:1}#new-stack{font-size:18px}#new-stack:hover,#help-btn:hover{border-color:var(--accent);color:var(--accent)}#stack-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1}#stack-list li{padding:8px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}#stack-list li:hover{background:var(--border)}#stack-list li.active{background:var(--border);color:var(--accent);font-weight:600}#account-box{border-top:1px solid var(--border);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}#account-btn{background:none;border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:13px}#account-btn:hover{border-color:var(--accent)}#sync-status{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.sync-synced{color:var(--inprogress);border-color:var(--inprogress)}.sync-connecting{color:var(--important);border-color:var(--important)}.sync-error{color:var(--error);border-color:var(--error)}.sync-offline{color:var(--fg-dim)}#editor-pane{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}#toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-alt);flex-wrap:wrap}#toolbar button{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:5px 12px;font-size:13px;cursor:pointer}#toolbar button:hover{border-color:var(--accent);color:var(--accent)}#tb-timer:hover{border-color:var(--running);color:var(--running)}#tb-hint{color:var(--fg-dim);font-size:12px;margin-left:auto}#editor{flex:1;min-height:0;overflow:hidden}.cm-editor{height:100%;background:var(--bg);color:var(--fg);font-size:15px}.cm-editor .cm-content{caret-color:var(--accent)}.cm-editor .cm-cursor{border-left-color:var(--accent)}.cm-editor.cm-focused{outline:none}.cm-gutters{background:var(--bg-alt);border-right:1px solid var(--border);color:var(--fg-dim)}.cm-task-done{color:var(--done);text-decoration:line-through;text-decoration-color:var(--done)}.cm-task-important{color:var(--important)}.cm-task-inprogress{color:var(--inprogress)}.cm-task-question{color:var(--question)}.cm-task-running{background:color-mix(in srgb,var(--running) 12%,transparent)}.cm-timer-widget{color:var(--running);font-variant-numeric:tabular-nums;font-weight:600;user-select:none}dialog{border:1px solid var(--border);border-radius:12px;background:var(--bg-alt);color:var(--fg);padding:24px;width:min(420px,92vw)}dialog::backdrop{background:#00000080}dialog h2{margin:0 0 8px}dialog .muted{color:var(--fg-dim);font-size:13px;margin:0 0 16px}dialog label{display:block;font-size:13px;color:var(--fg-dim);margin-bottom:12px}dialog input{display:block;width:100%;margin-top:4px;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:14px}dialog menu{display:flex;gap:8px;justify-content:flex-end;padding:0;margin:16px 0 0}dialog button{padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;border:1px solid var(--border)}dialog button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}dialog button.ghost{background:none;color:var(--fg)}.error{color:var(--error);font-size:13px}#help-hint{position:fixed;bottom:10px;right:14px;font-size:12px;color:var(--fg-dim);background:color-mix(in srgb,var(--bg-alt) 92%,transparent);padding:4px 10px;border-radius:8px;border:1px solid var(--border)}#help-hint code{color:var(--accent);font-family:var(--mono)}.linklike{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0;text-decoration:underline}#help-dialog{border:1px solid var(--border);border-radius:12px;background:var(--bg-alt);color:var(--fg);padding:0;width:min(640px,94vw);max-height:86vh}#help-dialog::backdrop{background:#00000080}.guide{padding:20px 24px 28px;overflow-y:auto;max-height:86vh}.guide-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg-alt);padding-bottom:8px;margin:-4px 0 4px}.guide-head h2{margin:0}#help-close{width:30px;height:30px;border-radius:6px;font-size:15px}.guide h3{margin:20px 0 6px;color:var(--accent);font-size:15px}.guide ul{margin:6px 0;padding-left:20px;font-size:14px;line-height:1.55}.guide li{margin:3px 0}.guide code{font-family:var(--mono);background:var(--border);color:var(--fg);padding:1px 5px;border-radius:4px;font-size:12.5px}.guide-table{border-collapse:collapse;margin:6px 0 4px;font-size:14px}.guide-table td{padding:4px 14px 4px 0;vertical-align:top}.guide-table td:first-child{white-space:nowrap}@media(max-width:640px){#sidebar{width:160px;flex-basis:160px}#help-hint{display:none}}
