:root{--ink:#111111;--carbon:#2A2A2A;--smoke:#4A4A4A;--ash:#8A8A85;--pulse:#FF4D2E;--pulse-soft:#FFE9E2;--plaster:#EDEDEA;--plaster-2:#F4F4F0;--paper:#FAFAF7;--paper-2:#FFFFFF;--ease:cubic-bezier(.6,.05,.25,1);--tf:.15s;--tm:.3s;--sb-w:240px;--detail-w:380px;--top-h:56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.cap{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.cap-9{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.topbar{display:grid;grid-template-columns:var(--sb-w) 1fr auto;align-items:center;height:var(--top-h);background:var(--ink);color:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 16px;height:100%;border-right:1px solid rgba(250,250,247,.08)}.brand svg{height:20px;width:auto;display:block}.brand .word{font-family:JetBrains Mono,monospace;font-weight:500;font-size:16px;letter-spacing:-.05em}.brand .slash{margin-left:6px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fafaf773}.tb-search{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;height:36px;margin:0 24px;padding:0 12px 0 14px;background:#fafaf70f;border:1px solid rgba(250,250,247,.1);border-radius:3px;transition:background var(--tf),border-color var(--tf);max-width:720px}.tb-search:focus-within{background:var(--paper);color:var(--ink);border-color:var(--paper)}.tb-search:focus-within .search-ic{color:var(--pulse)}.tb-search:focus-within .search-kbd{background:var(--plaster);color:var(--smoke);border-color:var(--plaster)}.search-ic{width:16px;height:16px;color:#fafaf78c;display:grid;place-items:center;transition:color var(--tf)}.tb-search input{background:none;border:none;outline:none;width:100%;font-size:13.5px;letter-spacing:-.005em}.tb-search input::-moz-placeholder{color:#fafaf773}.tb-search input::placeholder{color:#fafaf773}.tb-search:focus-within input::-moz-placeholder{color:var(--ash)}.tb-search:focus-within input::placeholder{color:var(--ash)}.search-kbd{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;border:1px solid rgba(250,250,247,.18);padding:2px 5px;border-radius:2px;color:#fafaf78c;white-space:nowrap}.search-ask{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--pulse);padding-left:10px;border-left:1px solid rgba(250,250,247,.15)}.tb-right{display:flex;align-items:center;gap:2px;padding-right:12px;position:relative}.tb-btn{width:36px;height:36px;display:grid;place-items:center;color:#fafaf7b3;border-radius:3px;transition:background var(--tf),color var(--tf);position:relative}.tb-btn:hover{background:#fafaf714;color:var(--paper)}.tb-btn svg{width:18px;height:18px}.tb-btn .pulse-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--pulse);border:2px solid var(--ink)}.tb-avatar{width:30px;height:30px;margin-left:8px;background:var(--pulse);color:var(--paper);font-family:JetBrains Mono,monospace;font-weight:500;font-size:11px;letter-spacing:-.02em;display:grid;place-items:center;border-radius:3px;cursor:pointer;position:relative}.sidebar{background:var(--paper);border-right:1px solid var(--plaster);display:flex;flex-direction:column;overflow-y:auto;padding:14px 0 12px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--plaster)}.compose-wrap{padding:0 14px 14px;display:grid;gap:6px}.compose{display:grid;grid-template-columns:1fr auto;align-items:center;background:var(--ink);color:var(--paper);padding:14px 16px;border-radius:3px;position:relative;overflow:hidden;transition:transform var(--tf)}.compose:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pulse);transform:translate(-101%);transition:transform var(--tm) var(--ease);z-index:0}.compose>*{position:relative;z-index:1}.compose:hover:after{transform:translate(0)}.compose:active{transform:translateY(1px)}.compose .lbl{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px;letter-spacing:-.005em}.compose .lbl svg{width:16px;height:16px}.compose .kbd{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;opacity:.6;border:1px solid rgba(250,250,247,.3);padding:2px 5px;border-radius:2px}.sb-section{padding:14px 14px 4px}.sb-section .ttl{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;color:var(--ash)}.sb-section .ttl button{color:var(--ash);font-size:14px;line-height:1}.sb-section .ttl button:hover{color:var(--ink)}.sb-item{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;padding:7px 10px;border-radius:3px;cursor:pointer;font-size:13.5px;color:var(--carbon);transition:background var(--tf),color var(--tf);position:relative;width:100%;text-align:left}.sb-item:hover{background:var(--plaster-2);color:var(--ink)}.sb-item .ic{width:18px;height:18px;display:grid;place-items:center;color:var(--smoke)}.sb-item .ic svg{width:16px;height:16px}.sb-item .count{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ash);letter-spacing:-.01em}.sb-item.active{background:var(--ink);color:var(--paper)}.sb-item.active .ic{color:var(--pulse)}.sb-item.active .count{color:#fafaf799}.sb-foot{margin:auto 14px 4px;padding:12px 12px 14px;border:1px solid var(--plaster);background:var(--paper-2);border-radius:3px}.sb-foot .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.sb-foot .row .ttl{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.sb-foot .row .val{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--smoke)}.sb-foot .row .val b{color:var(--ink);font-weight:500}.sb-foot .bar{height:3px;background:var(--plaster);position:relative;overflow:hidden;border-radius:2px}.sb-foot .bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:62%;background:var(--ink)}.sb-foot .hint{margin-top:8px;font-size:10.5px;color:var(--smoke);line-height:1.4}.sb-foot .hint b{color:var(--pulse);font-weight:500}.body-grid{display:grid;grid-template-columns:var(--sb-w) 1fr var(--detail-w);height:calc(100vh - var(--top-h));overflow:hidden}.body-grid.no-detail{grid-template-columns:var(--sb-w) 1fr}.main-pane{background:var(--paper-2);display:grid;grid-template-rows:auto auto auto 1fr auto;overflow:hidden}.main-head{display:flex;justify-content:space-between;align-items:center;padding:18px 28px 14px;border-bottom:1px solid var(--plaster)}.main-head h1{font-family:JetBrains Mono,monospace;font-weight:500;font-size:22px;letter-spacing:-.04em;display:flex;align-items:baseline;gap:10px}.main-head h1 .count{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash)}.main-head .h-actions{display:flex;gap:2px;align-items:center}.main-head .h-actions .seg{display:flex;border:1px solid var(--plaster);border-radius:3px;overflow:hidden;margin-right:10px}.main-head .h-actions .seg button{padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--smoke);border-right:1px solid var(--plaster)}.main-head .h-actions .seg button:last-child{border-right:none}.main-head .h-actions .seg button.on{background:var(--ink);color:var(--paper)}.main-head .h-actions .icon{width:30px;height:30px;display:grid;place-items:center;color:var(--smoke);border-radius:3px}.main-head .h-actions .icon:hover{background:var(--plaster-2);color:var(--ink)}.main-head .h-actions .icon svg{width:16px;height:16px}.filters{display:flex;align-items:center;gap:6px;padding:14px 28px;overflow-x:auto;border-bottom:1px solid var(--plaster)}.filters::-webkit-scrollbar{display:none}.chip{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--plaster);border-radius:999px;color:var(--smoke);white-space:nowrap;transition:all var(--tf);display:inline-flex;align-items:center;gap:6px}.chip:hover{color:var(--ink);border-color:var(--ink)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip .n{opacity:.6;font-size:9px}.chip.on .n{opacity:.85}.tbl-wrap{overflow-y:auto}.tbl-wrap::-webkit-scrollbar{width:8px}.tbl-wrap::-webkit-scrollbar-thumb{background:var(--plaster)}.tbl-head,.row{display:grid;grid-template-columns:32px 32px minmax(190px,1.5fr) minmax(220px,1.7fr) minmax(140px,1fr) minmax(120px,.8fr) 88px;align-items:center}.tbl-head{padding:10px 28px;border-bottom:1px solid var(--plaster);position:sticky;top:0;background:var(--paper-2);z-index:5}.tbl-head .h{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);display:flex;align-items:center;gap:6px}.row{padding:12px 28px;border-bottom:1px solid var(--plaster);cursor:pointer;transition:background var(--tf);position:relative}.row:hover{background:var(--plaster-2)}.row.active{background:var(--paper)}.row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pulse)}.row .cb{width:16px;height:16px;border:1px solid var(--plaster);border-radius:2px;display:grid;place-items:center;color:transparent;transition:all var(--tf)}.row.checked .cb,.row.active .cb{background:var(--ink);border-color:var(--ink);color:var(--paper)}.row .star{color:var(--plaster);transition:color var(--tf)}.row.starred .star{color:var(--pulse)}.row .star svg{width:14px;height:14px}.row .who{display:flex;align-items:center;gap:12px;min-width:0}.row .who .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:-.02em;flex-shrink:0;background:var(--ink);color:var(--paper)}.row .who .av.b2{background:var(--pulse)}.row .who .av.b3{background:var(--carbon)}.row .who .av.b4{background:var(--plaster);color:var(--ink)}.row .who .nm{display:grid;gap:1px;min-width:0}.row .who .nm .name{font-weight:500;font-size:14px;letter-spacing:-.005em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .who .nm .role{font-size:11px;color:var(--ash);font-family:JetBrains Mono,monospace;letter-spacing:-.01em}.row .col{font-size:13px;color:var(--carbon);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:14px}.row .col.mono{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--smoke)}.alpha-sep{display:flex;align-items:center;gap:12px;padding:12px 28px 6px;color:var(--ash);background:var(--paper-2)}.alpha-sep b{color:var(--ink);font-family:JetBrains Mono,monospace;font-weight:500;font-size:14px;letter-spacing:-.02em}.alpha-sep:after{content:"";flex:1;height:1px;background:var(--plaster)}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:8px 28px;background:var(--paper-2);border-top:1px solid var(--plaster);color:var(--ash)}.statusbar .left,.statusbar .right{display:flex;gap:18px;align-items:center}.statusbar b{color:var(--ink);font-weight:500}.statusbar .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pulse);margin-right:6px;vertical-align:middle;animation:pulse-d 2s var(--ease) infinite}@keyframes pulse-d{0%,to{box-shadow:0 0 #ff4d2e8c}50%{box-shadow:0 0 0 5px #ff4d2e00}}.detail{background:var(--paper);border-left:1px solid var(--plaster);overflow-y:auto;display:flex;flex-direction:column}.detail::-webkit-scrollbar{width:6px}.detail::-webkit-scrollbar-thumb{background:var(--plaster)}.d-head{padding:24px 24px 14px;border-bottom:1px solid var(--plaster);background:linear-gradient(180deg,var(--paper-2),var(--paper));position:relative}.d-head .ribbon{position:absolute;top:18px;right:18px;display:flex;gap:2px}.d-head .ribbon button{width:28px;height:28px;display:grid;place-items:center;color:var(--smoke);border-radius:3px}.d-head .ribbon button:hover{background:var(--plaster);color:var(--ink)}.d-head .ribbon svg{width:14px;height:14px}.d-id{display:flex;flex-direction:column;align-items:center;gap:14px}.d-id .av{width:88px;height:88px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-weight:500;font-size:28px;letter-spacing:-.04em;position:relative}.d-id .name{font-family:JetBrains Mono,monospace;font-weight:500;font-size:22px;letter-spacing:-.04em;line-height:1.1;text-align:center}.d-id .role{font-size:12px;color:var(--smoke);font-family:JetBrains Mono,monospace;letter-spacing:-.01em;text-align:center}.d-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px 18px;border-bottom:1px solid var(--plaster);background:var(--paper-2)}.d-quick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:3px;transition:background var(--tf);color:var(--ink)}.d-quick button:hover{background:var(--plaster-2)}.d-quick svg{width:18px;height:18px}.d-quick .lbl{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--smoke)}.d-quick button.pulse svg{color:var(--pulse)}.d-block{padding:18px 24px;border-bottom:1px solid var(--plaster)}.d-block h4{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.d-row{display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:center;padding:8px 0;font-size:13px}.d-row+.d-row{border-top:1px solid var(--plaster-2)}.d-row .k{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash)}.d-row .v{color:var(--ink);overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:-.01em}.d-row .v.dm{font-family:DM Sans,sans-serif;font-size:13px}.date-nav{display:flex;align-items:center;gap:6px;padding:0 18px;border-right:1px solid rgba(250,250,247,.08);height:100%}.date-nav .today-btn{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border:1px solid rgba(250,250,247,.2);border-radius:3px;color:var(--paper);transition:all var(--tf)}.date-nav .today-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.date-nav .nav-arrow{width:30px;height:30px;display:grid;place-items:center;color:#fafaf7b3;border-radius:3px}.date-nav .nav-arrow:hover{background:#fafaf714;color:var(--paper)}.date-nav .nav-arrow svg{width:16px;height:16px}.date-nav .date-label{font-family:JetBrains Mono,monospace;font-weight:500;font-size:15px;letter-spacing:-.03em;margin-left:8px;display:flex;align-items:baseline;gap:8px;color:var(--paper)}.date-nav .date-label .week{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fafaf780}:root{--plaster: #F2F1ED;--line-soft: rgba(17,17,17,.06);--line-mid: rgba(17,17,17,.1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-1: 0 1px 3px rgba(0,0,0,.02), 0 1px 2px rgba(0,0,0,.04);--shadow-2: 0 4px 14px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-3: 0 12px 30px -8px rgba(0,0,0,.12)}.topbar{box-shadow:0 1px #0000000a}.tb-search{border-radius:var(--radius-sm)}.tb-btn{border-radius:var(--radius-sm);transition:background var(--tf),color var(--tf),transform var(--tf)}.tb-btn:active{transform:scale(.96)}.tb-avatar{border-radius:var(--radius-sm);transition:transform var(--tf),box-shadow var(--tf)}.tb-avatar:hover{transform:scale(1.04);box-shadow:0 2px 8px #ff4d2e66}.sidebar{border-right:1px solid var(--line-soft)}.compose{border-radius:var(--radius-md);transition:transform var(--tf),box-shadow var(--tf)}.compose:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.compose:active{transform:translateY(0)}.sb-item{border-radius:var(--radius-sm);transition:background var(--tm) var(--ease),color var(--tm) var(--ease),padding-left var(--tm) var(--ease)}.sb-item:hover{padding-left:14px}.sb-item.active{padding-left:14px;box-shadow:var(--shadow-1)}.main-head{border-bottom:1px solid var(--line-soft)}.main-head .h-actions .seg{border:1px solid var(--line-mid);border-radius:var(--radius-sm)}.main-head .h-actions .seg button{transition:background var(--tf),color var(--tf)}.main-head .h-actions .icon{border-radius:var(--radius-sm);transition:background var(--tf),color var(--tf),transform var(--tf)}.main-head .h-actions .icon:active{transform:scale(.94)}.filters{border-bottom:1px solid var(--line-soft)}.chip{border-color:var(--line-mid);transition:all var(--tm) var(--ease)}.chip:hover{transform:translateY(-1px)}.tbl-head{border-bottom:1px solid var(--line-soft)}.row{border-bottom:1px solid var(--line-soft);transition:background var(--tm) var(--ease),padding-left var(--tm) var(--ease)}.row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pulse);transform:scaleY(0);transform-origin:center;transition:transform var(--tm) var(--ease)}.row:hover{padding-left:32px;background:var(--paper)}.row:hover:before{transform:scaleY(.5);opacity:.4}.row.active:before{transform:scaleY(1);opacity:1;content:""}.row.active{padding-left:32px;background:#ff4d2e0a}.row .who .av{transition:transform var(--tf),box-shadow var(--tf)}.row:hover .who .av{transform:scale(1.05);box-shadow:var(--shadow-1)}.alpha-sep{background:transparent;padding:18px 28px 8px}.alpha-sep:after{background:var(--line-soft)}.alpha-sep b{font-size:13px;opacity:.7}.detail{border-left:1px solid var(--line-soft);animation:slideInRight var(--tm) var(--ease)}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.d-head{background:linear-gradient(180deg,rgba(255,77,46,.04),transparent);border-bottom:1px solid var(--line-soft)}.d-id .av{transition:transform var(--tm) var(--ease),box-shadow var(--tm) var(--ease)}.d-id .av:hover{transform:scale(1.04);box-shadow:0 8px 24px #ff4d2e33}.d-quick{background:transparent;border-bottom:1px solid var(--line-soft)}.d-quick button{border-radius:var(--radius-sm);transition:background var(--tf),transform var(--tf)}.d-quick button:hover{background:var(--paper);transform:translateY(-2px)}.d-quick button:active{transform:translateY(0)}.d-block{border-bottom:1px solid var(--line-soft)}.d-block h4 .edit{transition:color var(--tf),border-color var(--tf)}.d-row+.d-row{border-top:1px solid var(--line-soft)}.d-row .copy{transition:all var(--tf)}.statusbar{background:transparent;border-top:1px solid var(--line-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-pane>*{animation:fadeUp .25s var(--ease) both}.main-pane>*:nth-child(2){animation-delay:30ms}.main-pane>*:nth-child(3){animation-delay:60ms}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.noliae-modal{animation:modalIn var(--tm) var(--ease)}button[style*="var(--pulse)"],button[style*="#FF4D2E"],.btn-pulse{transition:transform var(--tf),box-shadow var(--tf),background var(--tf)}button[style*="var(--pulse)"]:hover,.btn-pulse:hover{transform:translateY(-1px);box-shadow:0 8px 20px -4px #ff4d2e80}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
