:root{--bg: #080809;--surface: #0f0f11;--surface2: #141416;--surface3: #1a1a1e;--surface4: #202026;--border: rgba(255,255,255,.055);--border-hover: rgba(255,255,255,.11);--border-active: rgba(255,255,255,.18);--accent: #c8ff00;--accent2: #a8e600;--accent-glow: rgba(200,255,0,.15);--accent-dim: rgba(200,255,0,.1);--accent-dim2: rgba(200,255,0,.05);--text: #efefef;--text-secondary: #7a7a8a;--text-muted: #3a3a4a;--red: #ff4455;--red-dim: rgba(255,68,85,.1);--blue: #3d8bff;--blue-dim: rgba(61,139,255,.1);--purple: #9966ff;--purple-dim: rgba(153,102,255,.1);--orange: #ff7733;--orange-dim: rgba(255,119,51,.1);--teal: #00ccaa;--teal-dim: rgba(0,204,170,.1);--pink: #ff44aa;--pink-dim: rgba(255,68,170,.1);--mono: "JetBrains Mono", monospace;--sans: "Syne", sans-serif;--radius: 12px;--radius-sm: 8px;--radius-xs: 5px;--ease: cubic-bezier(.16, 1, .3, 1);--t: .2s;--ts: .4s;--sidebar-w: 248px}body.theme-light{--bg: #f4f4f0;--surface: #ffffff;--surface2: #f0f0ec;--surface3: #e8e8e4;--surface4: #e0e0dc;--border: rgba(0,0,0,.08);--border-hover: rgba(0,0,0,.14);--border-active: rgba(0,0,0,.22);--text: #111118;--text-secondary: #666670;--text-muted: #aaaaaa}body.theme-sepia{--bg: #1a1510;--surface: #211a12;--surface2: #28200f;--surface3: #302614;--surface4: #382c18;--border: rgba(255,200,100,.08);--border-hover: rgba(255,200,100,.14);--accent: #ffcc44;--accent2: #e6b33a;--accent-glow: rgba(255,204,68,.15);--accent-dim: rgba(255,204,68,.1);--accent-dim2: rgba(255,204,68,.05);--text: #f0e8d0;--text-secondary: #8a7a60;--text-muted: #4a3a28}body.theme-terminal{--bg: #000000;--surface: #050505;--surface2: #0a0a0a;--surface3: #0f0f0f;--surface4: #141414;--border: rgba(0,255,80,.1);--border-hover: rgba(0,255,80,.2);--accent: #00ff50;--accent2: #00cc40;--accent-glow: rgba(0,255,80,.2);--accent-dim: rgba(0,255,80,.08);--accent-dim2: rgba(0,255,80,.04);--text: #00ff50;--text-secondary: #00aa35;--text-muted: #005520}body.theme-midnight{--bg: #05071a;--surface: #090d22;--surface2: #0d1228;--surface3: #12172e;--surface4: #171c34;--border: rgba(100,140,255,.1);--border-hover: rgba(100,140,255,.18);--accent: #6488ff;--accent2: #4d70ee;--accent-glow: rgba(100,136,255,.2);--accent-dim: rgba(100,136,255,.1);--accent-dim2: rgba(100,136,255,.05);--text: #c8d4ff;--text-secondary: #6070aa;--text-muted: #28304a}body.theme-highcontrast{--bg: #000000;--surface: #111111;--surface2: #1a1a1a;--surface3: #222222;--surface4: #2a2a2a;--border: rgba(255,255,255,.2);--border-hover: rgba(255,255,255,.4);--accent: #ffff00;--accent2: #dddd00;--text: #ffffff;--text-secondary: #cccccc;--text-muted: #666666}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);height:100%;overflow:hidden;transition:background var(--ts) var(--ease),color var(--ts) var(--ease)}#app,button,input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer;font-family:inherit;background:none;color:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}input,textarea,select{font-family:inherit}#lockScreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.lock-logo{width:64px;height:64px;background:var(--accent);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#000;font-family:var(--sans);box-shadow:0 0 40px var(--accent-glow);animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,to{box-shadow:0 0 40px var(--accent-glow)}50%{box-shadow:0 0 80px var(--accent-glow),0 0 120px var(--accent-dim)}}.lock-title{font-size:24px;font-weight:800;letter-spacing:.15em}.lock-sub{font-size:12px;font-family:var(--mono);color:var(--text-secondary)}.lock-input-wrap{position:relative;width:280px}.lock-input{width:100%;background:var(--surface2);border:1px solid var(--border-hover);border-radius:var(--radius);padding:14px 48px 14px 18px;font-family:var(--mono);font-size:14px;color:var(--text);outline:none;letter-spacing:.1em;transition:border-color var(--t),box-shadow var(--t)}.lock-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.lock-submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--accent);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#000;transition:all var(--t)}.lock-submit:hover{background:var(--accent2);box-shadow:0 0 20px var(--accent-glow)}.lock-hint{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-align:center;line-height:1.6}.lock-error{font-size:11px;font-family:var(--mono);color:var(--red);display:none;animation:shake .4s var(--ease)}.lock-error.show{display:flex;align-items:center;gap:6px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}60%{transform:translate(8px)}80%{transform:translate(-4px)}}#app{display:grid;width:100vw;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:52px 1fr;height:100vh;grid-template-areas:"sidebar topbar" "sidebar main";opacity:1;transition:opacity var(--ts) var(--ease)}#app.visible{opacity:1}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(200,255,0,.1),transparent 30%),linear-gradient(180deg,var(--bg),#050506)}.auth-panel{width:min(100%,420px);display:flex;flex-direction:column;gap:20px;padding:28px;background:var(--surface);border:1px solid var(--border-hover);border-radius:20px;box-shadow:0 30px 80px #00000073}.auth-sub{margin-top:4px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{width:100%}.auth-submit{width:100%;justify-content:center;margin-left:0}.auth-error,.form-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,68,85,.28);border-radius:var(--radius-xs);background:#ff445514;color:var(--red);font-size:11px;font-family:var(--mono)}.topbar{grid-area:topbar;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg);position:relative;z-index:20}.search-wrap{position:relative;flex:1;max-width:440px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:12px;pointer-events:none;transition:color var(--t)}.search-wrap:focus-within .search-icon{color:var(--accent)}#searchInput{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 36px 7px 32px;color:var(--text);font-family:var(--mono);font-size:12px;outline:none;transition:all var(--t)}#searchInput:focus{border-color:var(--accent);background:var(--surface3);box-shadow:0 0 0 2px var(--accent-dim)}#searchInput::placeholder{color:var(--text-muted)}.search-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;font-family:var(--mono);color:var(--text-muted);background:var(--surface3);border:1px solid var(--border);border-radius:3px;padding:1px 5px;pointer-events:none}.topbar-right{display:flex;align-items:center;gap:6px;margin-left:auto}.tb-btn{height:30px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:12px;transition:all var(--t);white-space:nowrap}.tb-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface2)}.tb-btn.icon-only{width:30px;padding:0}.tb-btn.accent{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.tb-btn.accent:hover{background:var(--accent2);box-shadow:0 0 20px var(--accent-glow)}.view-toggle{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);overflow:hidden}.view-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:12px;transition:all var(--t)}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--surface4);color:var(--text)}.sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--ts) var(--ease)}.logo{height:52px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0}.logo-mark{width:26px;height:26px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#000;flex-shrink:0}.logo-text{font-size:14px;font-weight:800;letter-spacing:.14em}.logo-right{margin-left:auto;display:flex;align-items:center;gap:6px}.logo-badge{font-size:8px;font-family:var(--mono);color:var(--accent);border:1px solid var(--accent-dim);padding:1px 5px;border-radius:3px;letter-spacing:.08em}.lock-btn-mini{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:10px;transition:all var(--t)}.lock-btn-mini:hover{color:var(--text);border-color:var(--border-hover)}.sidebar-scroll{flex:1;overflow-y:auto}.sidebar-section{padding:14px 14px 6px;display:flex;align-items:center;justify-content:space-between}.sidebar-section-label{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.sidebar-section-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:9px;transition:all var(--t)}.sidebar-section-btn:hover{color:var(--text);border-color:var(--border-hover)}.nav-list{padding:0 8px;display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--t);border:1px solid transparent;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;background:transparent;text-align:left;width:100%}.nav-item:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;background:var(--accent);border-radius:0 2px 2px 0;transform:scaleY(0);transform-origin:center;transition:transform var(--t) var(--ease)}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--text);background:var(--surface3);border-color:var(--border)}.nav-item.active:before{transform:scaleY(1)}.nav-item i{font-size:12px;width:14px;text-align:center;flex-shrink:0}.nav-count{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--text-muted);background:var(--surface3);padding:1px 5px;border-radius:8px;min-width:18px;text-align:center}.nav-item.active .nav-count{color:var(--accent);background:var(--accent-dim)}.nav-item:focus-visible,.folder-chip:focus-visible,.tag-chip:focus-visible,.daily-note-btn:focus-visible,.pin-chip:focus-visible,.save-btn:focus-visible,.qa-save:focus-visible,.fab:focus-visible,.act-btn:focus-visible,.batch-action:focus-visible,.theme-btn:focus-visible,.density-btn:focus-visible,.view-btn:focus-visible,.tb-format:focus-visible,.tb-pill:focus-visible,.sidebar-section-btn:focus-visible,.lock-btn-mini:focus-visible,.mobile-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag-cloud{padding:6px 12px 12px;display:flex;flex-wrap:wrap;gap:5px}.tag-chip{font-size:10px;font-family:var(--mono);padding:3px 8px;border-radius:20px;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--t);background:transparent}.tag-chip:hover{border-color:var(--border-hover);color:var(--text)}.tag-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim2)}.sidebar-bottom{padding:12px;border-top:1px solid var(--border);flex-shrink:0}.storage-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.storage-label{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.storage-val{font-size:10px;font-family:var(--mono);color:var(--accent)}.storage-bar{height:2px;background:var(--surface3);border-radius:2px;overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;transition:width .8s var(--ease)}.daily-note-btn{width:100%;margin-top:10px;padding:7px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:11px;font-family:var(--mono);display:flex;align-items:center;justify-content:center;gap:7px;transition:all var(--t)}.daily-note-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim2)}.folder-list{display:flex;flex-direction:column;gap:4px;padding:0 10px 8px}.folder-chip{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--text-secondary);font-size:11px;font-family:var(--mono);text-align:left;transition:all var(--t)}.folder-chip:hover{background:var(--surface2);border-color:var(--border);color:var(--text)}.folder-chip.active{background:var(--surface3);border-color:var(--accent-dim);color:var(--accent)}.folder-chip small{margin-left:auto;color:var(--text-muted)}.folder-chip.active small{color:var(--accent)}.main{grid-area:main;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;position:relative}.capture-zone{padding:18px 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.capture-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.capture-label{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.capture-line{flex:1;height:1px;background:var(--border)}.capture-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--t),box-shadow var(--t)}.capture-box:focus-within{border-color:#c8ff0040;box-shadow:0 0 0 3px var(--accent-dim2)}.capture-toolbar{display:flex;align-items:center;gap:2px;padding:7px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:3px}.tb-format{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:var(--text-muted);font-size:12px;transition:all var(--t)}.tb-format:hover{color:var(--text);background:var(--surface3)}.tb-sep-v{width:1px;height:16px;background:var(--border);margin:0 3px;flex-shrink:0}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:6px}.type-select{background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:11px;font-family:var(--mono);padding:4px 8px;outline:none;transition:border-color var(--t)}.type-select:focus{border-color:var(--accent)}.tb-pill{padding:4px 10px;font-size:11px;font-family:var(--mono);background:var(--surface3);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);display:flex;align-items:center;gap:5px;transition:all var(--t)}.tb-pill:hover,.tb-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim2)}.capture-body{position:relative}#captureTextarea{width:100%;min-height:100px;background:transparent;border:none;color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.75;padding:14px 16px;resize:vertical;outline:none;transition:min-height var(--t)}#captureTextarea::placeholder{color:var(--text-muted)}#captureTextarea.expanded{min-height:180px}.typing-glow{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transform:scaleX(0);transition:opacity var(--t),transform .6s var(--ease);pointer-events:none}.capture-box:focus-within .typing-glow{opacity:1;transform:scaleX(1)}.md-preview{display:none;padding:14px 16px;font-family:var(--mono);font-size:13px;line-height:1.75;color:var(--text);border-top:1px solid var(--border);max-height:300px;overflow-y:auto}.md-preview.show{display:block}.capture-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border);flex-wrap:wrap}.attach-label{display:flex;align-items:center;gap:6px;padding:5px 10px;background:none;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);font-size:11px;font-family:var(--mono);cursor:pointer;transition:all var(--t)}.attach-label:hover{border-color:var(--border-hover);color:var(--text-secondary)}.char-count{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.expiry-input{background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:11px;font-family:var(--mono);padding:4px 8px;outline:none;width:130px}.color-dots{display:flex;gap:4px;align-items:center}.color-dot{width:14px;height:14px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--t)}.color-dot:hover{transform:scale(1.2)}.color-dot.selected{border-color:var(--text);transform:scale(1.15)}.save-btn{margin-left:auto;padding:7px 18px;background:var(--accent);border:none;border-radius:var(--radius-xs);color:#000;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:7px;transition:all var(--t)}.save-btn:hover{background:var(--accent2);box-shadow:0 0 24px var(--accent-glow);transform:translateY(-1px)}.save-btn:active{transform:translateY(0)}.save-btn:disabled,.qa-save:disabled,.act-btn:disabled,.batch-action:disabled{opacity:.6;pointer-events:none}.content-area{padding:20px;flex:1;min-height:0}.section-hdr{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.section-hr{flex:1;height:1px;background:var(--border)}.section-count{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.pinned-section{margin-bottom:20px}.pinned-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pinned-strip::-webkit-scrollbar{height:2px}.pin-chip{display:flex;align-items:center;gap:7px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:12px;font-family:var(--mono);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--t);flex-shrink:0}.pin-chip:hover{border-color:var(--accent);color:var(--text)}.pin-chip i{font-size:10px;color:var(--accent)}.filter-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.f-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:20px;font-size:11px;font-family:var(--mono);color:var(--text-secondary);cursor:pointer;transition:all var(--t)}.f-btn:hover,.f-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim2)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.cards-list{display:flex;flex-direction:column;gap:6px}.cards-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cards-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color var(--t),transform var(--t),box-shadow var(--t);animation:cardIn .35s var(--ease) both;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #00000059}.card-accent{height:2px;width:100%}.card-inner{padding:14px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:8px}.card-type-badge{display:flex;align-items:center;gap:5px;font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:3px 7px;border-radius:4px;background:var(--surface2);border:1px solid var(--border);flex-shrink:0}.card-actions-wrap{display:flex;gap:3px;opacity:0;transition:opacity var(--t)}.card:hover .card-actions-wrap{opacity:1}.ca-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--surface3);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:10px;transition:all var(--t)}.ca-btn:hover{color:var(--text);border-color:var(--border-hover)}.ca-btn.del:hover{color:var(--red);border-color:var(--red);background:var(--red-dim)}.ca-btn.pin-active{color:var(--accent);border-color:var(--accent)}.ca-btn.star-active{color:#fc0;border-color:#fc0}.card-color-strip{position:absolute;right:0;top:0;bottom:0;width:3px}.card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:7px;line-height:1.4}.card-preview{font-family:var(--mono);font-size:11px;color:var(--text-secondary);line-height:1.65;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-preview code{background:var(--surface3);padding:1px 4px;border-radius:3px;color:var(--accent);font-size:10px}.card.pass-card .card-preview{filter:blur(5px);transition:filter var(--t);font-size:13px;letter-spacing:.05em}.card.pass-card:hover .card-preview{filter:blur(0)}.card-footer{padding:9px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-date{font-size:10px;font-family:var(--mono);color:var(--text-muted);display:flex;align-items:center;gap:4px}.card-tags{display:flex;gap:3px;flex-wrap:wrap}.card-tag{font-size:9px;font-family:var(--mono);padding:1px 5px;border-radius:3px;background:var(--surface3);border:1px solid var(--border);color:var(--text-muted)}.expiry-badge{font-size:9px;font-family:var(--mono);padding:2px 6px;border-radius:3px;border:1px solid;display:flex;align-items:center;gap:3px}.expiry-badge.soon{color:var(--orange);border-color:var(--orange);background:var(--orange-dim)}.expiry-badge.expired{color:var(--red);border-color:var(--red);background:var(--red-dim)}.expiry-badge.ok{color:var(--teal);border-color:var(--teal);background:var(--teal-dim)}.todo-check{width:14px;height:14px;border-radius:3px;border:1px solid var(--border-hover);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;transition:all var(--t)}.todo-check.done{background:var(--accent);border-color:var(--accent);color:#000}.cards-list .card{display:flex;align-items:stretch}.cards-list .card-accent{width:3px;height:auto;flex-shrink:0}.cards-list .card-inner{flex:1;display:flex;align-items:center;gap:14px;padding:10px 14px}.cards-list .card-title{margin-bottom:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards-list .card-preview{display:none}.cards-list .card-footer{border-top:none;border-left:1px solid var(--border);padding:10px 14px;flex-shrink:0}.cards-list .card-type-badge{flex-shrink:0}.focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000e6;display:none;align-items:center;justify-content:center;padding:20px}.focus-overlay.open{display:flex}.focus-card{background:var(--surface);border:1px solid var(--border-hover);border-radius:16px;width:100%;max-width:700px;max-height:85vh;overflow-y:auto;animation:focusIn .3s var(--ease)}@keyframes focusIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.focus-nav{display:flex;justify-content:space-between;padding:10px 16px 0}.focus-nav-btn{padding:6px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;font-family:var(--mono);display:flex;align-items:center;gap:6px;transition:all var(--t)}.focus-nav-btn:hover{border-color:var(--border-hover);color:var(--text)}.focus-nav-btn:disabled{opacity:.3;pointer-events:none}.cal-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-day-label{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;padding:4px 0}.cal-cell{min-height:80px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px;font-size:10px;cursor:pointer;transition:border-color var(--t)}.cal-cell:hover{border-color:var(--border-hover)}.cal-cell.today{border-color:var(--accent)}.cal-cell.empty{background:transparent;border-color:transparent;cursor:default}.cal-date{font-family:var(--mono);font-size:10px;color:var(--text-muted);margin-bottom:4px;font-weight:600}.cal-cell.today .cal-date{color:var(--accent)}.cal-dot{width:5px;height:5px;border-radius:50%;margin-bottom:2px}.timeline-line{position:absolute;left:11px;top:0;bottom:0;width:1px;background:var(--border)}.timeline-item{display:flex;gap:16px;margin-bottom:16px;position:relative}.timeline-dot{width:8px;height:8px;border-radius:50%;border:2px solid;flex-shrink:0;margin-top:6px;position:relative;z-index:1;background:var(--bg)}.timeline-content{flex:1}.kanban-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;height:100%}.kanban-col{min-width:250px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.kanban-col-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.kanban-col-title{font-size:12px;font-weight:600}.kanban-col-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.kanban-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:10px;font-size:12px;cursor:grab;transition:all var(--t)}.kanban-card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #0000004d}.kanban-card.dragging{opacity:.5;cursor:grabbing}.kanban-col.drag-over{border-color:var(--accent);background:var(--accent-dim2)}.heatmap-grid{display:flex;gap:3px;overflow-x:auto;padding:4px 0}.heatmap-col{display:flex;flex-direction:column;gap:3px}.heatmap-cell{width:12px;height:12px;border-radius:2px;background:var(--surface3);transition:all var(--t);cursor:pointer}.heatmap-cell:hover{transform:scale(1.4)}.heatmap-cell.l1{background:#c8ff0033}.heatmap-cell.l2{background:#c8ff0066}.heatmap-cell.l3{background:#c8ff00a6}.heatmap-cell.l4{background:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-val{font-size:28px;font-weight:800;color:var(--accent);line-height:1;margin-bottom:4px}.stat-label{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--t)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border-hover);border-radius:16px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;transform:translateY(16px) scale(.97);transition:transform var(--t) var(--ease)}.modal-overlay.open .modal{transform:none}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px}.modal-body{padding:22px}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:13px;flex-shrink:0;transition:all var(--t)}.modal-close:hover{border-color:var(--red);color:var(--red)}.form-modal{max-width:520px}.form-modal-body{display:flex;flex-direction:column;gap:14px}.form-modal-copy{color:var(--text-secondary);font-size:12px;font-family:var(--mono);line-height:1.6}.form-modal-grid{display:flex;flex-direction:column;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.form-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:11px 12px;color:var(--text);font-size:13px;font-family:var(--mono);outline:none;transition:border-color var(--t),box-shadow var(--t)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim2)}.form-input-area{resize:vertical;min-height:88px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.md-content{font-family:var(--mono);font-size:13px;line-height:1.8;color:var(--text)}.md-content h1{font-family:var(--sans);font-size:22px;font-weight:800;margin:14px 0 8px}.md-content h2{font-family:var(--sans);font-size:18px;font-weight:700;margin:12px 0 6px}.md-content h3{font-family:var(--sans);font-size:15px;font-weight:600;margin:10px 0 5px}.md-content p{margin:8px 0}.md-content code{background:var(--surface3);padding:2px 6px;border-radius:4px;color:var(--accent);font-size:12px}.md-content pre{background:var(--surface3);border:1px solid var(--border);border-radius:8px;padding:14px;overflow-x:auto;margin:10px 0}.md-content pre code{background:none;padding:0;color:var(--text)}.md-content a{color:var(--accent);text-decoration:none}.md-content a:hover{text-decoration:underline}.md-content ul,.md-content ol{padding-left:20px;margin:6px 0}.md-content li{margin:3px 0}.md-content blockquote{border-left:2px solid var(--accent);padding-left:14px;color:var(--text-secondary);margin:10px 0}.md-content strong{font-weight:600;color:var(--text)}.md-content table{border-collapse:collapse;width:100%;margin:10px 0}.md-content th{background:var(--surface3);padding:8px 12px;font-size:11px;text-align:left;border:1px solid var(--border)}.md-content td{padding:7px 12px;border:1px solid var(--border);font-size:12px}.md-content hr{border:none;border-top:1px solid var(--border);margin:16px 0}.md-preview h1{font-family:var(--sans);font-size:18px;font-weight:800;margin:10px 0 6px}.md-preview h2{font-family:var(--sans);font-size:15px;font-weight:700;margin:8px 0 5px}.md-preview h3{font-family:var(--sans);font-size:13px;font-weight:600;margin:7px 0 4px}.md-preview p{margin:6px 0}.md-preview code{background:var(--surface3);padding:2px 5px;border-radius:3px;color:var(--accent);font-size:11px}.md-preview pre{background:var(--surface3);border:1px solid var(--border);border-radius:6px;padding:10px;overflow-x:auto;margin:8px 0}.md-preview pre code{background:none;padding:0}.md-preview a{color:var(--accent)}.md-preview ul,.md-preview ol{padding-left:18px;margin:4px 0}.md-preview blockquote{border-left:2px solid var(--accent);padding-left:12px;color:var(--text-secondary);margin:6px 0}.md-preview strong{font-weight:600}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;pointer-events:none;transition:opacity var(--t)}.cmd-overlay.open{opacity:1;pointer-events:all}.cmd-palette{background:var(--surface);border:1px solid var(--border-active);border-radius:14px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 24px 80px #0009;transform:translateY(-10px);transition:transform var(--t) var(--ease)}.cmd-overlay.open .cmd-palette{transform:none}.cmd-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.cmd-input-wrap i{color:var(--text-muted);font-size:14px;flex-shrink:0}#cmdInput{flex:1;background:none;border:none;color:var(--text);font-family:var(--mono);font-size:14px;outline:none}#cmdInput::placeholder{color:var(--text-muted)}.cmd-results{max-height:380px;overflow-y:auto;padding:8px}.cmd-group-label{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:8px 10px 4px}.cmd-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius-xs);border:none;background:transparent;font-size:13px;cursor:pointer;transition:all var(--t);text-align:left}.cmd-item:hover,.cmd-item.active{background:var(--surface3)}.cmd-item i{width:16px;text-align:center;color:var(--text-muted);font-size:12px;flex-shrink:0}.cmd-item span{flex:1}.cmd-item .cmd-kbd{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.settings-panel{position:fixed;right:0;top:0;bottom:0;width:340px;background:var(--surface);border-left:1px solid var(--border);z-index:70;transform:translate(100%);transition:transform var(--ts) var(--ease);display:flex;flex-direction:column}.settings-panel.open{transform:none}.settings-header{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.settings-title{font-size:14px;font-weight:700}.settings-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group-title{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding-bottom:4px;border-bottom:1px solid var(--border)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-label{font-size:13px;color:var(--text-secondary)}.setting-label small{display:block;font-size:10px;font-family:var(--mono);color:var(--text-muted);margin-top:1px}.toggle{width:36px;height:20px;background:var(--surface3);border:1px solid var(--border);border-radius:10px;position:relative;cursor:pointer;transition:all var(--t);flex-shrink:0}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle:after{content:"";position:absolute;width:14px;height:14px;border-radius:7px;background:var(--text-muted);top:2px;left:2px;transition:all var(--t)}.toggle.on:after{background:#000;left:18px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-btn{padding:8px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface2);font-size:11px;font-family:var(--mono);color:var(--text-secondary);text-align:center;cursor:pointer;transition:all var(--t)}.theme-btn:hover{border-color:var(--border-hover);color:var(--text)}.theme-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim2)}.font-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:12px;padding:6px 10px;outline:none;width:100%}.accent-grid{display:flex;gap:8px;flex-wrap:wrap}.accent-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all var(--t)}.accent-swatch:hover{transform:scale(1.2)}.accent-swatch.active{border-color:var(--text);transform:scale(1.15)}.sidebar-density-row{display:flex;gap:6px}.density-btn{flex:1;padding:6px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface2);font-size:11px;font-family:var(--mono);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--t)}.density-btn:hover{border-color:var(--border-hover)}.density-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim2)}.passgen{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.passgen-output{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--accent);padding:10px 14px;background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-xs);word-break:break-all;letter-spacing:.05em;cursor:pointer;transition:background var(--t)}.passgen-output:hover{background:var(--surface4)}.passgen-row{display:flex;align-items:center;gap:10px}.passgen-label{font-size:11px;font-family:var(--mono);color:var(--text-secondary);flex-shrink:0}.passgen-slider{flex:1;accent-color:var(--accent)}.passgen-val{font-size:11px;font-family:var(--mono);color:var(--accent);width:24px;text-align:right}.passgen-options{display:flex;gap:8px;flex-wrap:wrap}.passgen-opt{display:flex;align-items:center;gap:5px;font-size:11px;font-family:var(--mono);color:var(--text-secondary);cursor:pointer}.passgen-opt input{accent-color:var(--accent)}.strength-bar{height:3px;border-radius:2px;margin-top:4px;transition:all var(--t)}.totp-display{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-xs)}.totp-code{font-family:var(--mono);font-size:28px;font-weight:600;letter-spacing:.2em;color:var(--accent)}.totp-timer{width:32px;height:32px;flex-shrink:0}.fab{position:fixed;bottom:24px;right:24px;z-index:60;width:52px;height:52px;background:var(--accent);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#000;box-shadow:0 4px 24px var(--accent-glow);transition:all var(--t)}.fab:hover{transform:scale(1.1);box-shadow:0 8px 40px var(--accent-glow)}.fab:active{transform:scale(.95)}.quick-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--t)}.quick-add-overlay.open{opacity:1;pointer-events:all}.quick-add{background:var(--surface);border:1px solid var(--border-active);border-radius:14px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 24px 80px #00000080;transform:translateY(-10px) scale(.97);transition:transform var(--t) var(--ease)}.quick-add-overlay.open .quick-add{transform:none}.quick-add-input{width:100%;padding:18px 20px;background:none;border:none;color:var(--text);font-family:var(--mono);font-size:15px;outline:none;border-bottom:1px solid var(--border)}.quick-add-input::placeholder{color:var(--text-muted)}.quick-add-footer{display:flex;align-items:center;gap:10px;padding:10px 14px}.qa-type-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:12px;font-family:var(--mono);padding:5px 8px;outline:none}.qa-save{margin-left:auto;padding:7px 16px;background:var(--accent);border:none;border-radius:var(--radius-xs);color:#000;font-family:var(--sans);font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}.qa-hint{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(60px);background:var(--surface3);border:1px solid var(--border-hover);border-radius:8px;padding:9px 16px;font-size:12px;font-family:var(--mono);color:var(--text);z-index:300;display:flex;align-items:center;gap:8px;transition:transform var(--t) var(--ease);white-space:nowrap;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}.toast i{color:var(--accent)}.confetti-particle{position:fixed;top:-10px;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:400;animation:confettiFall linear both}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.batch-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--surface3);border:1px solid var(--border-active);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:12px;z-index:60;transition:transform var(--ts) var(--ease);box-shadow:0 8px 40px #00000080}.batch-bar.show{transform:translate(-50%) translateY(0)}.batch-bar-count{font-size:12px;font-family:var(--mono);color:var(--text-secondary)}.batch-bar-count span{color:var(--accent);font-weight:600}.batch-action{padding:6px 14px;border-radius:var(--radius-xs);background:var(--surface4);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-family:var(--mono);transition:all var(--t);display:flex;align-items:center;gap:6px}.batch-action:hover{border-color:var(--border-hover);color:var(--text)}.batch-action.danger:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.card-checkbox{position:absolute;top:10px;left:10px;width:18px;height:18px;border-radius:4px;border:2px solid var(--border-hover);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:all var(--t);z-index:5;opacity:0}.batch-mode .card-checkbox{opacity:1}.card-checkbox.checked{background:var(--accent);border-color:var(--accent);color:#000}.batch-mode .card{padding-left:4px}.hl{background:#c8ff0040;color:var(--text);border-radius:2px}.dup-warn{display:none;align-items:center;gap:8px;padding:8px 12px;background:#ff773314;border:1px solid rgba(255,119,51,.25);border-radius:var(--radius-xs);font-size:11px;font-family:var(--mono);color:var(--orange);margin-top:8px}.dup-warn.show{display:flex}.related-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.related-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;cursor:pointer;transition:all var(--t)}.related-item:hover{border-color:var(--border-hover)}.related-item i{font-size:11px;color:var(--text-muted)}.blur-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px}.blur-overlay.active{display:flex}.blur-overlay h2{font-size:20px;font-weight:800;letter-spacing:.1em}.blur-overlay p{font-size:13px;font-family:var(--mono);color:var(--text-secondary)}.versions-list{display:flex;flex-direction:column;gap:8px}.version-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs)}.version-date{font-size:11px;font-family:var(--mono);color:var(--text-muted);flex:1}.version-restore{padding:4px 10px;background:var(--surface3);border:1px solid var(--border);border-radius:4px;font-size:11px;font-family:var(--mono);color:var(--text-secondary);cursor:pointer;transition:all var(--t)}.version-restore:hover{border-color:var(--accent);color:var(--accent)}.reading-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;font-family:var(--mono);cursor:pointer;transition:all var(--t)}.reading-chip:hover{border-color:var(--border-hover)}.reading-chip .rc-check{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-hover);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;cursor:pointer;transition:all var(--t)}.reading-chip .rc-check.done{background:var(--teal);border-color:var(--teal);color:#000}.table-builder{display:flex;flex-direction:column;gap:10px}.tb-grid{display:grid;gap:4px}.tb-cell-input{background:var(--surface3);border:1px solid var(--border);border-radius:4px;padding:5px 8px;font-family:var(--mono);font-size:12px;color:var(--text);outline:none;width:100%}.tb-cell-input:focus{border-color:var(--accent)}.tb-cell-input.header{font-weight:600;background:var(--surface4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-8{gap:8px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.text-muted{color:var(--text-muted);font-size:11px;font-family:var(--mono)}.text-accent{color:var(--accent)}.divider{height:1px;background:var(--border);margin:16px 0}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.act-btn{padding:7px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:12px;font-family:var(--mono);display:flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--t)}.act-btn:hover{border-color:var(--border-hover);color:var(--text)}.act-btn.danger:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.act-btn.green:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.mobile-overlay.show{display:block}.mobile-menu-btn{display:none;width:30px;height:30px;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:13px}@media(max-width:768px){#app{grid-template-columns:1fr;grid-template-rows:52px 1fr;grid-template-areas:"topbar" "main"}.sidebar{position:fixed;left:calc(-1 * var(--sidebar-w));top:0;bottom:0;z-index:50;transition:left var(--ts) var(--ease);box-shadow:4px 0 40px #00000080}.sidebar.open{left:0}.mobile-menu-btn{display:flex}.content-area,.capture-zone{padding:14px}.cards-grid{grid-template-columns:1fr}.fab{bottom:16px;right:16px}.search-kbd{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}body.density-compact .card-inner{padding:9px 12px}body.density-compact .card-footer{padding:6px 12px}body.density-compact .card-title{font-size:12px}body.density-ultra .card-inner{padding:7px 10px}body.density-ultra .card-footer{padding:5px 10px}body.density-ultra .card-title{font-size:12px;margin-bottom:0}body.density-ultra .card-preview{display:none}body.font-mono{--sans: "JetBrains Mono", monospace}body.font-sans{--mono: "Syne", sans-serif}body.sidebar-collapsed{--sidebar-w: 52px}body.sidebar-collapsed .sidebar .logo-text,body.sidebar-collapsed .sidebar .logo-badge,body.sidebar-collapsed .nav-item span,body.sidebar-collapsed .nav-count,body.sidebar-collapsed .sidebar-section,body.sidebar-collapsed .tag-cloud,body.sidebar-collapsed .sidebar-bottom{display:none}body.sidebar-collapsed .nav-item{justify-content:center;padding:10px 0}body.sidebar-collapsed .nav-item i{width:auto}body.sidebar-collapsed .nav-item:before{display:none}.stagger .card:nth-child(1){animation-delay:0s}.stagger .card:nth-child(2){animation-delay:.03s}.stagger .card:nth-child(3){animation-delay:.06s}.stagger .card:nth-child(4){animation-delay:.09s}.stagger .card:nth-child(5){animation-delay:.12s}.stagger .card:nth-child(6){animation-delay:.15s}.stagger .card:nth-child(7){animation-delay:.18s}.stagger .card:nth-child(8){animation-delay:.21s}.stagger .card:nth-child(n+9){animation-delay:.24s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:14px;grid-column:1/-1}.empty-icon{width:56px;height:56px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-muted)}.empty-text{font-size:15px;font-weight:600;color:var(--text-secondary)}.empty-sub{font-size:12px;font-family:var(--mono);color:var(--text-muted);text-align:center}input[type=range]{-webkit-appearance:none;height:3px;border-radius:2px;background:var(--surface4);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.scroll-top{position:fixed;bottom:84px;right:24px;width:36px;height:36px;background:var(--surface3);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px;cursor:pointer;z-index:55;opacity:0;pointer-events:none;transition:all var(--t)}.scroll-top.show{opacity:1;pointer-events:all}.scroll-top:hover{border-color:var(--border-hover);color:var(--text)}