:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg: #090c0a;--bg-gradient: radial-gradient(circle at 50% 0%, #111c13 0%, #090c0a 70%);--surface: #121814;--surface-hover: #18221b;--surface-card: #131b15;--surface-glass: rgba(18, 24, 20, .85);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: rgba(16, 185, 129, .4);--ink: #f0fdf4;--ink-secondary: #94a3b8;--muted: #64748b;--accent: #10b981;--accent-hover: #059669;--accent-ink: #022c22;--accent-soft: rgba(16, 185, 129, .12);--accent-border: rgba(16, 185, 129, .25);--accent-glow: rgba(16, 185, 129, .2);--violet: #8b5cf6;--violet-soft: rgba(139, 92, 246, .15);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 35px -10px rgba(0, 0, 0, .5);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}html[data-theme=light]{--bg: #f6f8f6;--bg-gradient: radial-gradient(circle at 50% 0%, #e8f3eb 0%, #f6f8f6 70%);--surface: #ffffff;--surface-hover: #f0f5f1;--surface-card: #ffffff;--surface-glass: rgba(255, 255, 255, .9);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-focus: rgba(5, 150, 105, .4);--ink: #0f172a;--ink-secondary: #475569;--muted: #64748b;--accent: #059669;--accent-hover: #047857;--accent-ink: #ffffff;--accent-soft: rgba(5, 150, 105, .08);--accent-border: rgba(5, 150, 105, .2);--accent-glow: rgba(5, 150, 105, .15);--violet: #7c3aed;--violet-soft: rgba(124, 58, 237, .1);--amber: #d97706;--amber-soft: rgba(217, 119, 6, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 8px 20px -4px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 30px -8px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;max-width:1024px;margin:0 auto;padding:0 1.25rem 4rem}[hidden]{display:none!important}.app-header{position:sticky;top:0;z-index:50;width:100%;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);margin-bottom:1.5rem}.app-header-inner{width:100%;max-width:1024px;margin:0 auto;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}.app-header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.app-header-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;touch-action:manipulation}.logo-wrapper{width:36px;height:36px;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo-svg{width:100%;height:100%}.brand-text-container{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-size:1.2rem;font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,var(--ink) 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{font-size:.65rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.app-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.search-sheet{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-hover);padding:.85rem 1.1rem;box-shadow:0 10px 40px #00000080;animation:slideDown .22s cubic-bezier(.16,1,.3,1);max-width:760px;margin:0 auto}.search-sheet-inner{display:flex;align-items:center;gap:.65rem;background:var(--surface-card);border:1px solid var(--border-focus);border-radius:var(--radius-full);padding:.55rem .95rem;box-shadow:0 0 0 3px var(--accent-soft);width:100%}.search-sheet-inner input{border:none;background:transparent;outline:none;color:var(--ink);font-family:inherit;font-size:.95rem;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.search-icon{color:var(--muted);flex-shrink:0}.search-box input{border:none;background:transparent;outline:none;color:var(--ink);font-family:inherit;font-size:.9rem;width:100%}.shortcut-badge{display:none}.btn-clear{border:none;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:.2rem .5rem;line-height:1;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;min-width:42px;min-height:42px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-card);color:var(--ink-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-icon:active{transform:scale(.92);background:var(--surface-hover)}.btn-icon.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.btn-icon.btn-sm{width:2.35rem;height:2.35rem;min-width:38px;min-height:38px}.btn-danger:hover,.btn-danger:active{background:var(--danger-soft);color:var(--danger);border-color:#ef44444d}html[data-theme=dark] .sun-icon{display:block}html[data-theme=dark] .moon-icon,html[data-theme=light] .sun-icon{display:none}html[data-theme=light] .moon-icon{display:block}.btn{font-family:inherit;font-size:.9rem;font-weight:600;min-height:44px;border-radius:var(--radius-full);padding:.6rem 1.35rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-sm{min-height:40px;padding:.45rem 1rem;font-size:.825rem}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--ink-secondary);border:1px solid var(--border)}.btn-back{padding-left:.75rem}.key-hint{display:none}.mobile-fab{position:fixed;bottom:1.75rem;right:1.25rem;z-index:90;width:54px;height:54px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:none;box-shadow:0 8px 24px var(--accent-glow),var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none}.compose{background:var(--surface-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:.85rem;margin-bottom:1.5rem;overflow:hidden;transition:all var(--transition-normal)}.compose-collapsed{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.25rem;min-height:52px;cursor:pointer;color:var(--ink-secondary);-webkit-user-select:none;user-select:none;touch-action:manipulation}.compose-collapsed:hover,.compose-collapsed:active{background:var(--surface-hover)}.compose-collapsed-inner{display:flex;align-items:center;gap:.85rem}.sparkle-icon{color:var(--accent);flex-shrink:0;background:var(--accent-soft);padding:3px;border-radius:6px;width:24px;height:24px}.compose-placeholder{font-size:.92rem;font-weight:600;color:var(--ink)}.compose-expanded{padding:1.1rem 1.25rem .9rem;animation:fadeIn .2s ease-out}#capture-input{width:100%;border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;outline:none;min-height:5rem}.compose-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border);gap:.5rem}.compose-meta{display:flex;align-items:center;gap:.5rem}.meta-badge{font-size:.75rem;color:var(--muted)}.status-msg{font-size:.8rem;color:var(--accent);font-weight:500}.compose-actions-buttons{display:flex;align-items:center;gap:.4rem}.toolbar{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.25rem;width:100%}.filter-chips-wrapper{position:relative;width:100%;display:flex;align-items:center}.filter-chips-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent 0%,var(--bg) 100%);pointer-events:none;opacity:.85}.filter-chips{display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding:.25rem 1.5rem .25rem .1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;width:100%}.filter-chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--surface-card);color:var(--ink-secondary);font-family:inherit;font-size:.8rem;font-weight:600;padding:.5rem .9rem;min-height:40px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;scroll-snap-align:start;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-shrink:0}.chip:active{transform:scale(.95);background:var(--surface-hover)}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border);box-shadow:0 2px 8px var(--accent-glow)}.chip-count{font-size:.72rem;font-weight:700;opacity:.85;background:#0003;padding:.1rem .4rem;border-radius:999px}html[data-theme=dark] .chip-count{background:#ffffff26}.toolbar-actions{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 .1rem}.results-count{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.01em}.view-controls{display:flex;align-items:center;gap:.25rem;background:var(--surface-card);border:1px solid var(--border);padding:.2rem;border-radius:var(--radius-full);flex-shrink:0}.view-controls .btn-icon{border:none;background:transparent;width:2.3rem;height:2.3rem;min-width:36px;min-height:36px}.view-controls .btn-icon.active{background:var(--surface-hover);color:var(--accent);box-shadow:inset 0 0 0 1px var(--border)}.notes-grid{display:grid;grid-template-columns:1fr;gap:.85rem}.notes-list-view{display:flex;flex-direction:column;gap:1.1rem}.note-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.2rem;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-fast);animation:slideUp .25s cubic-bezier(.16,1,.3,1) forwards;touch-action:manipulation;-webkit-user-select:none;user-select:none}.note-card:active{transform:scale(.985);background:var(--surface-hover);border-color:var(--accent-border)}.note-card-header h3{margin:0 0 .4rem;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card p{margin:0 0 .75rem;color:var(--ink-secondary);font-size:.85rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.6rem;border-top:1px dashed var(--border);font-size:.75rem;color:var(--muted)}.note-tags{display:flex;align-items:center;gap:.3rem}.badge-pill{font-size:.68rem;font-weight:700;padding:.18rem .5rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.2rem}.badge-pill.raw{background:var(--surface-hover);color:var(--muted);border:1px solid var(--border)}.badge-pill.edited{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.badge-pill.developed{background:var(--violet-soft);color:var(--violet);border:1px solid rgba(139,92,246,.3)}.empty-state{text-align:center;padding:3rem 1.25rem;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin:.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{width:48px;height:48px;margin:0 auto .85rem;color:var(--accent);opacity:.85}.empty-title{font-size:1.05rem;font-weight:700;margin:0 0 .35rem;color:var(--ink)}.empty-desc{font-size:.85rem;color:var(--muted);margin:0 0 1.25rem;max-width:320px}.empty-state .btn{max-width:270px;width:100%;margin:0 auto}.skeleton-card{height:120px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.detail-header-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:1.25rem;position:sticky;top:65px;z-index:40;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.detail-actions{display:flex;align-items:center;gap:.5rem}.note-title-header h2{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .4rem;color:var(--ink);line-height:1.3}.title-row{display:flex;align-items:flex-start;gap:.4rem}.title-row h2{flex:1;min-width:0}.editable-title{cursor:text;border-radius:6px;transition:background-color var(--transition-fast)}.editable-title:hover{background:var(--surface-hover)}.title-input{flex:1;min-width:0;font-family:inherit;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;color:var(--ink);background:var(--surface-card);border:1px solid var(--border-focus);border-radius:6px;padding:0 .3rem;margin:0 0 .4rem;outline:none}.edit-title-btn{margin-top:.1rem;flex-shrink:0}.generate-title-btn{margin-bottom:.6rem}.note-meta-bar{display:flex;align-items:center;gap:.75rem;font-size:.78rem;color:var(--muted);margin-bottom:1.25rem}.tab-bar-container{display:flex;align-items:center;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:.3rem;margin-bottom:1.25rem;gap:.25rem;min-height:48px}.tab-btn{border:1px solid transparent;background:transparent;color:var(--muted);font-family:inherit;font-size:.825rem;font-weight:600;min-height:40px;padding:.45rem .75rem;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none}.tab-btn:active{transform:scale(.96)}.tab-btn.active{background:var(--surface-hover);color:var(--ink);font-weight:700}.tab-btn[data-tab=edited].active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.tab-btn[data-tab=developed].active{color:var(--violet);background:var(--violet-soft);border-color:#8b5cf64d}.tab-panel{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm)}.content-text{white-space:pre-wrap;line-height:1.7;font-size:1rem;color:var(--ink)}.error-text{color:var(--danger);font-size:.9rem;margin-bottom:.75rem}.loading-ai{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:3rem 1rem;color:var(--muted);font-size:.9rem}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.25rem;gap:.4rem}.ai-icon-glow{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;margin-bottom:.5rem}.ai-icon-glow.edited{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 24px var(--accent-glow)}.ai-icon-glow.developed{background:var(--violet-soft);color:var(--violet);box-shadow:0 0 24px #8b5cf640}.ai-action-title{font-size:1.05rem;font-weight:700;color:var(--ink);margin:0}.ai-action-desc{font-size:.88rem;color:var(--muted);max-width:32ch;margin:0 0 .5rem;line-height:1.5}@media (min-width: 640px){#app{max-width:760px;padding:0 1.5rem 4rem}.app-header-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem}.app-header-top{width:auto;gap:1rem}#search-toggle-btn{display:none}.search-box{display:flex!important;max-width:300px;margin:0 auto}.timeline-header-bar{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.75rem;margin-bottom:3.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.timeline-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;width:100%}.timeline-title-wrapper{display:flex;flex-direction:column;gap:.5rem}.timeline-title{font-size:1.95rem;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.15;margin:0}.timeline-subtitle{font-size:.95rem;font-weight:500;color:var(--ink-secondary);line-height:1.4;margin:0}.toolbar-actions{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:.85rem}.results-count{font-size:.825rem;font-weight:600;color:var(--muted)}.timeline-header-bar{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:4rem}.timeline-header-left{flex-direction:row;align-items:center;gap:1.25rem}.toolbar-actions{width:auto;margin-top:0}.shortcut-badge{display:inline-block;font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--muted);background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;line-height:1}.key-hint{display:inline-block;font-family:var(--font-mono);font-size:.7rem;opacity:.7;background:#00000026;padding:.1rem .35rem;border-radius:4px;margin-left:.2rem}.compose{max-width:640px;margin-left:auto;margin-right:auto}.notes-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tab-panel{padding:1.5rem 1.75rem}.tab-btn{padding:.5rem 1rem;font-size:.85rem}.note-title-header h2{font-size:1.75rem}}@media (min-width: 1024px){#app{max-width:1024px}.app-header-inner{max-width:1024px;padding:.9rem 1.25rem}.search-box{max-width:360px}.notes-grid{grid-template-columns:repeat(3,1fr)}.note-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px);background:var(--surface)}.btn-icon:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--border-hover);transform:translateY(-1px)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.note-detail-article{max-width:740px;margin:0 auto}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #00000040}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:.7rem;font-weight:600;padding:.35rem .75rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;flex:1}.bottom-nav .nav-item:active{transform:scale(.94)}.bottom-nav .nav-item.active{color:var(--accent);font-weight:700}.bottom-nav .nav-item.active svg{stroke:var(--accent);transform:translateY(-1px)}.nav-badge{position:absolute;top:2px;right:18px;background:var(--accent);color:var(--accent-ink);font-size:.65rem;font-weight:800;padding:.05rem .35rem;border-radius:999px;line-height:1}.mobile-fab{position:fixed;bottom:74px;right:1.25rem;z-index:85;width:54px;height:54px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:none;box-shadow:0 8px 24px var(--accent-glow),var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-fab:active{transform:scale(.92)}.quick-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.quick-add-sheet,.date-picker-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--surface-card);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-top:1px solid var(--border-hover);padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #00000080;animation:slideUpSheet .25s cubic-bezier(.16,1,.3,1);max-width:640px;margin:0 auto}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sheet-drag-handle{width:36px;height:4px;background:var(--border-hover);border-radius:999px;margin:0 auto .85rem}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.sheet-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;color:var(--ink)}.sheet-modal-title{font-size:1.05rem;font-weight:700;margin:0;color:var(--ink)}.quick-add-sheet textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.95rem;line-height:1.5;padding:.85rem;resize:none;outline:none;margin-bottom:.85rem;transition:border-color var(--transition-fast)}.quick-add-sheet textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sheet-actions{display:flex;align-items:center;gap:.5rem}.date-picker-body{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.date-mode-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.date-mode-toggle .chip{flex:1;justify-content:center;text-align:center;padding:.6rem .75rem;font-size:.825rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast)}.date-mode-toggle .chip:active{transform:scale(.96)}.date-label{font-size:.875rem;color:var(--ink-secondary);font-weight:500}.date-input{width:100%;padding:.65rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.95rem;outline:none}.date-input:focus{border-color:var(--accent)}.date-picker-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}@media (min-width: 640px){.bottom-nav{max-width:500px;left:50%;transform:translate(-50%);border-radius:var(--radius-full);bottom:1.5rem;border:1px solid var(--border)}.mobile-fab{bottom:5.5rem;right:2rem}}#view-browse{padding-bottom:5.5rem;animation:fadeIn .2s ease-out}.browse-header h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.25rem;color:var(--ink)}.browse-group{margin-bottom:1.5rem}.browse-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .65rem}.browse-list{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.browse-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.15rem;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none;text-align:left}.browse-item:last-child{border-bottom:none}.browse-item:active{background:var(--surface-hover)}.browse-item-left{display:flex;align-items:center;gap:.85rem}.browse-item-icon{color:var(--accent);flex-shrink:0}.browse-item-icon.icon-raw{color:var(--accent)}.browse-item-icon.icon-edited{color:var(--amber)}.browse-item-icon.icon-developed{color:var(--violet)}.browse-item-count{font-size:.825rem;font-weight:700;color:var(--muted);background:var(--surface-hover);padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border)}