:root{--paper: #e8eef8;--paper-2: #dde6f2;--surface: #ffffff;--fill: #eaeef5;--ink: #191c1d;--ink-soft: #3f474e;--muted: #6c7682;--line: #dde2e7;--line-strong: #c8c9ca;--accent: #0088ce;--accent-dark: #015f90;--accent-tint: #e6f3fa;--navy: #1e1656;--green: #2e7d4f;--amber: #b07d08;--red: #9c323e;--blue: #015f90;--serif: "Newsreader", Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 7px;--shadow: 0 1px 2px rgba(20, 40, 60, .06), 0 8px 24px rgba(20, 40, 60, .07);color-scheme:light}[data-theme=dark]{--paper: #0d131c;--paper-2: #141c27;--surface: #1a212b;--fill: #242d38;--ink: #e8edf1;--ink-soft: #b4bec7;--muted: #8a949d;--line: #2a333b;--line-strong: #3b454e;--accent: #2ba6e6;--accent-dark: #7cc7f2;--accent-tint: #133040;--navy: #b8aede;--green: #5cc282;--amber: #e0b84a;--red: #ef7d8c;--blue: #7cc7f2;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}[data-theme=dark] body{background:radial-gradient(1100px 540px at 82% -12%,#152838,#15283800 58%),radial-gradient(1000px 700px at 0% 110%,#122031,#12203100 55%),var(--paper);background-attachment:fixed}[data-theme=dark] button.danger{border-color:#5a3138}[data-theme=dark] .lockbadge{border-color:#234a5f}[data-theme=dark] .badge.paper{color:#cdc6ec;border-color:#3a3560;background:#221d3a}[data-theme=dark] .badge.support{color:#e6c66a;border-color:#4a3f1b;background:#322a12}[data-theme=dark] .cal-cell.today{background:#122530;box-shadow:inset 0 0 0 2px var(--accent-tint)}.icon-btn{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:16px;line-height:1;border-radius:999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 540px at 82% -12%,#d6e6fb,#d6e6fb00 58%),radial-gradient(1000px 700px at 0% 110%,#e0ebfa,#e0ebfa00 55%),var(--paper);background-attachment:fixed;color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.1px}button{font:inherit;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:8px 14px;transition:background .12s,border-color .12s,transform .04s}button:hover{background:var(--fill)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px #00000014}button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}button.ghost:hover{background:var(--fill)}button.danger{color:var(--red);border-color:#e0c0c5}input,textarea,select{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);padding:9px 11px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0088ce29}textarea{resize:vertical;min-height:70px}label{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:0 0 5px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:12px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.mark{width:30px;height:30px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:600;font-size:18px;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-wrap{display:flex;flex-direction:column;line-height:1.1}.brand{font-family:var(--serif);font-weight:600;font-size:19px}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.3px}.spacer{flex:1}.lockbadge{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.4px;color:var(--accent-dark);background:var(--accent-tint);border:1px solid #bfdff0;border-radius:999px;padding:4px 11px}.lockbadge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.userchip{font-size:13px;color:var(--ink-soft)}.board{flex:1;display:flex;gap:18px;padding:22px;overflow-x:auto}.archive-grid{flex:1;overflow-y:auto;padding:22px;align-content:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.column{flex:0 0 290px;display:flex;flex-direction:column;min-height:0}.column-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;border-bottom:2px solid var(--col-accent, var(--line-strong));margin-bottom:12px}.column-head .title{font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--ink)}.count{font-size:12px;color:var(--muted);background:var(--fill);border-radius:999px;padding:1px 9px}.column-body{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:2px}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--card-accent, var(--line-strong));border-radius:var(--radius);padding:12px 14px;text-align:left;width:100%;display:block;transition:border-color .12s,box-shadow .14s,transform .06s}.card:hover{box-shadow:var(--shadow);transform:translateY(-1px);border-color:var(--line-strong)}.card.p-urgent{--card-accent: var(--red)}.card.p-high{--card-accent: var(--amber)}.card.p-medium{--card-accent: var(--blue)}.card.p-low{--card-accent: var(--line-strong)}.card-title{font-family:var(--serif);font-size:16px;font-weight:600;margin-bottom:8px;color:var(--ink)}.card-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{font-size:10px;letter-spacing:.6px;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid var(--line-strong);color:var(--muted)}.badge.paper{color:var(--navy);border-color:#c9c6dd;background:#edecf5}.badge.support{color:var(--amber);border-color:#e8d49b;background:#fbf3da}.prio{font-size:11px;letter-spacing:.3px}.prio.low{color:var(--muted)}.prio.medium{color:var(--blue)}.prio.high{color:var(--amber)}.prio.urgent{color:var(--red);font-weight:600}.avatars{display:flex}.avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-tint);color:var(--accent-dark);font-size:10px;font-weight:700;letter-spacing:.3px;display:grid;place-items:center;border:1.5px solid var(--surface);margin-left:-7px}.avatar:first-child{margin-left:0}.tag{font-size:11px;color:var(--accent-dark);background:var(--accent-tint);border-radius:5px;padding:1px 7px}.due{font-size:12px;color:var(--muted)}.due.over{color:var(--red)}.due.soon{color:var(--amber)}.scrim{position:fixed;inset:0;background:#10182057;z-index:10}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--paper);border-left:1px solid var(--line-strong);z-index:11;display:flex;flex-direction:column;box-shadow:-16px 0 40px #14283c1a}.drawer-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.drawer-head strong{font-family:var(--serif);font-size:18px;font-weight:600}.drawer-body{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-title{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.3px;color:var(--ink);text-transform:none}.feed{display:flex;flex-direction:column;gap:12px}.feed-item{border-left:2px solid var(--line-strong);padding:1px 0 1px 12px}.feed-item.system{color:var(--muted);font-size:13px}.feed-meta{font-size:11px;color:var(--muted);margin-bottom:2px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:12px;border:1px solid var(--line-strong);border-radius:999px;padding:5px 12px;background:var(--surface);color:var(--ink-soft)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:20;background:#10182066;padding:16px}.modal-card{width:min(520px,92vw);background:var(--paper);border:1px solid var(--line-strong);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:15px;box-shadow:0 24px 60px #0c1c2c47;max-height:88vh;overflow-y:auto}.modal-card h2{margin:0;font-size:21px}.row-end{display:flex;gap:9px;justify-content:flex-end}.empty{color:var(--muted);text-align:center;padding:26px;font-size:14px}.empty p{font-family:var(--serif);font-size:17px;color:var(--ink-soft)}.centerpane{height:100%;display:grid;place-items:center;padding:16px}.recovery-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px;letter-spacing:2px;text-align:center;padding:15px 0;background:var(--surface);border-radius:9px;border:1px dashed var(--line-strong);color:var(--accent-dark)}.checkrow{display:flex;gap:9px;align-items:center;color:var(--ink-soft);font-size:13px;text-transform:none;letter-spacing:0}.checkrow input{width:auto}.error{color:var(--red);font-size:13px}.rowline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.rowline+.rowline{border-top:1px solid var(--line)}.links{display:flex;flex-direction:column;gap:6px}.linkline{display:block;width:100%;text-align:left;background:var(--fill);border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:12px;color:var(--accent-dark)}.linkline:hover{background:var(--accent-tint)}.feed-img{display:block;max-width:100%;border-radius:8px;margin-top:6px;border:1px solid var(--line)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 22px 0}.toolbar input,.toolbar select{width:auto}.toolbar .search{min-width:220px;flex:1;max-width:360px}.toolbar .clearbtn{font-size:12px}.checkmeta{font-size:11px;color:var(--muted)}.filelink{display:inline-block;margin-top:6px;padding:7px 11px;background:var(--fill);border:1px solid var(--line-strong);border-radius:7px;color:var(--accent-dark);text-decoration:none;font-size:13px}.filelink:before{content:"📎 "}.filelink:hover{background:var(--accent-tint)}.section-head{display:flex;align-items:center;justify-content:space-between}.empty.small{padding:10px;font-size:13px}.item{border-bottom:1px solid var(--line)}.item:last-of-type{border-bottom:none}.item-row{display:flex;align-items:center;gap:9px;padding:7px 0}.item-row input[type=checkbox]{width:auto}.item-text{flex:1;color:var(--ink-soft);font-size:14px}.item-comments{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted)}.item-comments.has{color:var(--accent-dark);border-color:var(--accent);background:var(--accent-tint)}.completed-toggle{margin-top:6px;padding:5px 0;background:none;border:none;color:var(--muted);font-size:13px;text-align:left;cursor:pointer}.completed-toggle:hover{color:var(--ink-soft)}.thread{margin:2px 0 10px 30px;padding:10px 12px;border-left:2px solid var(--accent);background:var(--paper-2);border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:10px}.thread-comment{font-size:13px}.filelist{display:flex;flex-direction:column;gap:6px}.filechip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;background:var(--fill);border:1px solid var(--line-strong);border-radius:7px;color:var(--accent-dark);text-decoration:none;font-size:13px}.filechip.muted{color:var(--muted)}.filechip:hover{background:var(--accent-tint)}.filechip-icon{color:var(--accent)}.composer{display:flex;flex-direction:column}.composer.compact textarea{min-height:0}.composer-input{position:relative}.mention{color:var(--accent-dark);background:var(--accent-tint);border-radius:4px;padding:0 3px;font-weight:600}.mention-menu{position:absolute;left:0;bottom:calc(100% + 4px);z-index:5;min-width:220px;max-height:220px;overflow-y:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--shadow);padding:4px}.mention-opt{display:block;width:100%;text-align:left;background:none;border:none;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--ink);cursor:pointer}.mention-opt:hover,.mention-opt.on{background:var(--accent-tint);color:var(--accent-dark)}.calendar{flex:1;display:flex;flex-direction:column;padding:16px 22px;min-height:0}.cal-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cal-head strong{font-family:var(--serif);font-size:18px;min-width:180px}.cal-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.cal-dow{background:var(--surface);text-align:center;padding:8px 0;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.cal-cell{background:var(--paper);min-height:96px;padding:6px;overflow-y:auto}.cal-cell.blank{background:var(--paper-2)}.cal-cell.today{background:#f0f8fd;box-shadow:inset 0 0 0 2px var(--accent-tint)}.cal-day{font-size:12px;color:var(--muted);margin-bottom:4px}.cal-ticket{display:block;width:100%;text-align:left;margin-bottom:4px;font-size:11px;padding:3px 6px;border-radius:5px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--card-accent, var(--line-strong));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-ticket.p-urgent{--card-accent: var(--red)}.cal-ticket.p-high{--card-accent: var(--amber)}.cal-ticket.p-medium{--card-accent: var(--blue)}.cal-ticket.p-low{--card-accent: var(--line-strong)}@media(max-width:640px){body{font-size:14px}.topbar{padding:9px 12px;gap:8px;flex-wrap:wrap}.brand-sub,.lockbadge,.userchip{display:none}.topbar button{padding:7px 10px}.board{padding:12px;gap:12px;scroll-snap-type:x mandatory}.column{flex-basis:82vw;scroll-snap-align:start}.toolbar{padding:12px 12px 0;gap:8px}.toolbar .search{min-width:0;max-width:none;flex:1 1 100%}.drawer{width:100%;box-shadow:none}.drawer-body{padding:14px;gap:14px}.field-grid{grid-template-columns:1fr}.modal{padding:10px}.modal-card{padding:18px;border-radius:12px}.calendar{padding:10px}.cal-head strong{min-width:0;font-size:16px}.cal-cell{min-height:58px;padding:3px}.cal-dow{padding:6px 0;font-size:10px}.cal-day{font-size:11px}.cal-ticket{font-size:10px;padding:2px 4px}button,.chip{min-height:38px}input,select,textarea{font-size:16px}}