@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..600;1,400..600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ink:#12263a;--ink-soft:#5a7184;--ink-faint:#8ca0ae;--sea:#0e7c86;--sea-hover:#0b6771;--sea-wash:#e7f3f4;--sea-bright:#17a0ac;--ink-deep:#0c1b2b;--nav-text:#8fa6ba;--nav-text-on:#fff;--nav-muted:#4e6478;--nav-line:#ffffff14;--nav-active-bg:#17a0ac29;--paper:#f7f9fa;--card:#fff;--line:#e3e9ee;--line-strong:#c7d3db;--chip:#edf2f5;--p0:#c9403a;--p1:#dd8b2e;--p2:#0e7c86;--p3:#8ca0ae;--danger:#c9403a;--danger-wash:#fbedec;--warn-wash:#fbf3e6;--warn-text:#8a5a18;--ice:#dceef5;--ice-text:#4a7c97;--ok:#2e7d5b;--ok-wash:#e6f2ed;--font-ui:"Instrument Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--fs-view-title:20px;--fs-column:15px;--fs-body:14px;--fs-card-title:14px;--fs-meta:12.5px;--fs-chip:11px;--radius-card:8px;--radius-control:6px;--radius-chip:4px;--h-control:34px;--pad-card:12px 14px;--gap-cards:10px;--gap-columns:16px;--pad-column:12px;--shadow-drag:0 8px 24px #12263a24;--shadow-float:0 8px 24px #12263a1f, 0 2px 6px #12263a14;--focus-ring:0 0 0 3px #0e7c8626;--dur-fast:.12s;--dur-base:.2s;--ease:cubic-bezier(.25, .6, .35, 1)}html{background:var(--paper)}body{font-family:var(--font-ui);font-size:var(--fs-body);color:var(--ink);-webkit-font-smoothing:antialiased}.column-rule{background:repeating-linear-gradient(90deg, var(--line-strong) 0, var(--line-strong) 1px, transparent 1px, transparent 24px) bottom / 100% 5px no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) bottom / 100% 1px no-repeat;height:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}.shell{grid-template-columns:216px 1fr;min-height:100svh;display:grid}.nav{background:var(--ink-deep);color:var(--nav-text);flex-direction:column;padding:18px 12px 14px;display:flex}.nav-logo{color:#fff;letter-spacing:-.01em;border-bottom:1px solid var(--nav-line);align-items:center;gap:10px;margin-bottom:12px;padding:0 10px 16px;font-size:16px;font-weight:600;display:flex}.nav-h{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nav-muted);padding:12px 10px 6px;font-size:9.5px}.nav-item{cursor:pointer;color:inherit;text-align:left;width:100%;font-size:13.5px;font-family:var(--font-ui);background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;display:flex}.nav-item .cnt{font-family:var(--font-mono);color:var(--nav-muted);margin-left:auto;font-size:10.5px}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-text-on)}.nav-item.active .dot{background:var(--sea-bright)}.nav-item:hover{color:var(--nav-text-on)}.nav-item:disabled{cursor:default;opacity:.55}.dot{background:#3d5468;border-radius:2px;flex:none;width:6px;height:6px}.dot.p0{background:var(--p0)}.dot.sea{background:var(--sea-bright)}.dot.ice{background:#7fb6ce}.nav-foot{border-top:1px solid var(--nav-line);align-items:center;gap:10px;margin-top:auto;padding-top:12px;padding-left:10px;display:flex}.avatar{background:var(--sea);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:500;display:flex}.nav-foot small{color:var(--nav-text);font-size:12px;line-height:1.4}.nav-foot .mono{color:var(--nav-muted);font-size:10px;display:block}.main{background:var(--paper);flex-direction:column;min-width:0;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 28px;display:flex}.quick{flex:1;max-width:520px}.quick .input{font-family:var(--font-mono);background:var(--paper);font-size:12.5px}.kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--paper);border-radius:4px;flex:none;padding:1px 5px;font-size:10px}.bell{color:var(--ink-soft);align-items:center;gap:16px;margin-left:auto;font-size:15px;display:flex}.status-ok{font-family:var(--font-mono);background:var(--sea-wash);color:var(--sea);border:1px solid #0000;border-radius:4px;padding:1px 6px;font-size:10.5px}.content{flex:1;min-width:0;padding:24px 28px;overflow-x:auto}.board-head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.board-head h1{font-size:var(--fs-view-title);letter-spacing:-.01em;font-weight:600}.cols{gap:var(--gap-columns);grid-template-columns:repeat(6,minmax(220px,1fr));align-items:start;display:grid}.col-h{font-size:var(--fs-column);align-items:center;gap:8px;font-weight:600;display:flex}.col-h .wip{font-family:var(--font-mono);background:var(--chip);color:var(--ink-soft);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:400}.col-h .wip.full{background:var(--warn-wash);color:var(--warn-text)}.col-body{min-height:40px}.tcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--pad-card);margin-bottom:var(--gap-cards);cursor:grab}.tcard:hover{border-color:var(--line-strong)}.tcard.dragging{box-shadow:var(--shadow-drag);border-color:var(--line-strong);transform:rotate(1.5deg)}.tcard.blocked{cursor:not-allowed}.tcard .t{align-items:flex-start;gap:10px;display:flex}.tcard .title{font-size:var(--fs-card-title);font-weight:500;line-height:1.4}.tcard .meta{flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;display:flex}.tcard .date{font-family:var(--font-mono);color:var(--ink-soft);margin-left:auto;font-size:11px}.tcard .date.over{color:var(--danger)}.tcard.done .title{color:var(--ink-soft);text-decoration:line-through}.tcard.done .flag{opacity:.4}.chip{font-size:var(--fs-chip);border-radius:var(--radius-chip);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.chip-proj{background:var(--sea-wash);color:var(--sea)}.chip-neutral{background:var(--chip);color:var(--ink-soft)}.chip-warn{background:var(--warn-wash);color:var(--warn-text)}.chip-ice{background:var(--ice);color:var(--ice-text)}.chip-ok{background:var(--ok-wash);color:var(--ok)}.input{font-family:var(--font-ui);height:var(--h-control);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--card);color:var(--ink);width:100%;padding:0 12px;font-size:13.5px}.input:focus{border-color:var(--sea);box-shadow:var(--focus-ring);outline:none}.btn{font-family:var(--font-ui);height:var(--h-control);border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-secondary{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn[disabled]{opacity:.6;cursor:default}.btn-ghost{color:var(--sea);background:0 0;padding:0 8px}.overlay{z-index:100;background:#0c1b2b66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.detail{background:var(--card);box-shadow:var(--shadow-float);border-radius:12px;grid-template-columns:1fr 250px;gap:0;width:100%;max-width:760px;max-height:90vh;display:grid;overflow-y:auto}.detail-main{padding:24px 26px}.detail-side{border-left:1px solid var(--line);background:var(--paper);padding:20px}.dt-title{letter-spacing:-.01em;align-items:flex-start;gap:12px;font-size:19px;font-weight:600;line-height:1.35;display:flex}.dt-title .input{border-color:#0000;height:auto;padding:2px 8px;font-size:19px;font-weight:600}.dt-title .input:hover{border-color:var(--line)}.field{margin-bottom:16px}.field label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:10px;display:block}.field textarea{font-family:var(--font-ui);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--card);color:var(--ink);resize:vertical;width:100%;min-height:72px;padding:8px 12px;font-size:13.5px}.field textarea:focus{border-color:var(--sea);box-shadow:var(--focus-ring);outline:none}.field select{font-family:var(--font-ui);height:var(--h-control);border-radius:var(--radius-control);border:1px solid var(--line);background:var(--card);color:var(--ink);width:100%;padding:0 10px;font-size:13.5px}.close-x{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:18px;line-height:1}.close-x:hover{color:var(--ink)}.mobile-view{display:none}.m-tabs{gap:6px;padding:12px 16px 4px;display:flex;overflow-x:auto}.m-tab{font-family:var(--font-ui);background:var(--card);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;cursor:pointer;border-radius:99px;flex:none;padding:5px 12px;font-size:12px}.m-tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.m-body{padding:10px 16px 90px}.m-fab{background:var(--sea);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-drag);cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex;position:fixed;bottom:24px;right:20px}@media (width<=820px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;overflow-x:auto}.nav-foot{border-top:none;border-left:1px solid var(--nav-line);margin-top:0;margin-left:auto;padding-top:0;padding-left:12px}.content{padding:16px 0}.board-head{padding:0 16px}.cols{display:none}.mobile-view{display:block}.detail{grid-template-columns:1fr}.detail-side{border-left:none;border-top:1px solid var(--line)}}