:root{--bg: #06060f;--bg-2: #0a0a17;--panel: #10101f;--panel-2: #171729;--line: #232342;--line-2: #2e2e56;--text: #f3f5ff;--text-2: #bcc2e8;--text-3: #949ac6;--accent: #22e0ff;--accent-2: #7ff0ff;--neon-pink: #ff2e88;--neon-violet: #a45cff;--ok: #2bf5a8;--warn: #ffb020;--bad: #ff3b5c;--glow-accent: 0 0 0 1px rgb(34 224 255 / .55), 0 0 18px rgb(34 224 255 / .28);--glow-soft: 0 0 24px rgb(34 224 255 / .14);--shadow: 0 18px 46px rgb(0 0 0 / .6);--radius: 12px;--radius-sm: 8px;--font-display: "Chakra Petch", "IBM Plex Sans Thai", "Noto Sans Thai", sans-serif;--font-body: "IBM Plex Sans Thai", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#22e0ff47;color:#fff}:focus-visible{outline:none;box-shadow:var(--glow-accent);border-color:var(--accent)!important}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:20px}*::-webkit-scrollbar-thumb:hover{background:#3d3d70}*::-webkit-scrollbar-track{background:transparent}code,.mono,kbd{font-family:var(--font-mono);font-size:.92em}code{background:#22e0ff14;border:1px solid rgb(34 224 255 / .2);padding:0 5px;border-radius:4px;color:var(--accent-2)}kbd{background:var(--panel-2);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:12px;color:var(--text-2)}h1,h2,h3{font-family:var(--font-display);font-weight:600}h1{font-size:23px;margin:0 0 2px;letter-spacing:.01em}h2{font-size:16px;margin:0 0 12px;letter-spacing:.02em}h3{font-size:14px;margin:0 0 10px;color:var(--text-2);letter-spacing:.02em}.muted{color:var(--text-2)}.fine{color:var(--text-3);font-size:13px;margin:10px 0 0}.linkish{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;font:inherit}.linkish:hover{text-shadow:0 0 12px rgb(34 224 255 / .7)}.app{display:flex;height:100%}.main{flex:1;overflow-y:auto;position:relative;background:radial-gradient(900px 420px at 12% -8%,rgb(34 224 255 / .13),transparent 65%),radial-gradient(760px 420px at 92% 4%,rgb(164 92 255 / .12),transparent 62%),var(--bg)}.main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgb(120 140 255 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(120 140 255 / .045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(700px 520px at 62% 0%,#000 8%,transparent 76%);mask-image:radial-gradient(700px 520px at 62% 0%,#000 8%,transparent 76%)}.page{position:relative;width:100%;max-width:1680px;margin:0 auto;padding:28px clamp(16px,2.2vw,44px) 64px}.page.wide{max-width:none}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.sidebar{position:relative;width:262px;flex-shrink:0;background:linear-gradient(180deg,#0c0c1c,var(--bg-2) 45%);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px;gap:16px;overflow-y:auto}.sidebar:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(180deg,transparent,rgb(34 224 255 / .45) 22%,rgb(164 92 255 / .35) 68%,transparent)}.sidebar-resizer{position:absolute;top:0;bottom:0;right:0;width:7px;z-index:5;cursor:col-resize;background:transparent;transition:background .14s}.sidebar-resizer:hover,.sidebar-resizer:focus-visible,.sidebar.resizing .sidebar-resizer{background:linear-gradient(90deg,transparent,rgb(34 224 255 / .35));box-shadow:inset -1px 0 0 var(--accent),-2px 0 16px #22e0ff59;outline:none}.app:has(.sidebar.resizing){-webkit-user-select:none;user-select:none;cursor:col-resize}.brand{display:flex;align-items:center;gap:11px;padding:0 4px 4px}.brand-logo{width:42px;height:auto;filter:drop-shadow(0 0 10px rgb(92 201 196 / .5)) drop-shadow(0 0 3px rgb(255 255 255 / .25))}.brand-logo.lg{width:84px}.brand-name{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.04em;color:#fff;text-shadow:0 0 16px rgb(34 224 255 / .45)}.brand-text{min-width:0;flex:1}.brand-sub{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-bell{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:3px 9px;border-radius:20px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;background:#ff3b5c29;border:1px solid rgb(255 59 92 / .55);color:#ff9aab;animation:alert-pulse 1.4s ease-in-out infinite}.alert-bell:hover{color:#fff;background:#ff3b5c4d}.alert-icon{font-size:12px;line-height:1}.alert-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ff3b5c80}50%{box-shadow:0 0 14px 2px #ff3b5c8c}}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;transition:background .14s,color .14s,border-color .14s}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#22e0ff29,#22e0ff05);border-color:#22e0ff59;color:#fff;box-shadow:var(--glow-soft)}.nav-item.active:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 20px #22e0ffb3}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{width:16px;text-align:center;opacity:.95}.nav-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:7px}.nav-section-head{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);padding:0 10px}.mini-search,.input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:7px 10px;font:inherit;outline:none;transition:border-color .14s,box-shadow .14s}.mini-search{width:100%;font-size:13px}.input::placeholder,.mini-search::placeholder,.composer::placeholder{color:var(--text-3)}.input:focus,.mini-search:focus,.composer:focus{border-color:var(--accent);box-shadow:var(--glow-soft)}.input.num{width:72px}.input.color{padding:2px;height:34px}.proj-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.proj-item{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font:inherit;cursor:pointer;text-align:left}.proj-item:hover{background:var(--panel);color:var(--text)}.proj-item.active{background:var(--panel-2);color:var(--text)}.proj-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--neon-violet);box-shadow:0 0 10px var(--neon-violet)}.proj-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-count{font-family:var(--font-mono);font-size:12px;color:var(--text-3);flex-shrink:0;font-variant-numeric:tabular-nums}.proj-item.active .proj-count{color:var(--accent)}.empty-hint{font-size:13px;color:var(--text-3);padding:4px 10px}.sidebar-foot{border-top:1px solid var(--line);padding-top:13px;display:grid;gap:9px}.gstatus{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.gstatus .dot{width:7px;height:7px;border-radius:50%;background:#33375c;flex-shrink:0}.gstatus.on{color:var(--text-2)}.gstatus.on .dot{background:var(--ok);box-shadow:0 0 8px var(--ok),0 0 16px #2bf5a899}.btn,.btn-ghost,.btn-small,.cmd-pill{font:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background .14s,border-color .14s,box-shadow .14s,color .14s}.btn{background:linear-gradient(135deg,#22e0ff38,#a45cff3d);color:#ecfdff;border:1px solid rgb(34 224 255 / .6);box-shadow:0 0 18px #22e0ff2e,inset 0 0 12px #22e0ff14;padding:8px 17px;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:hover{color:#fff;border-color:var(--accent);box-shadow:0 0 26px #22e0ff66,inset 0 0 16px #22e0ff24}.btn:disabled,.btn.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text-2);padding:6px 12px;font-size:13px}.btn-ghost:hover{border-color:#22e0ff99;color:var(--accent-2);box-shadow:var(--glow-soft)}.btn-small{background:var(--panel-2);border:1px solid var(--line);color:var(--text-2);padding:4px 10px;font-size:13px}.btn-small:hover{border-color:#22e0ff99;color:var(--accent-2)}.btn-small:disabled{opacity:.4;cursor:not-allowed}.btn-small.danger:hover{border-color:var(--bad);color:#ff8ea1;box-shadow:0 0 16px #ff3b5c40}.card{position:relative;background:linear-gradient(180deg,rgb(255 255 255 / .022),transparent 40%),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.row-gap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.err-box,.warn-box,.ok-box{border-radius:var(--radius-sm);padding:8px 12px;margin:8px 0 0;font-size:14px;border-left-width:3px;border-left-style:solid}.err-box{background:#ff3b5c1a;border:1px solid rgb(255 59 92 / .35);border-left:3px solid var(--bad);color:#ff9aab;box-shadow:inset 0 0 22px #ff3b5c0f}.warn-box{background:#ffb0201a;border:1px solid rgb(255 176 32 / .3);border-left:3px solid var(--warn);color:#ffd27d}.ok-box{background:#2bf5a81a;border:1px solid rgb(43 245 168 / .3);border-left:3px solid var(--ok);color:#8dffd0}.composer-card{position:relative;border-color:var(--line-2);box-shadow:0 0 0 1px #22e0ff0f,0 24px 60px #00000073}.composer-card:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent) 22%,var(--neon-violet) 68%,transparent);box-shadow:0 0 12px #22e0ff80}.cmd-input{position:relative}.composer{width:100%;background:#04040c;border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--text);padding:13px 15px;font-family:var(--font-mono);font-size:14.5px;line-height:1.75;resize:vertical;outline:none;transition:border-color .14s,box-shadow .14s}.req-bar{display:grid;gap:7px;margin-bottom:13px}.req-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.req-title{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--text-3);margin-right:2px}.req-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:20px;font-family:var(--font-mono);font-size:13px;cursor:pointer;border:1px solid var(--line-2);background:var(--bg);color:var(--text-2);transition:border-color .14s,color .14s,box-shadow .14s}.req-chip em{font-style:normal;color:var(--text-3)}.req-chip:hover{border-color:var(--accent);color:var(--text);box-shadow:var(--glow-soft)}.req-mark{font-size:12px}.req-chip.missing{border-color:#ff2e888c;color:#ff8fbb;background:#ff2e8814;box-shadow:0 0 14px #ff2e882e}.req-chip.missing em{color:var(--neon-pink);opacity:.8}.req-chip.ok{border-color:#2bf5a873;color:#8dffd0;background:#2bf5a814}.req-chip.bad{border-color:#ffb02080;color:#ffd27d;background:#ffb02014}.req-chip.def{border-style:dashed}.quick-cmds{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:11px;font-size:13px}.cmd-pill{background:color-mix(in srgb,var(--chip) 14%,transparent);border:1px solid color-mix(in srgb,var(--chip) 50%,transparent);color:color-mix(in srgb,var(--chip) 58%,#ffffff);padding:2px 10px;font-family:var(--font-mono);font-size:13px}.cmd-pill:hover{background:color-mix(in srgb,var(--chip) 26%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--chip) 35%,transparent)}.preview{margin-top:13px;padding:13px;background:#04040cb3;border:1px dashed var(--line-2);border-radius:var(--radius-sm)}.preview-body{margin-bottom:8px;white-space:pre-wrap}.composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.ac-panel{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--panel-2);border:1px solid rgb(34 224 255 / .5);border-radius:var(--radius-sm);box-shadow:var(--shadow),0 0 30px #22e0ff29;overflow:hidden}.ac-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px;background:linear-gradient(90deg,rgb(34 224 255 / .08),transparent)}.ac-slot{color:var(--accent-2);font-family:var(--font-mono)}.ac-type{color:var(--text-3);font-family:var(--font-mono)}.ac-desc{color:var(--text-2)}.req{color:var(--neon-pink);font-style:normal}.ac-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px}.ac-picker label{color:var(--text-2)}.ac-picker input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:4px 8px;font:inherit;color-scheme:dark}.quick-row{display:flex;gap:5px;flex-wrap:wrap}.ac-list{list-style:none;margin:0;padding:4px;max-height:260px;overflow-y:auto}.ac-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 9px;border:0;border-radius:5px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.ac-item:hover{background:#ffffff0a}.ac-item.active{background:linear-gradient(90deg,#22e0ff38,#22e0ff0f);color:#fff;box-shadow:inset 0 0 0 1px #22e0ff66}.ac-item.active .ac-hint{color:#e9ebffb3}.ac-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;filter:saturate(1.4) brightness(1.15);box-shadow:0 0 7px #ffffff47}.ac-label{font-weight:500}.ac-hint{color:var(--text-3);font-size:13px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.ac-item-hist{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 10px}.ac-item-hist .ac-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-item-hist .ac-hint{margin-left:0;max-width:100%;font-family:var(--font-mono);font-size:12px}.ac-empty{padding:10px 12px;margin:0;font-size:13px;color:var(--text-3)}.ac-foot{padding:6px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--text-3);background:var(--panel)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{display:inline-flex;align-items:center;gap:5px;padding:1px 9px;border-radius:20px;font-family:var(--font-mono);font-size:12.5px;background:color-mix(in srgb,var(--chip) 13%,transparent);border:1px solid color-mix(in srgb,var(--chip) 45%,transparent);color:color-mix(in srgb,var(--chip) 58%,#ffffff);text-decoration:none;max-width:100%;transition:background .14s,box-shadow .14s}.chip-click{cursor:pointer}.chip-click:hover{background:color-mix(in srgb,var(--chip) 26%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--chip) 35%,transparent)}.chip-key{opacity:.8}.chip-val{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-error{--chip: #ff3b5c}.tpl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tpl-item{display:flex;justify-content:space-between;gap:14px;padding:12px;background:#04040c8c;border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .14s}.tpl-item:hover{border-color:var(--line-2)}.tpl-item.pinned{border-color:#22e0ff66;box-shadow:inset 3px 0 0 var(--accent),0 0 20px #22e0ff1a}.btn-small.pin{display:inline-flex;align-items:center;gap:5px}.btn-small.pin.on{border-color:#22e0ff99;color:var(--accent-2)}.pin-mark{font-size:11px;line-height:1}.btn-small.pin:not(.on) .pin-mark{filter:grayscale(.7);opacity:.75}.tpl-main{min-width:0;flex:1;display:grid;gap:7px}.tpl-body{white-space:pre-wrap}.tpl-meta{display:flex;gap:12px;font-size:12px;color:var(--text-3)}.tpl-actions{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cal-title{min-width:150px;text-align:center;font-family:var(--font-display);letter-spacing:.03em}.kind-filter{display:flex;gap:5px}.kind-pill{border:1px solid var(--line);background:transparent;color:var(--text-3);border-radius:20px;padding:3px 12px;font:inherit;font-size:13px;cursor:pointer;transition:color .14s,border-color .14s,box-shadow .14s,background .14s}.kind-pill:hover{color:var(--text-2);border-color:var(--line-2)}.kind-pill.on{background:#ffffff08}.kind-pill.kind-due.on{color:#ff8fbb;border-color:var(--neon-pink);box-shadow:0 0 14px #ff2e8859}.kind-pill.kind-calendar.on{color:#8dffd0;border-color:var(--ok);box-shadow:0 0 14px #2bf5a84d}.kind-pill.kind-repeat.on{color:#7ff0ff;border-color:var(--accent);box-shadow:0 0 14px #22e0ff4d}.kind-pill.kind-remind.on{color:#ffd27d;border-color:var(--warn);box-shadow:0 0 14px #ffb0204d}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.cal-weekday{background:var(--bg-2);padding:8px;text-align:center;font-family:var(--font-display);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em}.cal-cell{background:var(--panel);border:0;min-height:116px;padding:6px;display:flex;flex-direction:column;gap:3px;align-items:stretch;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .12s}.cal-cell:hover{background:var(--panel-2)}.cal-cell.muted-cell{background:#080813;color:var(--text-3)}.cal-cell.today{box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 22px #22e0ff29}.cal-cell.today .cal-day{color:var(--accent);text-shadow:0 0 10px rgb(34 224 255 / .6)}.cal-cell.selected{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-2)}.cal-day{font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.cal-events{display:grid;gap:2px;min-width:0}.cal-ev{font-size:11.5px;padding:1px 6px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid var(--text-3);background:#04040cb3}.cal-ev em{font-style:normal;color:var(--text-3);margin-right:3px}.cal-ev.kind-due{border-left-color:var(--neon-pink);box-shadow:-1px 0 8px #ff2e8866}.cal-ev.kind-calendar{border-left-color:var(--ok);box-shadow:-1px 0 8px #2bf5a859}.cal-ev.kind-repeat{border-left-color:var(--accent);box-shadow:-1px 0 8px #22e0ff59}.cal-ev.kind-remind{border-left-color:var(--warn);box-shadow:-1px 0 8px #ffb02059}.cal-more{font-size:11px;color:var(--text-3)}.day-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.day-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 13px;background:#04040c8c;border-radius:var(--radius-sm);border-left:2px solid var(--text-3)}.day-item.kind-due{border-left-color:var(--neon-pink)}.day-item.kind-calendar{border-left-color:var(--ok)}.day-item.kind-repeat{border-left-color:var(--accent)}.day-item.kind-remind{border-left-color:var(--warn)}.day-kind,.day-dur{font-size:12px;color:var(--text-3)}.day-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-2)}.day-title{flex:1;min-width:140px}.day-proj{font-size:12px;color:var(--accent)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin-bottom:18px}.tile{position:relative;overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255 / .025),transparent 55%),var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:15px;display:grid;gap:2px}.tile:before{content:"";position:absolute;top:0;left:15px;right:15px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.tile-value{font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text)}.tile-label{font-size:13px;color:var(--text-2)}.tile-link{font:inherit;text-align:left;cursor:pointer;transition:border-color .14s,box-shadow .14s}.tile-link:hover{border-color:#ff3b5c99;box-shadow:0 0 22px #ff3b5c33}.tile.ok .tile-value{color:var(--ok);text-shadow:0 0 20px rgb(43 245 168 / .45)}.tile.ok:before{background:linear-gradient(90deg,transparent,var(--ok),transparent)}.tile.warn .tile-value{color:var(--warn);text-shadow:0 0 20px rgb(255 176 32 / .4)}.tile.warn:before{background:linear-gradient(90deg,transparent,var(--warn),transparent)}.tile.bad .tile-value{color:var(--bad);text-shadow:0 0 20px rgb(255 59 92 / .45)}.tile.bad:before{background:linear-gradient(90deg,transparent,var(--bad),transparent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.stat-card{margin:0}.bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bars li{display:grid;grid-template-columns:124px 1fr 38px;align-items:center;gap:9px}.bar-label{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:7px;background:#04040c;border:1px solid var(--line);border-radius:4px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:4px;filter:saturate(1.35) brightness(1.2);box-shadow:0 0 10px #ffffff47}.bar-count{font-family:var(--font-mono);font-size:13px;color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.table th{font-family:var(--font-display);color:var(--text-3);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.table tbody tr:hover td{background:#ffffff05}.tabs{display:flex;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px}.tabs button{border:0;background:transparent;color:var(--text-2);padding:5px 16px;border-radius:6px;font:inherit;cursor:pointer;transition:background .14s,color .14s,box-shadow .14s}.tabs button:hover{color:var(--text)}.tabs button.active{background:#22e0ff24;color:var(--accent-2);box-shadow:inset 0 0 0 1px #22e0ff66,0 0 14px #22e0ff29}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px}.col{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.col.over{border-color:var(--accent);background:var(--panel);box-shadow:0 0 26px #22e0ff38,inset 0 0 30px #22e0ff0f}.col-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2)}.col-title{display:flex;align-items:center;gap:8px;color:var(--text)}.col-dot{width:9px;height:9px;border-radius:50%;background:#c3c8ef;flex-shrink:0}.col-dot.st-todo{background:#c3c8ef;box-shadow:0 0 8px #c3c8ef80}.col-dot.st-doing{background:var(--warn);box-shadow:0 0 8px #ffb02099}.col-dot.st-review{background:var(--neon-violet);box-shadow:0 0 8px #a45cff99}.col-dot.st-done{background:var(--ok);box-shadow:0 0 8px #2bf5a899}.col-count{background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;padding:0 9px;font-family:var(--font-mono);font-size:13px;color:var(--text)}.col-body{padding:9px;display:grid;gap:9px;align-content:start;min-height:90px}.col-empty{font-size:13px;color:var(--text-3);text-align:center;padding:16px 0;margin:0}.card-task{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px;display:grid;gap:9px;cursor:grab;transition:border-color .14s,box-shadow .14s,transform .14s}.card-task:hover{border-color:#22e0ff80;box-shadow:0 0 20px #22e0ff24;transform:translateY(-1px)}.card-task.dragging{opacity:.4;box-shadow:0 0 24px #a45cff59}.card-task.late{border-color:var(--bad);animation:late-blink 1.4s ease-in-out infinite}.card-task.late:hover{border-color:var(--bad)}@keyframes late-blink{0%,to{box-shadow:0 0 0 1px #ff3b5c59,0 0 6px #ff3b5c33}50%{box-shadow:0 0 0 1px var(--bad),0 0 22px #ff3b5c8c}}.card-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.task-code{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;padding:1px 7px;border-radius:5px;background:#ffffff0d;border:1px solid var(--line-2);color:var(--text-2);flex-shrink:0}.late-flag{font-size:11.5px;padding:1px 8px;border-radius:20px;background:#ff3b5c26;border:1px solid rgb(255 59 92 / .5);color:#ff9aab}.card-body{white-space:pre-wrap;font-size:15px;line-height:1.55;color:var(--text)}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;border-top:1px solid var(--line);padding-top:9px}.card-proj{justify-self:start;border:1px solid rgb(164 92 255 / .45);background:#a45cff24;color:#d7bcff;border-radius:20px;padding:1px 10px;font:inherit;font-size:12px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:box-shadow .14s,color .14s}.card-proj:hover{color:#fff;box-shadow:0 0 16px #a45cff59}.roadmap{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);overflow:hidden}.rm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.rm-range-label{font-family:var(--font-mono);font-size:12px}.btn-small.on{border-color:#a45cffb3;color:#d0b0ff;background:#a45cff29;box-shadow:0 0 16px #a45cff40}.rm-hint{margin:0;padding:8px 12px;border-bottom:1px solid var(--line);background:#a45cff14;color:#d0b0ff;font-size:13px}.rm-scroll{overflow-x:auto;overflow-y:visible}.rm-inner{min-width:100%}.rm-row{display:flex;align-items:stretch;min-height:40px}.rm-row+.rm-row{border-top:1px solid var(--line)}.rm-label{position:sticky;left:0;z-index:3;width:240px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border-right:1px solid var(--line-2);font-size:13px}.rm-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-code{flex-shrink:0;cursor:pointer;font-family:var(--font-mono);font-size:11.5px;padding:1px 7px;border-radius:5px;background:#ffffff0d;border:1px solid var(--line-2);color:var(--text-2)}.rm-code:hover{border-color:var(--accent);color:var(--accent-2)}.rm-track{position:relative;flex-shrink:0;background-image:repeating-linear-gradient(90deg,transparent 0 calc(var(--day-w) - 1px),var(--line) calc(var(--day-w) - 1px) var(--day-w))}.rm-head{position:sticky;top:0;z-index:4;background:var(--bg-2)}.rm-head .rm-label{background:var(--bg-2);font-size:11.5px}.rm-months{display:flex;height:22px}.rm-month{flex-shrink:0;font-family:var(--font-display);font-size:11.5px;letter-spacing:.08em;color:var(--text-2);border-right:1px solid var(--line-2);padding-left:6px;display:flex;align-items:center;overflow:hidden}.rm-days{display:flex;height:20px}.rm-day{flex-shrink:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.rm-day.weekend{background:#ffffff08;color:var(--text-3)}.rm-day.today{color:var(--accent);font-weight:600;text-shadow:0 0 10px rgb(34 224 255 / .6)}.rm-group-head .rm-label{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent-2);background:var(--panel-2)}.rm-group-head{min-height:30px;background:#ffffff04}.rm-today-line{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);box-shadow:0 0 10px #22e0ffb3;pointer-events:none;z-index:1}.rm-bar{position:absolute;top:7px;bottom:7px;z-index:2;display:flex;align-items:center;gap:4px;border-radius:6px;padding:0 8px;background:linear-gradient(180deg,#22e0ff59,#22e0ff2e);border:1px solid rgb(34 224 255 / .6);color:#eafcff;font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.rm-bar:hover{box-shadow:0 0 18px #22e0ff4d}.rm-bar.dragging{cursor:grabbing;opacity:.9;box-shadow:0 0 24px #22e0ff73}.rm-bar-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.rm-bar.st-doing{background:linear-gradient(180deg,#ffb02059,#ffb02029);border-color:#ffb02099}.rm-bar.st-review{background:linear-gradient(180deg,#a45cff59,#a45cff29);border-color:#a45cff99}.rm-bar.st-done{background:linear-gradient(180deg,#2bf5a84d,#2bf5a824);border-color:#2bf5a88c}.rm-bar.st-cancel{background:#ffffff0f;border-color:var(--line-2);color:var(--text-3);text-decoration:line-through}.rm-bar.late{background:linear-gradient(180deg,#ff3b5c66,#ff3b5c2e);border-color:var(--bad);animation:late-blink 1.4s ease-in-out infinite}.rm-bar.linked{border-left:3px solid var(--neon-violet);cursor:default}.rm-link-mark{flex-shrink:0;color:#d0b0ff;font-size:12px;line-height:1;cursor:help}.rm-handle{width:7px;align-self:stretch;flex-shrink:0;cursor:col-resize;border-radius:4px;background:#ffffff40;margin:6px 0}.rm-handle:hover{background:#fff}.rm-bar.linkable{cursor:crosshair}.rm-bar.linkable:hover{box-shadow:0 0 0 2px #a45cffb3,0 0 20px #a45cff59}.rm-bar.link-source{box-shadow:0 0 0 2px var(--neon-violet),0 0 26px #a45cff80}.rm-unlink{flex-shrink:0;cursor:pointer;font:inherit;font-size:11px;line-height:1;padding:2px 6px;border-radius:20px;background:#00000059;border:1px solid rgb(255 255 255 / .35);color:#fff}.rm-unlink:hover{background:var(--bad);border-color:var(--bad)}.rm-bar.clip-start{border-top-left-radius:0;border-bottom-left-radius:0;border-left-style:dashed}.rm-bar.clip-end{border-top-right-radius:0;border-bottom-right-radius:0;border-right-style:dashed}.rm-outside{position:sticky;left:252px;display:inline-block;margin:10px 0 0 252px;font-size:11px;color:var(--text-3);border:1px dashed var(--line-2);border-radius:20px;padding:1px 9px;background:var(--bg-2)}.rm-empty{position:absolute;top:8px;font:inherit;font-size:11.5px;cursor:pointer;padding:2px 9px;border-radius:20px;background:transparent;border:1px dashed var(--line-2);color:var(--text-3)}.rm-empty:hover{border-color:var(--accent);color:var(--accent-2)}.rm-none{padding:18px}.timeline{list-style:none;margin:0;padding:0 0 0 20px;position:relative}.timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,rgb(34 224 255 / .5),rgb(164 92 255 / .35),transparent)}.tl-item{position:relative;margin-bottom:12px}.tl-dot{position:absolute;left:-20px;top:15px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--accent)}.tl-dot.st-todo{background:#c3c8ef;box-shadow:0 0 0 3px var(--bg),0 0 10px #c3c8ef99}.tl-dot.st-doing{background:var(--warn);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--warn)}.tl-dot.st-review{background:var(--neon-violet);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--neon-violet)}.tl-dot.st-done{background:var(--ok);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--ok)}.tl-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;gap:9px}.tl-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tl-time{font-family:var(--font-mono);font-size:13px;color:var(--text-2)}.tl-body{white-space:pre-wrap;font-size:15px;line-height:1.55}.tl-foot{display:flex;gap:6px}.tl-badge{font-size:12px;padding:1px 10px;border-radius:20px;background:var(--panel-2);color:var(--text-2);border:1px solid transparent}.tl-badge.st-todo{background:#9aa0cc1f;border-color:#9aa0cc4d;color:#c3c8ef}.tl-badge.st-doing{background:#ffb02024;border-color:#ffb02066;color:#ffd27d}.tl-badge.st-review{background:#a45cff29;border-color:#a45cff73;color:#d0b0ff}.tl-badge.st-done{background:#2bf5a824;border-color:#2bf5a866;color:#8dffd0}.tl-badge.note{background:#22e0ff24;border-color:#22e0ff66;color:var(--accent-2)}.tl-badge.act-create{background:#22e0ff24;border-color:#22e0ff73;color:var(--accent-2)}.tl-badge.act-edit{background:#a45cff29;border-color:#a45cff73;color:#d0b0ff}.tl-badge.act-move{background:#ffb02024;border-color:#ffb02073;color:#ffd27d}.tl-badge.act-delete{background:#ff3b5c24;border-color:#ff3b5c73;color:#ff9aab}.tl-dot.act-create{background:var(--accent);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--accent)}.tl-dot.act-edit{background:var(--neon-violet);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--neon-violet)}.tl-dot.act-move{background:var(--warn);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--warn)}.tl-dot.act-delete{background:var(--bad);box-shadow:0 0 0 3px var(--bg),0 0 12px var(--bad)}.tl-move{display:inline-flex;align-items:center;gap:6px;color:var(--text-3)}.tl-prev{margin:0;padding:7px 11px;background:#04040c99;border-left:2px solid var(--line-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-3);font-size:13px;white-space:pre-wrap}.tl-prev span{display:inline-block;margin-right:8px;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.form-grid label{display:grid;gap:5px;font-size:13px;color:var(--text-2)}.form-grid .span2{grid-column:1 / -1}.form-grid label.check{display:flex;flex-direction:row;align-items:flex-start;gap:8px;line-height:1.5}.form-grid label.check input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--accent)}.form-grid label.check input:disabled{opacity:.4}.cmd-manager{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.cmd-side{display:grid;gap:8px}.cmd-list{list-style:none;margin:0;padding:0;max-height:460px;overflow-y:auto;display:grid;gap:2px}.cmd-list-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--text-2);font:inherit;cursor:pointer;text-align:left}.cmd-list-item:hover,.cmd-list-item.active{background:var(--panel-2);color:var(--text)}.cmd-list-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.cmd-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;filter:saturate(1.4) brightness(1.15);box-shadow:0 0 8px #ffffff4d}.cmd-editor{display:grid;gap:14px;min-width:0}.slots-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.sample{background:#04040c;color:var(--text-2);font-family:var(--font-mono)}.slot-card{background:#04040c8c;border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px;display:grid;gap:10px}.slot-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#020208c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:clamp(12px,3vw,32px);animation:fade-in .14s ease-out}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow),0 0 40px #22e0ff1a;padding:19px;width:min(680px,100%);display:grid;gap:12px;max-height:88vh;overflow-y:auto;animation:rise-in .16s ease-out}.edit-modal{width:min(1040px,100%);max-height:min(88vh,900px)}.edit-modal .composer{min-height:clamp(160px,34vh,420px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0;color:var(--text);font-size:15px}.modal-foot{display:flex;justify-content:flex-end;gap:8px}.drive-modal{width:min(560px,100%)}.crumbs{display:flex;gap:4px;flex-wrap:wrap;font-size:13px}.crumb{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;padding:0}.crumb:hover{text-shadow:0 0 12px rgb(34 224 255 / .7)}.drive-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto;display:grid;gap:2px}.drive-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.drive-row:hover{background:var(--panel-2)}.drive-row:disabled{opacity:.4;cursor:not-allowed}.drive-icon{opacity:.85;filter:saturate(.9)}.drive-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-date{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.toasts{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:8px;max-width:380px}.toast{background:var(--panel-2);border:1px solid var(--line-2);border-left:2px solid var(--accent);border-radius:var(--radius-sm);padding:11px 15px;box-shadow:var(--shadow),-2px 0 18px #22e0ff47;font-size:14px;animation:slide-in .18s ease-out}.toast-success{border-left-color:var(--ok);box-shadow:var(--shadow),-2px 0 18px #2bf5a84d}.toast-error{border-left-color:var(--bad);box-shadow:var(--shadow),-2px 0 18px #ff3b5c4d}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:900px){.app{flex-direction:column}.sidebar{width:100%!important;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-resizer{display:none}.sidebar:after{top:auto;bottom:0;left:0;right:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgb(34 224 255 / .45),rgb(164 92 255 / .35),transparent)}.nav{flex-direction:row;flex-wrap:wrap}.page{padding:20px 16px 52px}.cmd-manager{grid-template-columns:1fr}.cal-cell{min-height:86px}.toasts{right:12px;left:12px;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-screen{min-height:100%;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:radial-gradient(900px 420px at 30% -10%,rgb(34 224 255 / .14),transparent 65%),radial-gradient(760px 420px at 80% 10%,rgb(164 92 255 / .13),transparent 62%),var(--bg)}.auth-card{width:min(420px,100%);display:grid;gap:14px;padding:26px;background:linear-gradient(180deg,rgb(255 255 255 / .03),transparent 45%),var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow),0 0 40px #22e0ff1a;position:relative}.auth-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 22%,var(--neon-violet) 68%,transparent);box-shadow:0 0 12px #22e0ff80}.auth-wide{width:min(760px,100%)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-tabs{justify-self:stretch}.auth-tabs button{flex:1}.auth-field{display:grid;gap:6px;font-size:13px;color:var(--text-2)}.auth-submit{justify-content:center;margin-top:4px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;font:600 14px/1 var(--font-ui);color:#1f1f1f;background:#fff;border:1px solid #dadce0;border-radius:var(--radius-sm);cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.btn-google:hover{box-shadow:0 0 0 3px #4285f459}.btn-google:active{transform:translateY(1px)}.google-note{margin:-6px 0 0;text-align:center}.auth-alt{justify-self:center;font-size:13px}.card h3:not(:first-child){margin-top:20px}.invite-list{list-style:none;display:grid;gap:6px;margin:10px 0 0;padding:0}.invite-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px}.invite-list li>.mono{flex:1;min-width:180px}.invite-list .fine{flex-basis:100%;margin:0}.tag-ok,.tag-wait{padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.02em;white-space:nowrap}.tag-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent)}.tag-wait{color:var(--text-3);background:#ffffff0a;border:1px solid var(--line-2)}.auth-or{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-3)}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line-2)}.auth-screen-error{position:fixed;top:0;left:0;right:0;z-index:90;padding:10px 16px;text-align:center;font-size:13px;background:#ffb02024;border-bottom:1px solid rgb(255 176 32 / .4);color:#ffd27d}.ws-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.ws-choice{display:grid;gap:9px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#04040c80}.ws-choice h3{margin:0;color:var(--text)}.ws-switch{display:grid;gap:5px;padding:0 4px}.ws-label{font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);text-align:center}.ws-current{padding:7px 10px;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ws-select{text-align:center;text-align-last:center;padding-left:28px}.account-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.account-name{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}