.notepad-root{--bg-app:#f5f3ee;--bg-panel:#fbfaf6;--bg-surface:#ffffff;--bg-sunken:#efece5;--bg-hover:#f0ede5;--bg-active:#e6e1d4;--bg-overlay:rgba(28,26,22,0.42);--ink-1:#1c1a16;--ink-2:#4a463d;--ink-3:#7a7468;--ink-4:#a8a294;--ink-inverse:#fbfaf6;--line-1:#e6e1d4;--line-2:#d8d2c0;--line-focus:#5a6f8f;--accent:#4a5d7e;--accent-soft:#dde3ed;--accent-ink:#2e3a4f;--status-idea:#8a8478;--status-doing:#5a7fa8;--status-waiting:#b08740;--status-done:#6b8a5f;--status-parked:#8d6f8b;--status-idea-bg:#efece5;--status-doing-bg:#dfe7f1;--status-waiting-bg:#f1e7d2;--status-done-bg:#e3ebde;--status-parked-bg:#ecdfea;--tag-bg:#ece8dc;--tag-ink:#4a463d;--tag-bg-hover:#e2dccb;--font-sans:ui-sans-serif,-apple-system,"SF Pro Text","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-serif:"Iowan Old Style","Source Serif Pro",Charter,Georgia,serif;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-17:17px;--fs-22:22px;--lh-tight:1.25;--lh-snug:1.4;--lh-body:1.55;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--row-h-compact:28px;--row-h-comfy:40px;--r-1:3px;--r-2:5px;--r-3:8px;--r-pill:999px;--shadow-1:0 1px 0 rgba(28,26,22,0.04);--shadow-2:0 2px 6px rgba(28,26,22,0.06),0 1px 2px rgba(28,26,22,0.04);--shadow-pop:0 8px 24px rgba(28,26,22,0.12),0 2px 6px rgba(28,26,22,0.08);--sidebar-w:232px;--notes-w:360px;--topbar-h:40px;--capture-h:44px;--t-fast:120ms cubic-bezier(0.2,0,0,1);--t-base:180ms cubic-bezier(0.2,0,0,1);--z-base:1;--z-sticky:10;--z-menu:50;--z-modal:100;--z-toast:200;position:fixed;inset:0;background:var(--bg-app);font-family:var(--font-sans);font-size:var(--fs-13);line-height:var(--lh-snug);color:var(--ink-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;z-index:1}.notepad-root *,.notepad-root :after,.notepad-root :before{box-sizing:border-box}.notepad-root button{background:none;border:0;padding:0;cursor:pointer}.notepad-root button,.notepad-root input,.notepad-root select,.notepad-root textarea{font:inherit;color:inherit}.notepad-root a{color:var(--accent);text-decoration:none}.notepad-root a:hover{color:var(--accent-ink);text-decoration:underline}.notepad-root .mono{font-family:var(--font-mono)}.notepad-root .muted{color:var(--ink-3)}.notepad-root .dim{color:var(--ink-4)}.notepad-root .dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:1px;background:var(--ink-4);flex-shrink:0}.notepad-root .dot.idea{background:var(--status-idea)}.notepad-root .dot.doing{background:var(--status-doing)}.notepad-root .dot.waiting{background:var(--status-waiting)}.notepad-root .dot.done{background:var(--status-done)}.notepad-root .dot.parked{background:var(--status-parked)}.notepad-root .pill{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;font-size:var(--fs-11);font-weight:var(--fw-medium);border-radius:var(--r-pill);border:1px solid transparent;white-space:nowrap}.notepad-root .pill.idea{background:var(--status-idea-bg);color:var(--status-idea)}.notepad-root .pill.doing{background:var(--status-doing-bg);color:var(--status-doing)}.notepad-root .pill.waiting{background:var(--status-waiting-bg);color:var(--status-waiting)}.notepad-root .pill.done{background:var(--status-done-bg);color:var(--status-done)}.notepad-root .pill.parked{background:var(--status-parked-bg);color:var(--status-parked)}.notepad-root .tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;font-size:var(--fs-11);border-radius:var(--r-1);background:var(--tag-bg);color:var(--tag-ink);font-family:var(--font-mono);letter-spacing:.01em}.notepad-root .tag:before{content:"#";opacity:.5;margin-right:1px}.notepad-root .tag:hover{background:var(--tag-bg-hover);cursor:pointer}.notepad-root .kbd{display:inline-block;min-width:16px;padding:1px 5px;font-family:var(--font-mono);font-size:var(--fs-10);line-height:1.4;color:var(--ink-2);background:var(--bg-surface);border:solid var(--line-1);border-width:1px 1px 2px;border-radius:var(--r-1)}.notepad-root :focus-visible{outline:2px solid var(--line-focus);outline-offset:1px;border-radius:var(--r-1)}.notepad-root .np-app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--notes-w);grid-template-rows:var(--topbar-h) 1fr var(--capture-h);grid-template-areas:"topbar  topbar  topbar" "sidebar list    notes" "capture capture capture";height:100%;background:var(--bg-app)}.notepad-root .np-app__topbar{grid-area:topbar}.notepad-root .np-app__sidebar{grid-area:sidebar}.notepad-root .np-app__list{grid-area:list}.notepad-root .np-app__notes{grid-area:notes}.notepad-root .np-app__capture{grid-area:capture}.notepad-root .topbar{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3) 0 var(--sp-4);background:var(--bg-panel);border-bottom:1px solid var(--line-1);font-size:var(--fs-12)}.notepad-root .topbar__brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-semibold);font-size:var(--fs-13);color:var(--ink-1);padding-right:var(--sp-3);border-right:1px solid var(--line-1);height:100%;margin-right:var(--sp-2)}.notepad-root .topbar__brand-mark{width:16px;height:16px;border:1.5px solid var(--ink-1);border-radius:2px;position:relative}.notepad-root .topbar__brand-mark:after{content:"";position:absolute;inset:3px 3px auto 3px;height:1.5px;background:var(--ink-1);box-shadow:0 3px 0 var(--ink-1),0 6px 0 var(--ink-1)}.notepad-root .topbar__crumbs{display:flex;align-items:center;gap:var(--sp-1);color:var(--ink-3)}.notepad-root .topbar__crumbs .sep{opacity:.5}.notepad-root .topbar__crumbs strong{color:var(--ink-1);font-weight:var(--fw-medium)}.notepad-root .topbar__spacer{flex:1}.notepad-root .topbar__search{display:flex;align-items:center;gap:var(--sp-2);height:26px;padding:0 var(--sp-2);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-2);width:240px;color:var(--ink-3)}.notepad-root .topbar__search input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-size:var(--fs-12)}.notepad-root .topbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--ink-2);border-radius:var(--r-1)}.notepad-root .topbar__icon-btn:hover{background:var(--bg-hover);color:var(--ink-1)}.notepad-root .sync-dot{display:inline-flex;align-items:center;gap:5px;color:var(--ink-3);font-size:var(--fs-11)}.notepad-root .sync-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--status-done);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-done) 18%,transparent)}.notepad-root .sidebar{background:var(--bg-panel);border-right:1px solid var(--line-1);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.notepad-root .sidebar__section{padding:var(--sp-3) var(--sp-2) var(--sp-2)}.notepad-root .sidebar__heading{display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-2) var(--sp-1);font-size:var(--fs-10);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.notepad-root .sidebar__heading-add{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-1);color:var(--ink-3)}.notepad-root .sidebar__heading-add:hover{background:var(--bg-hover);color:var(--ink-1)}.notepad-root .nav-item{display:flex;align-items:center;gap:var(--sp-2);padding:5px var(--sp-2);font-size:var(--fs-12);color:var(--ink-2);border-radius:var(--r-1);cursor:pointer;user-select:none;position:relative}.notepad-root .nav-item:hover{background:var(--bg-hover);color:var(--ink-1)}.notepad-root .nav-item--active{background:var(--bg-active);color:var(--ink-1);font-weight:var(--fw-medium)}.notepad-root .nav-item__icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);flex-shrink:0}.notepad-root .nav-item--active .nav-item__icon{color:var(--ink-1)}.notepad-root .nav-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notepad-root .nav-item__count{font-family:var(--font-mono);font-size:var(--fs-10);color:var(--ink-3);background:transparent;padding:0 4px}.notepad-root .nav-item--active .nav-item__count{color:var(--ink-2)}.notepad-root .nav-item--inbox .nav-item__count{background:var(--ink-1);color:var(--ink-inverse);border-radius:var(--r-pill);min-width:18px;text-align:center;font-weight:var(--fw-medium)}.notepad-root .proj-row{display:flex;align-items:center;gap:var(--sp-2);padding:5px var(--sp-2);border-radius:var(--r-1);cursor:pointer;font-size:var(--fs-12);color:var(--ink-2)}.notepad-root .proj-row:hover{background:var(--bg-hover);color:var(--ink-1)}.notepad-root .proj-row--active{background:var(--bg-active);color:var(--ink-1);font-weight:var(--fw-medium)}.notepad-root .proj-row__status{width:6px;height:6px;border-radius:50%;background:var(--status-doing);flex-shrink:0}.notepad-root .proj-row--parked .proj-row__status{background:var(--status-parked)}.notepad-root .proj-row--done .proj-row__status{background:var(--status-done)}.notepad-root .proj-row__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notepad-root .proj-row__count{font-family:var(--font-mono);font-size:var(--fs-10);color:var(--ink-3)}.notepad-root .list{display:flex;flex-direction:column;min-height:0;background:var(--bg-app)}.notepad-root .list__header{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-2);border-bottom:1px solid var(--line-1)}.notepad-root .list__title{font-size:var(--fs-17);font-weight:var(--fw-semibold);color:var(--ink-1);letter-spacing:-.01em;margin:0}.notepad-root .list__subtitle{font-size:var(--fs-12);color:var(--ink-3)}.notepad-root .list__toolbar{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--line-1);font-size:var(--fs-11);background:var(--bg-panel)}.notepad-root .filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--fs-11);color:var(--ink-2);border-radius:var(--r-1);border:1px solid transparent;cursor:pointer}.notepad-root .filter-chip:hover{background:var(--bg-hover)}.notepad-root .filter-chip--on{background:var(--bg-surface);border-color:var(--line-2);color:var(--ink-1)}.notepad-root .filter-chip__count{font-family:var(--font-mono);color:var(--ink-3);font-size:var(--fs-10)}.notepad-root .toolbar__spacer{flex:1}.notepad-root .toolbar__divider{width:1px;height:16px;background:var(--line-1);margin:0 4px}.notepad-root .density-toggle{display:inline-flex;background:var(--bg-sunken);border-radius:var(--r-2);padding:2px}.notepad-root .list__scroll{flex:1;overflow-y:auto;min-height:0}.notepad-root .group-header{position:sticky;top:0;z-index:var(--z-sticky);padding:var(--sp-2) var(--sp-5) 4px;font-size:var(--fs-10);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:linear-gradient(to bottom,var(--bg-app) 0,var(--bg-app) 70%,transparent 100%)}.notepad-root .todo{display:grid;grid-template-columns:24px 14px 1fr auto auto;align-items:center;gap:var(--sp-2);padding:0 var(--sp-5);height:var(--row-h-compact);border-bottom:1px solid var(--line-1);background:var(--bg-surface);cursor:pointer;position:relative}.notepad-root .todo:hover{background:var(--bg-hover)}.notepad-root .todo--selected{background:var(--accent-soft)}.notepad-root .todo--selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.notepad-root .todo__check{width:14px;height:14px;border:1.5px solid var(--ink-4);border-radius:3px;background:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.notepad-root .todo__check:hover{border-color:var(--ink-2)}.notepad-root .todo__check svg{width:10px;height:10px;opacity:0}.notepad-root .todo--done .todo__check{background:var(--status-done);border-color:var(--status-done)}.notepad-root .todo--done .todo__check svg{opacity:1;color:white}.notepad-root .todo--done .todo__title{text-decoration:line-through;color:var(--ink-3)}.notepad-root .todo__handle{color:var(--ink-4);font-family:var(--font-mono);font-size:var(--fs-10);display:inline-flex;align-items:center;justify-content:center;cursor:grab;opacity:0}.notepad-root .todo:hover .todo__handle{opacity:1}.notepad-root .todo__title{font-size:var(--fs-13);color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notepad-root .todo__title-row{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.notepad-root .todo__title-row .tag{font-size:10px;height:16px;padding:0 5px}.notepad-root .todo__has-notes{font-family:var(--font-mono);font-size:9px;color:var(--ink-4);flex-shrink:0}.notepad-root .todo__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-10);color:var(--ink-3);font-family:var(--font-mono);flex-shrink:0}.notepad-root .todo__meta .activity-tick{display:inline-flex;align-items:center;gap:3px}.notepad-root .trash-row{display:flex;align-items:center;gap:var(--sp-2);padding:6px var(--sp-5);height:var(--row-h-compact);border-bottom:1px solid var(--line-1);background:var(--bg-surface);font-size:var(--fs-12)}.notepad-root .trash-row:hover{background:var(--bg-hover)}.notepad-root .trash-row__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.notepad-root .trash-row__when{font-family:var(--font-mono);font-size:var(--fs-10);color:var(--ink-3);margin-left:auto;padding-right:var(--sp-2)}.notepad-root .list--comfy .todo{height:auto;min-height:40px;padding:var(--sp-2) var(--sp-5);align-items:center}.notepad-root .list--comfy .todo__check{margin-top:1px}.notepad-root .list--comfy .todo__handle{visibility:hidden;pointer-events:none}.notepad-root .list--comfy .todo__title{white-space:normal}.notepad-root .notes{background:var(--bg-panel);border-left:1px solid var(--line-1);display:flex;flex-direction:column;min-height:0}.notepad-root .notes__header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-1)}.notepad-root .notes__title{font-size:var(--fs-12);color:var(--ink-3);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase}.notepad-root .notes__mode{margin-left:auto;display:inline-flex;background:var(--bg-sunken);border-radius:var(--r-2);padding:2px;font-size:var(--fs-11)}.notepad-root .notes__mode button{padding:2px 8px;color:var(--ink-3);border-radius:3px}.notepad-root .notes__mode button.on{background:var(--bg-surface);color:var(--ink-1);box-shadow:var(--shadow-1)}.notepad-root .notes__body{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-5);font-size:var(--fs-14);line-height:var(--lh-body);color:var(--ink-1);min-height:0}.notepad-root .notes__body h1{font-size:18px;margin:8px 0 6px}.notepad-root .notes__body h2{font-size:15px;margin:16px 0 6px;color:var(--ink-1)}.notepad-root .notes__body h3{font-size:13px;margin:12px 0 4px;color:var(--ink-2)}.notepad-root .notes__body p{margin:6px 0}.notepad-root .notes__body ol,.notepad-root .notes__body ul{margin:6px 0;padding-left:22px}.notepad-root .notes__body li{margin:2px 0}.notepad-root .notes__body code{padding:1px 4px;border-radius:3px}.notepad-root .notes__body code,.notepad-root .notes__body pre{font-family:var(--font-mono);font-size:12px;background:var(--bg-sunken)}.notepad-root .notes__body pre{padding:10px 12px;border-radius:var(--r-2);overflow-x:auto;border:1px solid var(--line-1)}.notepad-root .notes__body blockquote{margin:8px 0;padding:4px 12px;border-left:2px solid var(--line-2);color:var(--ink-2)}.notepad-root .notes__attach{margin-top:var(--sp-3);display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--sp-2)}.notepad-root .attach-thumb{position:relative;aspect-ratio:16/10;background:var(--bg-sunken);border:1px solid var(--line-1);border-radius:var(--r-2);overflow:hidden;font-size:var(--fs-10);color:var(--ink-3);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);cursor:pointer}.notepad-root .attach-thumb:hover{border-color:var(--line-2)}.notepad-root .attach-thumb__caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);color:white;padding:16px 6px 4px;font-size:var(--fs-10)}.notepad-root .capture{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);background:var(--bg-surface);border-top:1px solid var(--line-2);font-size:var(--fs-13)}.notepad-root .capture__prompt{font-family:var(--font-mono);color:var(--ink-3);font-size:var(--fs-13);user-select:none}.notepad-root .capture__input{flex:1;background:transparent;border:0;outline:0;font-size:var(--fs-13);height:100%;color:var(--ink-1)}.notepad-root .capture__input::placeholder{color:var(--ink-4)}.notepad-root .capture__hint{display:flex;align-items:center;gap:var(--sp-1);color:var(--ink-3);font-size:var(--fs-11)}.notepad-root .capture__dest{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--ink-2);background:var(--bg-sunken);padding:2px 8px;border-radius:var(--r-1);border:1px solid var(--line-1)}.notepad-root .btn{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:var(--fs-12);color:var(--ink-1);background:var(--bg-surface);border:1px solid var(--line-2);border-radius:var(--r-2);cursor:pointer}.notepad-root .btn:hover{background:var(--bg-hover);border-color:var(--ink-4)}.notepad-root .btn--ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.notepad-root .btn--ghost:hover{background:var(--bg-hover);color:var(--ink-1)}.notepad-root .btn--primary{background:var(--ink-1);color:var(--ink-inverse);border-color:var(--ink-1)}.notepad-root .btn--primary:hover{background:#000}.notepad-root .btn--sm{height:22px;padding:0 8px;font-size:var(--fs-11)}.notepad-root .divider{height:1px;background:var(--line-1);margin:var(--sp-2) 0}.notepad-root .row{display:flex;align-items:center;gap:var(--sp-2)}.notepad-root .col{display:flex;flex-direction:column}.notepad-root .grow{flex:1}.notepad-root .np-app--detail{grid-template-columns:var(--sidebar-w) minmax(0,1fr) 380px}.notepad-root .detail{display:flex;flex-direction:column;min-height:0;background:var(--bg-app)}.notepad-root .detail__bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);border-bottom:1px solid var(--line-1);background:var(--bg-panel);font-size:var(--fs-12);color:var(--ink-3)}.notepad-root .detail__bar .row-num{font-family:var(--font-mono)}.notepad-root .detail__bar-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-1);color:var(--ink-2)}.notepad-root .detail__bar-btn:hover{background:var(--bg-hover);color:var(--ink-1)}.notepad-root .detail__body{flex:1;overflow-y:auto;padding:var(--sp-6) var(--sp-8);max-width:820px;margin:0 auto;width:100%}.notepad-root .detail__title-block{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.notepad-root .detail__title{font-size:var(--fs-22);font-weight:var(--fw-semibold);line-height:1.2;color:var(--ink-1);letter-spacing:-.01em;margin:0}.notepad-root .detail__title-edit{font:inherit;width:100%;background:transparent;border:0;outline:0;color:var(--ink-1);border-bottom:1px dashed var(--line-2);padding:2px 0}.notepad-root .detail__subtitle{color:var(--ink-3);font-size:var(--fs-12);display:flex;align-items:center;gap:var(--sp-2)}.notepad-root .status-switcher{display:inline-flex;background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-2);padding:2px;font-size:var(--fs-12);box-shadow:var(--shadow-1)}.notepad-root .status-switcher button{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;color:var(--ink-2);border-radius:3px}.notepad-root .status-switcher button:hover{background:var(--bg-hover)}.notepad-root .status-switcher button.on{color:var(--ink-1);font-weight:var(--fw-medium)}.notepad-root .status-switcher button.on.idea{background:var(--status-idea-bg)}.notepad-root .status-switcher button.on.doing{background:var(--status-doing-bg);color:var(--status-doing)}.notepad-root .status-switcher button.on.waiting{background:var(--status-waiting-bg)}.notepad-root .status-switcher button.on.done{background:var(--status-done-bg)}.notepad-root .status-switcher button.on.parked{background:var(--status-parked-bg)}.notepad-root .meta-strip{display:grid;grid-template-columns:88px 1fr;gap:6px var(--sp-4);padding:var(--sp-3) 0;border-top:1px solid var(--line-1);border-bottom:1px solid var(--line-1);font-size:var(--fs-12);margin-bottom:var(--sp-5)}.notepad-root .meta-strip dt{color:var(--ink-3);padding-top:3px}.notepad-root .meta-strip dd{margin:0;padding-top:3px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--ink-2)}.notepad-root .meta-strip .chat-ref{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;background:var(--bg-sunken);border:1px solid var(--line-1);border-radius:var(--r-1);font-family:var(--font-mono);font-size:var(--fs-11);color:var(--ink-2);cursor:pointer}.notepad-root .meta-strip .chat-ref:hover{color:var(--accent);border-color:var(--line-2)}.notepad-root .section-h{display:flex;align-items:baseline;gap:var(--sp-2);margin:var(--sp-5) 0 var(--sp-2)}.notepad-root .section-h h3{margin:0;font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.notepad-root .section-h__hint{color:var(--ink-4);font-size:var(--fs-11)}.notepad-root .md-toggle{display:inline-flex;background:var(--bg-sunken);border-radius:var(--r-2);padding:2px;font-size:var(--fs-11);margin-left:auto}.notepad-root .md-toggle button{padding:2px 8px;color:var(--ink-3);border-radius:3px}.notepad-root .md-toggle button.on{background:var(--bg-surface);color:var(--ink-1);box-shadow:var(--shadow-1)}.notepad-root .md-area{background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--ink-1);white-space:pre-wrap;min-height:160px}.notepad-root .md-area--editing{outline:2px solid var(--line-focus);outline-offset:-2px}.notepad-root textarea.md-area{width:100%;font:inherit;font-family:var(--font-mono);resize:vertical}.notepad-root .md-preview h1{font-size:18px;margin:8px 0 6px;color:var(--ink-1)}.notepad-root .md-preview h2{font-size:15px;margin:16px 0 6px;color:var(--ink-1)}.notepad-root .md-preview h3{font-size:13px;margin:12px 0 4px;color:var(--ink-2)}.notepad-root .md-preview p{margin:6px 0}.notepad-root .md-preview ol,.notepad-root .md-preview ul{margin:6px 0;padding-left:22px}.notepad-root .md-preview li{margin:2px 0}.notepad-root .md-preview code{font-family:var(--font-mono);font-size:12px;background:var(--bg-sunken);padding:1px 4px;border-radius:3px}.notepad-root .md-preview blockquote{margin:8px 0;padding:4px 12px;border-left:2px solid var(--line-2);color:var(--ink-2)}.notepad-root .attach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.notepad-root .attach-card{background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-2);overflow:hidden;cursor:pointer}.notepad-root .attach-card:hover{border-color:var(--line-2)}.notepad-root .attach-card__img{aspect-ratio:16/10;background:var(--bg-sunken);position:relative;overflow:hidden}.notepad-root .attach-card__meta{padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:var(--fs-11);color:var(--ink-3);border-top:1px solid var(--line-1)}.notepad-root .attach-card__name{color:var(--ink-1);font-family:var(--font-mono);font-size:var(--fs-11)}.notepad-root .attach-card__bytes{margin-left:auto}.notepad-root .attach-card--add{display:flex;align-items:center;justify-content:center;border-style:dashed;text-align:center;padding:12px;color:var(--ink-3);transition:background var(--t-fast),border-color var(--t-fast)}.notepad-root .attach-card--has-img{cursor:zoom-in}.notepad-root .attach-card__delete{position:absolute;top:4px;right:4px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:rgba(28,26,22,.55);color:#fff;border-radius:50%;opacity:0;transition:opacity var(--t-fast),background var(--t-fast)}.notepad-root .attach-card--has-img:hover .attach-card__delete{opacity:1}.notepad-root .attach-card__delete:hover{background:#b04040}.notepad-root .activity{background:var(--bg-panel);border-left:1px solid var(--line-1);display:flex;flex-direction:column;min-height:0}.notepad-root .activity__header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-1)}.notepad-root .activity__title{font-size:var(--fs-12);color:var(--ink-3);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase}.notepad-root .activity__count{font-family:var(--font-mono);font-size:var(--fs-11);color:var(--ink-3);background:var(--bg-sunken);padding:1px 6px;border-radius:var(--r-1)}.notepad-root .activity__filter{margin-left:auto;font-size:var(--fs-11);color:var(--ink-3)}.notepad-root .activity__body{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-4) var(--sp-3);min-height:0}.notepad-root .timeline{position:relative;padding-left:18px}.notepad-root .timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--line-1)}.notepad-root .event{position:relative;padding:0 0 var(--sp-4) 0}.notepad-root .event__dot{position:absolute;left:-18px;top:4px;width:13px;height:13px;border-radius:50%;background:var(--bg-panel);border:2px solid var(--ink-4)}.notepad-root .event__dot.user{border-color:var(--ink-1);background:var(--ink-1)}.notepad-root .event__dot.claude{border-color:var(--accent);background:var(--bg-surface)}.notepad-root .event__dot.claude:after{content:"*";position:absolute;inset:0;color:var(--accent);font-family:var(--font-mono);font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1}.notepad-root .event__head{display:flex;align-items:center;gap:6px;font-size:var(--fs-12);line-height:1.4}.notepad-root .event__actor{font-weight:var(--fw-semibold);color:var(--ink-1)}.notepad-root .event__actor.claude{color:var(--accent)}.notepad-root .event__verb{color:var(--ink-2)}.notepad-root .event__time{margin-left:auto;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-10)}.notepad-root .event__delete{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-4);border-radius:var(--r-1);margin-left:4px;opacity:0;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.notepad-root .event--row:hover .event__delete{opacity:1}.notepad-root .event__delete:hover{background:var(--bg-hover);color:#b04040}.notepad-root .event__body{margin-top:4px;font-size:var(--fs-12);color:var(--ink-2);line-height:var(--lh-snug)}.notepad-root .event__body .quote{margin-top:4px;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--line-1);border-left:2px solid var(--line-2);border-radius:var(--r-1);font-size:var(--fs-12);color:var(--ink-1)}.notepad-root .event__body .diff{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--fs-11)}.notepad-root .diff .from{color:var(--ink-3);text-decoration:line-through}.notepad-root .diff .to{color:var(--status-doing)}.notepad-root .diff .arrow{color:var(--ink-4)}.notepad-root .reply-box{margin-top:var(--sp-2);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3)}.notepad-root .reply-box__input{width:100%;background:transparent;border:0;outline:0;font-size:var(--fs-12);font-family:var(--font-sans);color:var(--ink-1);resize:none}.notepad-root .reply-box__foot{display:flex;align-items:center;gap:var(--sp-1);margin-top:4px;font-size:var(--fs-10);color:var(--ink-3)}.notepad-root .np-m,.notepad-root.np-mobile{display:flex;flex-direction:column}.notepad-root .np-m{height:100%;min-height:0;background:var(--bg-app)}.notepad-root .np-m__main{overflow:hidden}.notepad-root .np-m-screen,.notepad-root .np-m__main{flex:1;display:flex;flex-direction:column;min-height:0}.notepad-root .np-m-capture{margin:calc(env(safe-area-inset-top) + 8px) var(--sp-3) var(--sp-2);padding:10px 14px;background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-3);display:flex;align-items:center;gap:var(--sp-2);box-shadow:var(--shadow-1);flex-shrink:0}.notepad-root .np-m-capture__prompt{color:var(--ink-3);font-family:var(--font-mono);font-size:16px}.notepad-root .np-m-capture__input{flex:1;background:transparent;border:0;outline:0;font-size:15px;color:var(--ink-1)}.notepad-root .np-m-capture__input::placeholder{color:var(--ink-4)}.notepad-root .np-m-capture__send{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink-1);color:var(--ink-inverse);transition:opacity var(--t-fast)}.notepad-root .np-m-capture__send:disabled{background:var(--bg-sunken);color:var(--ink-4)}.notepad-root .np-m-header{padding:6px var(--sp-4) 8px;display:flex;align-items:baseline;gap:var(--sp-2);flex-shrink:0}.notepad-root .np-m-header__title{font-size:22px;font-weight:var(--fw-semibold);color:var(--ink-1);letter-spacing:-.01em;margin:0}.notepad-root .np-m-header__count{font-family:var(--font-mono);font-size:13px;color:var(--ink-3)}.notepad-root .np-m-header__sync{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--ink-4)}.notepad-root .np-m-pills{display:flex;gap:6px;padding:4px var(--sp-4) 10px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.notepad-root .np-m-pills::-webkit-scrollbar{display:none}.notepad-root .np-m-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;min-height:32px;font-size:13px;color:var(--ink-2);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-pill);white-space:nowrap}.notepad-root .np-m-pill.on{background:var(--ink-1);color:var(--ink-inverse);border-color:var(--ink-1)}.notepad-root .np-m-pill.on .dot{opacity:.85}.notepad-root .np-m-pill__n{font-family:var(--font-mono);font-size:11px;opacity:.7}.notepad-root .np-m-scroll{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.notepad-root .np-m-section{padding:14px var(--sp-4) 6px;font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-app);position:sticky;top:0;z-index:2}.notepad-root .np-m-empty{padding:var(--sp-10) var(--sp-5);text-align:center;color:var(--ink-3);font-size:var(--fs-13);line-height:1.6}.notepad-root .np-m-todo{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--line-1);min-height:56px}.notepad-root .np-m-todo:active{background:var(--bg-hover)}.notepad-root .np-m-check{width:22px;height:22px;border:1.5px solid var(--ink-4);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:border-color var(--t-fast),background var(--t-fast)}.notepad-root .np-m-check svg{width:13px;height:13px;opacity:0}.notepad-root .np-m-todo--done .np-m-check{background:var(--status-done);border-color:var(--status-done)}.notepad-root .np-m-todo--done .np-m-check svg{opacity:1;color:#fff}.notepad-root .np-m-todo--done .np-m-title{text-decoration:line-through;color:var(--ink-3)}.notepad-root .np-m-body{min-width:0;display:flex;flex-direction:column;gap:3px}.notepad-root .np-m-title{font-size:14px;line-height:1.35;color:var(--ink-1);word-break:break-word}.notepad-root .np-m-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-3)}.notepad-root .np-m-meta .dot{width:6px;height:6px}.notepad-root .np-m-meta .tag{font-size:10px;height:16px;padding:0 5px}.notepad-root .np-m-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--ink-3);font-family:var(--font-mono);font-size:10px}.notepad-root .np-m__tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-1);background:var(--bg-panel);padding:4px 0 calc(env(safe-area-inset-bottom) + 4px);flex-shrink:0}.notepad-root .np-m-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 4px;color:var(--ink-3);font-size:10px;position:relative;min-height:48px}.notepad-root .np-m-tab.on{color:var(--ink-1)}.notepad-root .np-m-tab__icon{width:22px;height:22px}.notepad-root .np-m-tab__badge,.notepad-root .np-m-tab__icon{display:inline-flex;align-items:center;justify-content:center}.notepad-root .np-m-tab__badge{position:absolute;top:4px;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;background:var(--ink-1);color:var(--ink-inverse);border-radius:var(--r-pill);font-size:10px;font-family:var(--font-mono);font-weight:var(--fw-semibold)}.notepad-root .np-m-sheet{position:fixed;inset:0;background:var(--bg-overlay);z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;animation:np-m-sheet-fade-in .2s ease-out}@keyframes np-m-sheet-fade-in{0%{opacity:0}to{opacity:1}}.notepad-root .np-m-sheet__panel{width:100%;max-width:720px;height:92%;background:var(--bg-app);border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:np-m-sheet-slide-up .24s cubic-bezier(.2,0,0,1);overflow:hidden}@keyframes np-m-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notepad-root .np-m-sheet__grip{width:40px;height:4px;background:var(--line-2);border-radius:2px;margin:8px auto 4px;flex-shrink:0}.notepad-root .np-m-sheet__hd{display:flex;align-items:center;padding:6px var(--sp-4) 12px;border-bottom:1px solid var(--line-1);flex-shrink:0}.notepad-root .np-m-sheet__close,.notepad-root .np-m-sheet__done{font-size:15px;color:var(--accent);padding:4px 6px;min-width:48px}.notepad-root .np-m-sheet__done{text-align:right;font-weight:var(--fw-medium)}.notepad-root .np-m-sheet__close{text-align:left}.notepad-root .np-m-sheet__ttl{flex:1;text-align:center;font-size:14px;color:var(--ink-3);font-family:var(--font-mono)}.notepad-root .np-m-sheet__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-4) var(--sp-4) calc(env(safe-area-inset-bottom) + var(--sp-4))}.notepad-root .np-m-sheet__title{width:100%;font-size:20px;font-weight:var(--fw-semibold);color:var(--ink-1);background:transparent;border:0;outline:0;line-height:1.3;padding:4px 0;border-bottom:1px dashed var(--line-2);margin-bottom:6px}.notepad-root .np-m-sheet__meta{font-size:11px;color:var(--ink-3);font-family:var(--font-mono);margin-bottom:var(--sp-4)}.notepad-root .np-m-sheet__section-h{font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:var(--sp-4) 0 var(--sp-2)}.notepad-root .np-m-sheet__status{display:flex;flex-wrap:wrap;gap:6px}.notepad-root .np-m-sheet__status-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;min-height:32px;font-size:13px;color:var(--ink-2);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-pill);white-space:nowrap}.notepad-root .np-m-sheet__status-btn.on{color:var(--ink-1);font-weight:var(--fw-medium)}.notepad-root .np-m-sheet__status-btn.on.idea{background:var(--status-idea-bg)}.notepad-root .np-m-sheet__status-btn.on.doing{background:var(--status-doing-bg);color:var(--status-doing)}.notepad-root .np-m-sheet__status-btn.on.waiting{background:var(--status-waiting-bg)}.notepad-root .np-m-sheet__status-btn.on.done{background:var(--status-done-bg)}.notepad-root .np-m-sheet__status-btn.on.parked{background:var(--status-parked-bg)}.notepad-root .np-m-sheet__tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.notepad-root .np-m-sheet__tag-input{font-size:12px;font-family:var(--font-mono);padding:2px 8px;height:22px;min-width:80px;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--bg-surface);outline:0;color:var(--ink-1)}.notepad-root .np-m-sheet__tag-add{font-size:12px;padding:2px 10px;height:22px;border:1px dashed var(--line-2);border-radius:var(--r-1);color:var(--ink-3);background:transparent}.notepad-root .np-m-sheet__notes{width:100%;min-height:160px;padding:10px 12px;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--ink-1);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-2);outline:0;resize:vertical}.notepad-root .np-m-sheet__placeholder{padding:16px;background:var(--bg-sunken);border-radius:var(--r-2);color:var(--ink-3);font-size:12px;line-height:1.5;text-align:center}.notepad-root .np-m-sheet__delete{width:100%;padding:12px;background:transparent;border:1px solid #b04040;border-radius:var(--r-2);color:#b04040;font-size:14px;min-height:44px}.notepad-root .np-m-sheet__delete:active{background:rgba(176,64,64,.06)}.notepad-root .np-m-header__action{margin-left:auto;font-size:14px;color:var(--accent);padding:4px 8px}.notepad-root .np-m-subnav{display:flex;align-items:center;padding:calc(env(safe-area-inset-top) + 6px) var(--sp-3) 4px;flex-shrink:0}.notepad-root .np-m-subnav__back{display:flex;align-items:center;gap:2px;font-size:14px;color:var(--accent);padding:6px 8px;min-height:36px}.notepad-root .np-m-proj-row{display:grid;grid-template-columns:16px 1fr auto;gap:12px;align-items:center;padding:14px var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--line-1);min-height:64px}.notepad-root .np-m-proj-row:active{background:var(--bg-hover)}.notepad-root .np-m-proj-row.done,.notepad-root .np-m-proj-row.parked{opacity:.6}.notepad-root .np-m-proj-row__dot{width:10px;height:10px;border-radius:50%;background:var(--status-doing)}.notepad-root .np-m-proj-row__dot.parked{background:var(--status-parked)}.notepad-root .np-m-proj-row__dot.done{background:var(--status-done)}.notepad-root .np-m-proj-row__body{min-width:0}.notepad-root .np-m-proj-row__name{font-size:15px;font-weight:var(--fw-medium);color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notepad-root .np-m-proj-row__sub{font-size:12px;color:var(--ink-3);margin-top:2px}.notepad-root .np-m-proj-row__chevron{color:var(--ink-4);font-size:20px;line-height:1}.notepad-root .np-m-proj-hd{padding:8px var(--sp-4) 10px;background:var(--bg-panel);border-bottom:1px solid var(--line-1);flex-shrink:0}.notepad-root .np-m-proj-hd__title{font-size:20px;font-weight:var(--fw-semibold);color:var(--ink-1);margin-bottom:4px}.notepad-root .np-m-proj-hd__meta{font-size:12px;color:var(--ink-3);display:flex;gap:6px;align-items:center}.notepad-root .np-m-proj-hd__meta .dot{width:6px;height:6px}.notepad-root .np-m-notes-card{margin:10px var(--sp-4);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-3);padding:12px 14px;font-size:13px;line-height:1.5;color:var(--ink-2)}.notepad-root .np-m-notes-card h4{font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 6px}.notepad-root .np-m-act-row{display:grid;grid-template-columns:16px 1fr;gap:10px;padding:12px var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--line-1)}.notepad-root .np-m-act-row:active{background:var(--bg-hover)}.notepad-root .np-m-act-row__dot{width:12px;height:12px;border-radius:50%;margin-top:4px;border:2px solid var(--ink-4);background:var(--bg-panel)}.notepad-root .np-m-act-row__dot.user{border-color:var(--ink-1);background:var(--ink-1)}.notepad-root .np-m-act-row__dot.claude{border-color:var(--accent);background:var(--bg-surface)}.notepad-root .np-m-act-row__head{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.3}.notepad-root .np-m-act-row__actor{font-weight:var(--fw-semibold);color:var(--ink-1)}.notepad-root .np-m-act-row__actor.claude{color:var(--accent)}.notepad-root .np-m-act-row__verb{color:var(--ink-2)}.notepad-root .np-m-act-row__time{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.notepad-root .np-m-act-row__todo{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;color:var(--ink-3)}.notepad-root .np-m-act-row__body-text{margin-top:4px;padding:6px 10px;background:var(--bg-sunken);border-radius:var(--r-1);font-size:12px;color:var(--ink-1);line-height:1.4}.notepad-root .np-m-act-row__diff{margin-top:4px;font-family:var(--font-mono);font-size:11px}.notepad-root .np-m-card-section{margin-top:var(--sp-4);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-3);padding:4px 0}.notepad-root .np-m-section-h{padding:8px 14px 4px;font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.notepad-root .np-m-info-row{padding:10px 14px}.notepad-root .np-m-info-row,.notepad-root .np-m-me-row{display:flex;align-items:center;font-size:14px;color:var(--ink-1);border-top:1px solid var(--line-1)}.notepad-root .np-m-me-row{gap:10px;width:100%;padding:12px 14px;background:transparent;text-align:left;min-height:48px}.notepad-root .np-m-me-row:active{background:var(--bg-hover)}.notepad-root .np-m-me-row--placeholder{color:var(--ink-3)}.notepad-root .np-m-me-row__badge{margin-left:auto;min-width:22px;padding:2px 7px;background:var(--ink-1);color:var(--ink-inverse);border-radius:var(--r-pill);font-size:11px;font-family:var(--font-mono);font-weight:var(--fw-semibold);text-align:center}.notepad-root .np-m-me-row__chevron{color:var(--ink-4);font-size:20px;line-height:1;margin-left:auto}.notepad-root .np-m-me-row__badge+.np-m-me-row__chevron{margin-left:6px}.notepad-root .np-m-trash-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--line-1)}.notepad-root .np-m-trash-row__body{min-width:0}.notepad-root .np-m-trash-row__title{font-size:14px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notepad-root .np-m-trash-row__meta{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:11px;color:var(--ink-3)}.notepad-root .np-m-trash-row__btn{padding:6px 12px;min-height:32px;font-size:12px;color:var(--accent);background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-1);white-space:nowrap}.notepad-root .np-m-trash-row__btn--danger{color:#b04040}