:root{--color-bg-primary:#fff8f2;--color-bg-input:#fdf6ee;--color-bg-card:#fff;--color-bg-subtle:#f5ede0;--color-bg-overlay:#1a141066;--header-height:60px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--color-accent:#c8860a;--color-accent-light:#faeeda;--color-accent-dark:#5c3a00;--color-accent-text:#7a4f00;--color-text-primary:#1a1410;--color-text-secondary:#6b5a47;--color-text-muted:#755f4a;--color-border:#e8d9c5;--color-border-strong:#c8b49a;--color-destructive:#c0392b;--color-destructive-bg:#fcebeb;--color-custom:#3d7a5c;--color-custom-text:#1f6b4f;--color-custom-bg:#eaf3e8;--color-warning:#9a6200;--color-warning-bg:#fff4dc;--color-warning-text:#7a4c00;--font-base:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"EB Garamond", Georgia, "Times New Roman", serif;--text-display-size:26px;--text-display-height:1.2;--text-display-weight:700;--text-title-size:17px;--text-title-height:1.3;--text-title-weight:600;--text-subtitle-size:15px;--text-subtitle-height:1.4;--text-subtitle-weight:500;--text-body-size:14px;--text-body-height:1.6;--text-body-weight:400;--text-caption-size:12px;--text-caption-height:1.5;--text-caption-weight:400;--text-label-size:11px;--text-label-height:1.4;--text-label-weight:500;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-card-padding:14px;--space-screen-margin:16px;--space-section-gap:8px;--space-chip-x:10px;--space-chip-y:5px;--radius-card:14px;--radius-input:10px;--radius-chip:999px;--radius-image:12px;--radius-badge:999px;--radius-dot:50%;--shadow-card:0 2px 8px #643c0a12;--shadow-modal:0 8px 32px #643c0a1f;--shadow-focus:0 0 0 3px #c8860a2e;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--nav-bar-height:64px;--nav-rail-width:68px;--nav-drawer-width:220px;--nav-right-panel:260px;--safe-top:var(--safe-area-top);--safe-bottom:max(34px, var(--safe-area-bottom));--z-base:0;--z-card:10;--z-nav:100;--z-fab:200;--z-modal:300;--z-lightbox:400;--bg:var(--color-bg-primary);--bg2:var(--color-bg-card);--bg3:var(--color-bg-input);--bg4:var(--color-bg-subtle);--border:var(--color-border);--gold:var(--color-accent);--gold-dim:var(--color-accent-text);--gold-bright:var(--color-accent);--parchment:var(--color-text-primary);--parchment-dim:var(--color-text-secondary);--text:var(--color-text-primary);--text-muted:var(--color-text-muted);--tag-bg:var(--color-accent-light);--tag-border:var(--color-border-strong);--red:var(--color-destructive);--custom:var(--color-custom);--custom-dim:var(--color-custom-text);--custom-bg:var(--color-custom-bg);--custom-border:var(--color-custom-text);--header-h:56px;--bottom-h:60px;--sidebar-w:220px;--detail-w:340px;--radius:var(--radius-input)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-base);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.loading{height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;font-style:italic;display:flex}.header{height:var(--header-h);background:var(--bg2);border-bottom:1px solid var(--border);padding:0 16px;padding-top:env(safe-area-inset-top);flex-shrink:0;align-items:center;gap:12px;display:flex}.header-brand{align-items:baseline;gap:10px;min-width:0;display:flex}.header-logo{font-family:var(--font-base);color:var(--gold);letter-spacing:.04em;white-space:nowrap;font-size:19px;font-weight:700}.header-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:italic;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:14px;margin-left:auto;display:flex}.header-stats{gap:14px;display:flex}.stat{color:var(--text-muted);font-size:13px}.stat strong{color:var(--gold-dim);font-weight:600}.settings-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:5px 10px;font-size:15px;line-height:1}.settings-btn:hover{border-color:var(--gold-dim);color:var(--gold-dim)}.main-wrapper{background-color:var(--color-bg-primary);flex-direction:column;min-height:100dvh;display:flex}.app-header{padding-top:env(safe-area-inset-top,0px);min-height:calc(var(--header-height) + env(safe-area-inset-top,0px));background-color:#0000;justify-content:center;align-items:center;display:flex}.layout{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-col,.main-col,.detail-col{flex-direction:column;flex:none;display:flex;overflow:hidden}.sidebar-col{width:100%;padding-top:env(safe-area-inset-top)}.main-col{width:100%;display:none}.detail-col{display:none}.sidebar-col.mobile-visible{display:flex}.sidebar-col.mobile-hidden{display:none}.main-col.mobile-visible{display:flex}.main-col.mobile-hidden{display:none}.view-visible{display:flex!important}.view-hidden{display:none!important}.mobile-idea-detail{flex-direction:column;display:flex;overflow-y:auto}.bottom-nav{height:var(--bottom-h);background:var(--bg2);border-top:1px solid var(--border);padding-bottom:var(--safe-area-bottom);flex-shrink:0;align-items:stretch;display:flex}.nav-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);font-family:var(--font-base);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;display:flex;position:relative}.nav-btn.active{color:var(--color-accent-text)}.nav-btn:hover{color:var(--parchment)}.nav-btn.active:before{content:"";background:var(--color-accent);border-radius:2px;width:28px;height:3px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.nav-icon{font-size:18px;line-height:1}.nav-label{letter-spacing:.04em;font-size:11px}@media (width>=640px){.layout{flex-direction:row}.sidebar-col{width:var(--sidebar-w);border-right:1px solid var(--border);flex-shrink:0;display:flex!important}.mobile-idea-detail{display:flex}.main-col{flex:1;min-width:0;display:flex!important}.mobile-visible,.mobile-hidden{display:flex!important}.detail-col,.bottom-nav{display:none}.header-sub{display:block}}@media (width>=1024px){.detail-col{width:var(--detail-w);border-left:1px solid var(--border);flex-shrink:0;display:flex!important}}.main-tab-row{display:none}@media (width>=640px){.main-tab-row{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}}.main-tab{color:var(--text-muted);font-family:var(--font-base);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 16px;font-size:14px}.main-tab.active{color:var(--gold-dim);border-bottom-color:var(--gold)}.main-tab:hover{color:var(--parchment)}.main-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:max(16px, env(safe-area-inset-top)) 16px 16px;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.ideas-sidebar{background:var(--bg2);flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 12px 8px}.sidebar-title{font-family:var(--font-base);text-transform:uppercase;letter-spacing:.15em;color:var(--gold-dim);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.idea-search{background:var(--bg3);border:1px solid var(--color-border-strong);width:100%;color:var(--text);font-family:var(--font-base);border-radius:var(--radius);outline:none;padding:5px 9px;font-size:14px}.idea-search:focus{border-color:var(--gold-dim);box-shadow:var(--shadow-focus)}.idea-search::placeholder{color:var(--text-muted)}.sidebar-desktop-actions{flex-direction:column;gap:8px;margin-bottom:12px;display:none}@media (width>=1024px){.sidebar-desktop-actions{display:flex}}.sidebar-stats{color:var(--text-muted);text-align:center;font-size:11px;font-family:var(--font-base);letter-spacing:.02em}.sidebar-new-note{justify-content:center;width:100%}.ideas-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}.ideas-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:10px 12px 4px;font-size:10px;font-weight:500;display:block}.idea-item{cursor:pointer;width:100%;color:var(--parchment-dim);text-align:left;font-size:14px;font-family:var(--font-base);background:0 0;border:none;justify-content:space-between;align-items:center;min-height:36px;padding:7px 12px;transition:all .1s;display:flex}.idea-item:hover{background:var(--bg3);color:var(--parchment)}.idea-item.active{background:var(--bg4);color:var(--gold-dim);border-left:2px solid var(--gold);font-weight:500}.idea-item.custom-idea{color:var(--custom-dim);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.idea-item.custom-idea:hover{color:var(--custom)}.idea-item.custom-idea.active{color:var(--custom-dim);border-left-color:var(--custom)}.idea-count{color:var(--text-muted);background:var(--bg4);border-radius:var(--radius-badge);text-align:center;flex-shrink:0;min-width:18px;padding:0 4px;font-family:Fira Mono,monospace;font-size:11px}.idea-item.active .idea-count{background:var(--gold-dim);color:var(--color-bg-card)}.idea-item.custom-idea.active .idea-count{background:var(--custom-dim);color:var(--color-bg-card)}.custom-dot{background:var(--custom-dim);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-right:6px;display:inline-block}.idea-item.custom-idea.active .custom-dot{background:var(--custom)}.idea-detail{background:var(--bg2);flex-direction:column;width:100%;display:flex;overflow:hidden}.idea-detail-empty{justify-content:center;align-items:center}.idea-detail-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-start;gap:10px;padding:14px 16px 10px;display:flex}.back-btn{color:var(--text-muted);font-family:var(--font-base);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:4px;padding:0;font-size:18px;line-height:1}@media (width>=640px){.back-btn{display:none}}.idea-detail-title{font-family:var(--font-base);color:var(--gold-dim);font-size:20px;font-weight:700}.idea-detail-title.custom{color:var(--custom-dim)}.idea-detail-sub{color:var(--text-muted);margin-top:2px;font-size:12px;font-style:italic}.idea-detail-desc{color:var(--parchment-dim);border-top:1px solid var(--border);margin-top:6px;padding-top:6px;font-size:13px;font-style:italic}.custom-badge{color:var(--custom-dim)}.idea-detail-notes{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.note-form-panel{flex-direction:column;gap:16px;display:flex}.library-panel{flex-direction:column;gap:10px;display:flex}.section-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px 16px}.section-title{font-family:var(--font-base);text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dim);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.form-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.inp{background:var(--bg3);border:1px solid var(--color-border-strong);width:100%;max-width:100%;color:var(--text);font-family:var(--font-base);border-radius:var(--radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;min-width:0;padding:8px 10px;font-size:15px}.inp:focus{border-color:var(--gold-dim);box-shadow:var(--shadow-focus)}.inp::placeholder{color:var(--text-muted)}textarea.inp,.textarea{resize:vertical;flex:none;width:100%;min-height:180px;line-height:1.55}select.inp{cursor:pointer}.btn{font-family:var(--font-base);cursor:pointer;border-radius:var(--radius);transition:all var(--transition-fast);white-space:nowrap;border:1px solid;align-items:center;gap:5px;min-height:40px;padding:8px 16px;font-size:14px;display:inline-flex}.btn-gold{background:var(--gold);color:#fff;border-color:var(--gold);font-weight:600}.btn-gold:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn-gold:disabled{opacity:.4;cursor:not-allowed}.btn-accent{background:var(--color-accent);color:#1a1410;border-color:var(--color-accent);font-weight:600}.btn-accent:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 3px 10px #c8860a47,inset 0 -2px #5c3a002e}.btn-accent:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #5c3a0040}.btn-accent:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--parchment-dim);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--gold-dim);color:var(--parchment)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-teal{background:var(--custom-dim);color:#fff;border-color:var(--custom-dim);font-weight:600}.btn-teal:hover{background:var(--custom);border-color:var(--custom)}.btn-teal:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:var(--red);border-color:var(--color-destructive);background:0 0}.btn-danger:hover{background:var(--color-destructive-bg);color:var(--red)}.btn-sm{min-height:32px;padding:5px 12px;font-size:12px}.icon-btn{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.text-link{color:var(--color-text-secondary);font-family:var(--font-base);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.text-link.destructive{color:var(--color-destructive)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.action-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tags-detected{margin-top:10px}.tags-detected-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.tags-row{flex-wrap:wrap;gap:6px;display:flex}.idea-tag{background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--gold-dim);border-radius:var(--radius-chip);cursor:pointer;font-size:12px;font-family:var(--font-base);min-height:28px;padding:3px 10px;font-weight:500;transition:all .1s}.idea-tag.remove-mode{border-color:var(--red);color:var(--red);background:var(--color-destructive-bg)}.no-items-msg{color:var(--text-muted);font-size:13px;font-style:italic}.ai-error{color:var(--red);margin-top:6px;font-size:13px;font-style:italic}.link-btn{color:var(--gold-dim);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes thinking-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.thinking{color:var(--text-muted);font-size:13px;font-style:italic}.thinking:after{content:"";text-align:left;min-width:1.5em;animation:1.2s steps(4,end) infinite thinking-dots;display:inline-block}.status-row{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-style:italic;display:flex}.books-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:4px;display:grid}.book-chip{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.book-chip-title{font-family:var(--font-base);color:var(--parchment);font-size:12px;font-style:italic;line-height:1.3}.book-chip-author{color:var(--text-muted);font-size:11px}.book-chip-del{color:var(--red);cursor:pointer;opacity:.6;text-align:left;background:0 0;border:none;margin-top:4px;padding:0;font-family:inherit;font-size:10px}.book-chip-del:hover{opacity:1}.capture-zone{border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--bg3);flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;display:flex}.capture-buttons{flex-wrap:wrap;gap:8px;display:flex}.capture-hint{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4}.capture-preview{display:inline-block;position:relative}.capture-preview img{border:1px solid var(--border);border-radius:var(--radius-image);max-width:100%;max-height:140px;display:block}.capture-remove{background:var(--color-bg-overlay);border:1px solid var(--border);color:var(--color-destructive);border-radius:var(--radius-input);cursor:pointer;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.capture-remove:hover{background:var(--red);color:#fff;border-color:var(--red)}.note-card{background:radial-gradient(circle at 1px 1px, #c8860a24 1px, transparent 0) 10px 34px / 16px 16px, var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:12px 14px;animation:.18s fadeIn;position:relative;overflow:hidden}.note-card:after{content:"";background:linear-gradient(225deg, var(--color-bg-primary) 50%, #c8860a1f 50%);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);pointer-events:none;z-index:0;border-bottom-left-radius:6px;width:22px;height:22px;position:absolute;top:0;right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1}}.note-source-badge{font-size:11px;font-family:var(--font-base);color:var(--gold-dim);align-items:center;gap:5px;margin-bottom:6px;font-style:italic;display:flex}.note-source-badge:before{content:"§";color:var(--border);font-style:normal}.note-text{color:var(--parchment);font-family:EB Garamond,serif;font-size:15px;line-height:1.7}.note-thumb-row{align-items:center;gap:8px;margin-top:8px;display:flex}.note-thumb{border:1px solid var(--border);border-radius:var(--radius-image);cursor:pointer;opacity:.75;width:auto;height:44px;transition:opacity var(--transition-fast)}.note-thumb:hover{opacity:1}.note-thumb-label{color:var(--text-muted);font-size:11px;font-style:italic}.note-tags-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.note-tag-pill{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-chip);cursor:pointer;font-size:11px;font-family:var(--font-base);background:0 0;min-height:24px;padding:2px 8px;transition:all .1s}.note-tag-pill:hover{border-color:var(--gold-dim);color:var(--gold-dim)}.note-tag-pill.active{border-color:var(--gold);color:var(--gold-dim);background:var(--tag-bg)}.note-tag-pill.custom{border-color:var(--custom-dim);color:var(--custom-dim)}.note-tag-pill.custom:hover{border-color:var(--custom);color:var(--custom)}.note-tag-pill.custom.active{border-color:var(--custom);color:var(--custom-dim);background:var(--custom-bg)}.del-note-btn{color:var(--red);cursor:pointer;opacity:.45;font-size:11px;font-family:var(--font-base);background:0 0;border:none;margin-top:6px;padding:0}.del-note-btn:hover{opacity:1}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:14px;font-style:italic;display:flex}.empty-glyph{font-family:var(--font-base);color:var(--color-border);font-size:44px;font-weight:700}.modal-overlay{background:var(--color-bg-overlay);z-index:100;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-height:88dvh;box-shadow:var(--shadow-modal);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}@media (width>=640px){.modal-overlay{align-items:center}.modal{border-radius:var(--radius-card);width:560px;max-height:82dvh;box-shadow:var(--shadow-modal)}}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:16px 18px 12px;display:flex}.modal-title{font-family:var(--font-base);color:var(--gold-dim);font-size:19px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-height:36px;margin-left:auto;padding:0 4px;font-size:22px;line-height:1}.modal-close:hover{color:var(--parchment)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:22px;padding:18px;display:flex;overflow-y:auto}.modal-section-title{font-family:var(--font-base);text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dim);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.modal-section-title:after{content:"";background:var(--border);flex:1;height:1px}.modal-hint{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.5}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.link{color:var(--gold-dim);text-decoration:underline}.add-custom-form,.custom-ideas-list{flex-direction:column;gap:8px;display:flex}.custom-idea-row{background:var(--custom-bg);border:1px solid var(--custom-dim);border-radius:var(--radius);text-align:left;cursor:default;width:100%;font:inherit;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.custom-idea-text{flex-direction:column;flex:1;gap:2px;display:flex}.custom-idea-name{font-family:var(--font-base);color:var(--custom-dim);padding-top:1px;font-size:14px;font-weight:600}.custom-idea-desc{color:var(--parchment-dim);padding-top:1px;font-size:12px;font-style:italic;line-height:1.5}.custom-idea-del{color:var(--red);cursor:pointer;opacity:.45;background:0 0;border:none;flex-shrink:0;padding:0;font-size:16px;line-height:1}.custom-idea-del:hover{opacity:1}.idea-row-menu-icon{color:var(--parchment-dim);opacity:.4;pointer-events:none;flex-shrink:0;padding-top:2px;font-size:18px;line-height:1}.custom-ideas-hint{color:var(--parchment-dim);opacity:.5;text-align:center;margin-top:6px;margin-bottom:0;font-size:11px}.count-badge{background:var(--custom-bg);border:1px solid var(--custom-dim);color:var(--custom-dim);border-radius:var(--radius-badge);padding:1px 6px;font-family:Fira Mono,monospace;font-size:11px}.data-summary{color:var(--text-muted);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:16px;margin-bottom:10px;padding:8px 12px;font-family:Fira Mono,monospace;font-size:12px;display:flex}.data-summary strong{color:var(--gold-dim);font-weight:400}.data-actions{flex-wrap:wrap;gap:8px;display:flex}.import-result{border-radius:var(--radius);margin-top:8px;padding:10px 12px;font-size:13px;line-height:1.5}.import-result.success{background:var(--custom-bg);border:1px solid var(--custom-dim);color:var(--custom-dim)}.import-result.error{background:var(--color-destructive-bg);border:1px solid var(--color-destructive);color:var(--red)}.import-mode-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.canon-grid{flex-wrap:wrap;gap:4px 12px;display:flex}.canon-item{color:var(--text-muted);font-size:12px;font-family:var(--font-base)}.lightbox{z-index:200;cursor:zoom-out;background:#1a1410f2;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.lightbox img{border:1px solid var(--border);border-radius:var(--radius-image);max-width:92vw;max-height:90dvh;box-shadow:0 20px 60px #1a141099}.toast{bottom:calc(var(--bottom-h) + 10px);background:var(--color-text-primary);border:1px solid var(--color-border-strong);color:var(--color-bg-card);font-family:var(--font-base);border-radius:var(--radius);z-index:300;pointer-events:none;white-space:nowrap;padding:8px 20px;font-size:14px;animation:.2s toastIn;position:fixed;left:50%;transform:translate(-50%)}@media (width>=640px){.toast{bottom:20px}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hide-sm{display:none}@media (width>=640px){.hide-sm{display:inline}}.app--focus-mode .sidebar-col,.app--focus-mode .library-panel{display:none!important}.app--focus-mode .main-col{max-width:800px;margin:0 auto;width:100%!important}.attribution-banner{border:1px solid var(--custom-dim);background:var(--custom-bg);border-radius:var(--radius-card);flex-direction:column;gap:8px;padding:10px 12px;animation:.2s fadeIn;display:flex}.attribution-banner-text{flex-direction:column;gap:2px;display:flex}.attribution-banner-label{text-transform:uppercase;letter-spacing:.12em;color:var(--custom-dim);font-size:10px;font-weight:600}.attribution-banner-book{font-family:var(--font-base);color:var(--custom-dim);font-size:14px;font-style:italic}.attribution-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.auth-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;max-width:380px;box-shadow:var(--shadow-modal);flex-direction:column;gap:8px;padding:32px 28px;display:flex}.auth-logo{font-family:var(--font-base);color:var(--gold);letter-spacing:.04em;text-align:center;font-size:28px;font-weight:700}.auth-tagline{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:13px;font-style:italic}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-mode-row{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;display:flex;overflow:hidden}.auth-mode-btn{color:var(--text-muted);font-family:var(--font-base);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:8px;font-size:14px}.auth-mode-btn.active{background:var(--bg4);color:var(--gold-dim);font-weight:500}.auth-mode-btn:hover{color:var(--parchment)}.auth-submit{background:var(--color-accent);color:#fff;border-color:var(--color-accent);justify-content:center;width:100%;min-height:48px;margin-top:4px}.auth-error{color:var(--red);font-size:13px;font-style:italic}.auth-info{color:var(--custom-dim);font-size:13px;font-style:italic}.auth-note{color:var(--text-muted);text-align:center;margin-top:8px;font-size:12px;font-style:italic;line-height:1.5}.auth-back-btn{cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-body-size);margin-bottom:var(--space-2);align-items:center;gap:var(--space-1);background:0 0;border:none;padding:0;display:flex}.auth-back-btn:hover{color:var(--color-text-primary)}.auth-forgot-btn{cursor:pointer;color:var(--text-muted);text-underline-offset:2px;background:0 0;border:none;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}.auth-forgot-btn:hover{color:var(--parchment)}.unlock-intro{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:14px}.unlock-error{margin-bottom:12px}.unlock-btn-wide{width:100%;min-height:44px}.unlock-divider{text-align:center;color:var(--text-secondary);margin:16px 0;font-size:13px}.unlock-subhead{color:var(--text-secondary);text-align:center;margin-bottom:8px;font-size:13px}.unlock-offline-note{color:var(--text-secondary);text-align:center;margin-top:4px;font-size:12px}.unlock-transfer-row{text-align:center;margin:12px 0}.unlock-transfer-toggle{cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px;font-size:13px}.unlock-transfer-input{flex-direction:column;gap:8px;display:flex}.unlock-transfer-label{color:var(--text-secondary);margin:0;font-size:13px}.unlock-transfer-pin{text-align:center;letter-spacing:.3em;font-size:18px}.unlock-signout{margin-top:16px}.sync-indicator{align-items:center;display:flex}.offline-badge{background:var(--color-destructive-bg);border:1px solid var(--red);color:var(--red);border-radius:var(--radius-badge);font-size:11px;font-family:var(--font-base);letter-spacing:.04em;padding:2px 8px;font-weight:500}.account-row{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.account-email{color:var(--parchment);font-size:14px;font-family:var(--font-base)}.sync-status-row{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-style:italic;display:flex}.sync-dot{background:var(--custom-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.mobile-only-panel{flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}@media (width>=640px){.mobile-only-panel{display:none}}.home-screen{flex-direction:column;flex:1;gap:20px;padding:8px 0 16px;display:flex}.home-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-header-text{flex-direction:column;gap:4px;min-width:0;display:flex}.home-kicker{color:var(--color-accent-text);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.home-subtitle{color:var(--color-text-muted);font-size:13px}.home-title{color:var(--color-accent-text);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.home-hero{text-align:center;border:none;flex-direction:column;flex:none;align-items:center;gap:8px;padding:16px 0 8px;display:flex}.home-logo{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-accent);margin:0;font-size:56px;font-weight:500;line-height:1}.home-tagline{color:var(--color-text-secondary);font-size:13px;font-style:italic}.home-hero-flourish{color:var(--color-accent);opacity:.8;margin-top:4px;display:block}.home-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-card);text-align:center;cursor:pointer;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;align-items:center;gap:2px;padding:14px 10px;display:flex;position:relative}.stat-card:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.stat-value{font-family:var(--font-serif);color:var(--color-accent-text);font-size:28px;font-weight:700;line-height:1.1}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:500}.stat-caret{display:none}.home-cta{justify-content:center;width:100%;min-height:56px;margin-top:auto}.note-form-wrapper{padding:max(16px, env(safe-area-inset-top)) 16px 16px;flex:1;overflow:hidden auto}.note-form-screen{flex-direction:column;gap:16px;min-height:100%;display:flex}.note-form-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.note-form-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:4px;font-size:12px}.note-form-header h1{color:var(--color-text-primary);font-size:20px;line-height:1.3}.note-form-body{flex-direction:column;gap:12px;display:flex}.note-form-save,.note-form-footer{margin-top:auto}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:12px}.source-select{margin-top:4px}.note-form-row{flex-direction:column;gap:4px;display:flex}.note-form-meta-row{align-items:flex-end;gap:8px;display:flex}.note-form-meta-row .note-form-row{flex:1;min-width:0}.add-source-btn{background:var(--bg3);border:1.5px solid var(--color-border-strong);border-radius:var(--radius);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;display:inline-flex}.add-source-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.note-form-body .inp{text-align:start;border-width:1.5px;padding:10px 12px}.note-form-photo-banner{border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;background:#2b2218;width:100%;height:140px;padding:0;font-family:inherit;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000059}.note-form-photo-banner img{object-fit:cover;opacity:.78;width:100%;height:100%;display:block;position:absolute;inset:0}.note-form-photo-label{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;background:#1a1410c7;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:10px}.note-form-photo-reading{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;background:#1a1410c7;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:8px;right:10px}.note-form-photo-actions{gap:16px;margin-top:-6px;display:flex}.capture-preview-card{border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:row;align-items:center;gap:12px;padding:10px;display:flex}.capture-preview-thumb{border-radius:var(--radius-image);border:1px solid var(--color-border);background:var(--color-bg-subtle);cursor:pointer;flex:none;width:88px;height:88px;padding:0;position:relative;overflow:hidden}.capture-preview-thumb img{object-fit:cover;width:100%;height:100%;display:block}.capture-preview-actions{flex-flow:column wrap;gap:8px;display:flex}.inline-status{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.transcribe-error-banner{border:1px solid var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-card);flex-direction:column;gap:8px;padding:12px;display:flex}.transcribe-error-actions{flex-wrap:wrap;gap:8px;display:flex}.detected-tags{flex-direction:column;gap:6px;display:flex}.detected-tags .idea-chip{cursor:pointer;font-size:13px}.sources-row{flex-wrap:wrap;gap:12px;display:flex}.sources-list{flex-direction:column;gap:12px;margin-top:12px;list-style:none;display:flex}.sources-row-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.sources-title{font-size:16px;font-weight:600}.sources-author{color:var(--color-text-secondary);font-size:13px}.empty-msg{color:var(--color-text-muted);font-size:14px}.screen-container{flex-direction:column;flex:1;gap:16px;padding:4px 0;display:flex;overflow-y:auto}.screen-header{justify-content:space-between;align-items:center;display:flex}.screen-title{font-size:24px;font-weight:var(--text-display-weight)}.screen-subtitle{color:var(--color-text-muted);font-size:13px}.ideas-list{flex-direction:column;gap:8px;list-style:none;display:flex}.ideas-row{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.ideas-row-text{flex-direction:column;align-items:flex-start;display:flex}.ideas-row-name{font-size:16px;font-weight:600}.ideas-row-count{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:12px}.ideas-row-count.custom{color:var(--color-custom-text)}.ideas-row-count.adler{color:var(--color-accent-text)}.idea-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.index-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.idea-filter-strip{scrollbar-width:none;padding:var(--space-1) 0;margin:var(--space-1) 0 var(--space-2);gap:8px;display:flex;overflow-x:auto}.idea-filter-strip::-webkit-scrollbar{display:none}.idea-filter-chip{padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-chip);border:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:var(--text-label-size);font-weight:var(--text-label-weight);font-family:var(--font-base);white-space:nowrap;cursor:pointer;transition:var(--transition-fast);flex-shrink:0;align-items:center;gap:5px;display:flex}.idea-filter-chip.active{background:var(--color-accent-light);color:var(--color-accent-text);border-color:var(--color-accent)}.idea-filter-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.index-note-card{background:radial-gradient(circle at 1px 1px, #c8860a24 1px, transparent 0) 10px 34px / 16px 16px, var(--color-bg-card);border:.5px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card);margin-bottom:var(--space-section-gap);position:relative;overflow:hidden}.index-note-card:after{content:"";background:linear-gradient(225deg, var(--color-bg-primary) 50%, #c8860a1f 50%);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);pointer-events:none;z-index:0;border-bottom-left-radius:6px;width:22px;height:22px;position:absolute;top:0;right:0}.index-note-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.index-note-tags{flex-wrap:wrap;flex:1;gap:5px;min-width:0;display:flex}.index-note-tag{font-size:var(--text-label-size);color:var(--color-text-secondary);align-items:center;gap:4px;display:flex}.index-note-thumb{object-fit:cover;border-radius:var(--radius-image);border:1px solid var(--color-border);cursor:pointer;flex-shrink:0;width:48px;height:48px;margin-left:10px}.index-note-text{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-family:EB Garamond,Georgia,serif;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.index-note-bottom{justify-content:space-between;align-items:baseline;display:flex}.index-note-source{font-size:var(--text-caption-size);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:8px;font-style:italic;overflow:hidden}.index-note-time{font-size:var(--text-caption-size);color:var(--color-text-muted);flex-shrink:0}@media (width<=767px){.capture-screen{justify-content:flex-start;gap:var(--space-3);min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + var(--space-2)) 0 calc(env(safe-area-inset-bottom,0px) + var(--space-4));background:radial-gradient(circle at top, #fff2e4 0%, var(--color-bg-primary) 55%, #f7e9d9 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.capture-header{min-height:36px;padding:0 var(--space-3);color:var(--color-text-primary);align-items:center;display:flex;position:relative}.capture-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:.9rem;position:absolute;left:50%;transform:translate(-50%)}.capture-close-btn{width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.capture-close-btn:hover{background:#0000000d}.capture-viewfinder{background:var(--color-bg-subtle);border-radius:0;flex:1;width:100%;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0000003d}.capture-viewfinder-video{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.capture-viewfinder-blocked{z-index:2;justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-3);text-align:center;color:var(--color-text-primary);background:var(--color-bg-subtle);flex-direction:column;display:flex;position:absolute;inset:0}.capture-viewfinder-blocked .capture-blocked-title{margin:var(--space-1) 0 0;font-size:.95rem;font-weight:600}.capture-viewfinder-blocked .capture-blocked-body{max-width:26ch;color:var(--color-text-secondary);margin:0;font-size:.85rem}.capture-viewfinder-overlay{background:var(--color-bg-overlay);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 48%,#000 75%);mask-image:radial-gradient(circle,#0000 48%,#000 75%)}.capture-bracket{border:2px dashed var(--color-border-strong);border-radius:8px;width:80px;height:80px;position:absolute}.capture-bracket.tl{top:var(--space-3);left:var(--space-3);border-bottom:none;border-right:none}.capture-bracket.tr{top:var(--space-3);right:var(--space-3);border-bottom:none;border-left:none}.capture-bracket.bl{bottom:var(--space-3);left:var(--space-3);border-top:none;border-right:none}.capture-bracket.br{bottom:var(--space-3);right:var(--space-3);border-top:none;border-left:none}.capture-focus-glow{pointer-events:none;border-radius:32px;position:absolute;inset:20%;box-shadow:0 0 60px #c8860a40}.capture-hint{bottom:var(--space-2);color:var(--color-text-secondary);text-align:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-card);box-shadow:var(--shadow-card);width:calc(100% - var(--space-4));background:#ffffffe6;font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.capture-controls{justify-content:space-around;align-items:center;gap:var(--space-3);padding:0 var(--space-3);flex-direction:row;display:flex}.capture-shutter{background:var(--color-accent);cursor:pointer;border:none;border-radius:999px;flex:none;width:76px;height:76px;position:relative;box-shadow:0 12px 30px #c8860a59}.capture-shutter-ring{pointer-events:none;border:2px solid #c8860a59;border-radius:999px;position:absolute;inset:-10px}.capture-side-btn{border:1px solid var(--color-border-strong);width:48px;height:48px;color:var(--color-text-primary);cursor:pointer;background:#fffc;border-radius:999px;justify-content:center;align-items:center;display:flex}.capture-fab-wrap{z-index:var(--z-fab);justify-content:center;align-items:center;display:inline-flex;position:relative}.capture-fab{background:var(--color-accent);width:56px;height:56px;color:var(--color-text-primary);box-shadow:var(--shadow-modal);cursor:pointer;transition:transform var(--transition-fast);border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.capture-fab:hover{transform:translateY(-2px)}.capture-fab:active{transform:translateY(0)}.capture-fab-backdrop{z-index:calc(var(--z-fab) - 1);background:0 0;position:fixed;inset:0}.capture-fab-menu{right:0;bottom:calc(100% + var(--space-2));gap:var(--space-1);z-index:var(--z-fab);flex-direction:column;align-items:flex-end;display:flex;position:absolute}.capture-fab-item{align-items:center;gap:var(--space-1);min-height:40px;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-card);cursor:pointer;opacity:0;border:none;border-radius:999px;font-size:.9rem;animation:.18s forwards captureFabItemIn;display:inline-flex}.capture-fab-item-icon{width:28px;height:28px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.capture-fab-item-avatar.avatar-btn{pointer-events:none;width:28px;height:28px;font-size:10px}@keyframes captureFabItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.capture-bottom-nav{padding:var(--space-2);border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-1);background:#ffffffe6;border-radius:999px;display:flex}.capture-nav-btn{color:var(--color-text-secondary);padding:var(--space-1) 0;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:.85rem;display:flex}.capture-nav-btn.is-active{color:var(--color-accent-text);background:var(--color-accent-light);border-radius:999px;font-weight:600}.review-screen{padding:var(--space-screen-margin);flex-direction:column;gap:16px;height:100%;display:flex;overflow-y:auto}.review-image{border-radius:var(--radius-image);object-fit:cover;width:100%;max-height:220px}.review-transcription{flex:1}.review-actions{gap:12px;padding-bottom:8px;display:flex}.review-actions .btn{flex:1}}.note-action-overlay{background:var(--color-bg-overlay);z-index:calc(var(--z-modal) - 1);position:fixed;inset:0}.note-action-sheet{background:var(--color-bg-card);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:16px 0 max(16px, env(safe-area-inset-bottom));z-index:var(--z-modal);box-shadow:var(--shadow-modal);position:fixed;bottom:0;left:0;right:0}.note-action-preview{font-size:var(--text-caption-size);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:0 20px 12px}.note-action-btn{text-align:left;width:100%;font-size:var(--text-body-size);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:14px 20px;display:block}.note-action-btn:active{background:var(--color-bg-subtle)}.note-action-btn--destructive{color:var(--color-destructive)}.note-action-confirm{padding:16px 20px}.note-action-confirm-text{font-size:var(--text-body-size);color:var(--color-text-primary);margin-bottom:16px}.note-action-confirm-btns{gap:12px;display:flex}.note-action-confirm-btns .btn{flex:1}.btn-destructive{background:var(--color-destructive);color:#fff;border:none}.note-edit-overlay{background:var(--color-bg-overlay);z-index:calc(var(--z-modal) - 1);position:fixed;inset:0}.note-edit-form{background:var(--color-bg-primary);z-index:var(--z-modal);padding:20px 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.note-edit-form{border-radius:var(--radius-card);width:480px;max-height:80vh;box-shadow:var(--shadow-modal);inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.note-edit-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.note-edit-title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);color:var(--color-text-primary)}.note-edit-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px}.note-edit-actions{gap:12px;padding-top:4px;display:flex}.note-edit-actions .btn{flex:1}.idea-edit-overlay{background:var(--color-bg-overlay);z-index:calc(var(--z-modal) - 1);position:fixed;inset:0}.idea-edit-form{background:var(--color-bg-primary);z-index:var(--z-modal);padding:20px 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.idea-edit-form{border-radius:var(--radius-card);width:480px;max-height:80vh;box-shadow:var(--shadow-modal);inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.idea-edit-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.idea-edit-title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);color:var(--color-text-primary)}.idea-edit-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px}.idea-edit-actions{gap:12px;padding-top:4px;display:flex}.idea-edit-actions .btn{flex:1}.note-rediscovering{font-size:var(--text-caption-size);color:var(--color-text-muted);align-items:center;gap:6px;font-style:italic;display:flex}.related-notes-screen{flex-direction:column;height:100%;display:flex;overflow:hidden}.related-notes-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.related-notes-title{font-family:var(--font-base);color:var(--gold-dim);font-size:18px;font-weight:700}.related-notes-body{scrollbar-width:thin;flex:1;overflow-y:auto}.related-notes-anchor{border-bottom:1px solid var(--border);background:var(--bg2);padding:12px 16px}.related-notes-anchor-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:11px}.related-notes-anchor-card{border-left:3px solid var(--gold-dim);cursor:default}.related-notes-groups{padding:8px 0}.related-notes-group{padding:0 0 8px}.related-notes-group-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:10px 16px 4px;font-size:11px;font-weight:600}.related-note-card{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 16px;position:relative}.related-note-card:active{background:var(--color-bg-subtle)}.related-note-preview{font-size:var(--text-body-size);color:var(--color-text-primary);margin-top:3px;line-height:1.45}.related-notes-empty{padding:40px 24px}.note-detail-overlay{background:var(--color-bg-overlay);z-index:calc(var(--z-modal) - 1);position:fixed;inset:0}.note-detail-sheet{background:var(--color-bg-card);border-radius:var(--radius-card) var(--radius-card) 0 0;max-height:80dvh;z-index:var(--z-modal);box-shadow:var(--shadow-modal);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.note-detail-handle{background:var(--color-border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.note-detail-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.note-detail-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:22px}.note-detail-body{padding:16px 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.note-detail-text{white-space:pre-wrap}.note-detail-image{border-radius:var(--radius-image);border:1px solid var(--color-border);cursor:zoom-in;width:100%;display:block}.note-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.note-detail-tag{font-size:11px;font-family:var(--font-base);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-chip);align-items:center;min-height:24px;padding:2px 8px;display:inline-flex}.note-overflow-btn{border-radius:var(--radius-sm,4px);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:opacity .12s,background .1s;display:flex;position:absolute;top:8px;right:8px}@media (hover:hover) and (pointer:fine){.note-card:hover .note-overflow-btn,.index-note-card:hover .note-overflow-btn,.related-note-card:hover .note-overflow-btn{opacity:1;pointer-events:auto}.note-overflow-btn:hover{background:var(--color-bg-subtle,var(--bg3));color:var(--color-text-primary)}}.film-grain{z-index:5;pointer-events:none;opacity:.04;position:absolute;inset:0;overflow:hidden}.film-grain:after{content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:300%;height:300%;animation:8s steps(10,end) infinite grain;position:absolute;top:-100%;left:-100%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes captureCardSlide{0%{opacity:0;transform:translate(-6%,18%)scale(.94)}60%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)}}.capture-card-preview{--capture-slide-duration:.4s;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:18;opacity:0;background:radial-gradient(circle at 60% 30%,#ffffff14,#070402bf);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.capture-card-preview.capture-card-slide{animation:captureCardSlide var(--capture-slide-duration) cubic-bezier(.4, 0, .8, .6) both}.capture-card-preview img{border-radius:var(--radius-card,24px);object-fit:cover;width:min(88%,420px);box-shadow:0 24px 60px #07040273}.ink-trace-container{color:var(--color-text-muted);justify-content:center;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.ink-trace-container svg{position:absolute}.ink-trace-label{color:var(--color-accent-text);font-size:11px;font-style:italic;position:absolute;bottom:8px;right:14px}@keyframes inkBleed{0%{opacity:0;filter:blur(3px);color:#c8860acc;transform:translateY(4px)}40%{opacity:.9;filter:blur(.5px);color:#c8860ae6}to{opacity:1;filter:blur();color:var(--color-text-primary);transform:none}}.note-text-field{position:relative}.ink-bleed-container{white-space:normal;word-break:break-word;overflow:hidden}.ink-word{opacity:0;margin-right:.3em;animation:.8s forwards inkBleed;display:inline-block}.lined-textarea{font-size:14px;line-height:28px}.note-form-body .lined-textarea{padding:8px 14px}@keyframes ideaChipStagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.idea-chip{--idea-chip-duration:.2s;background:var(--color-accent-light);color:var(--color-accent-text);border-radius:var(--radius-chip);animation:ideaChipStagger var(--idea-chip-duration) ease-out both;animation-delay:var(--idea-chip-delay,0s);will-change:transform, opacity;border:1px solid #0000;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.idea-chip.custom{background:var(--color-custom-bg);color:var(--color-custom-text)}.idea-chip .idea-dot{background:var(--color-accent);width:7px;height:7px}.avatar-btn{border:1px solid var(--color-border);background:var(--color-accent-light);width:36px;height:36px;color:var(--color-accent-text);font-family:var(--font-base);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.avatar-btn:hover{box-shadow:var(--shadow-card);border-color:var(--color-accent)}.avatar-btn.active{border-color:var(--color-accent);box-shadow:var(--shadow-focus);cursor:default}.screen{gap:var(--space-3);padding:4px 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (width>=640px){.profile-screen,.canon-screen,.custom-ideas-screen{width:100%;max-width:560px;margin:0 auto}}@media (width>=1024px){.profile-screen,.canon-screen,.custom-ideas-screen{max-width:720px}}.screen-header-left{align-items:center;gap:var(--space-1);display:flex}.back-btn{border-radius:var(--radius-input);flex-shrink:0;width:36px;height:36px}.section-label{font-size:var(--text-label-size);font-weight:var(--text-label-weight);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-1)}.profile-identity-panel{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2) var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.profile-identity-panel .profile-identity-avatar,.profile-identity-panel .profile-identity-head,.profile-identity-panel .profile-identity-sub,.profile-identity-panel .usage-row{flex-shrink:0}.profile-identity-panel .usage-row{width:100%;margin-top:var(--space-1)}.profile-identity-panel:before{content:"";opacity:.45;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#755f4a24 1px,#0000 0);background-size:18px 18px;position:absolute;inset:0}.profile-identity-panel>*{z-index:1;position:relative}.profile-identity-avatar{background:var(--color-accent-light);width:64px;height:64px;color:var(--color-accent-text);border:1px solid var(--color-border);letter-spacing:.04em;margin-bottom:var(--space-1);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex}.profile-identity-head{align-items:center;gap:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.profile-identity-sub{font-size:var(--text-caption-size);color:var(--color-text-muted);margin-bottom:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;display:flex}.profile-identity-sep{color:var(--color-border-strong)}.identity-name{font-size:var(--text-title-size);font-weight:var(--text-title-weight);color:var(--color-text-primary)}.identity-email,.identity-member{font-size:var(--text-caption-size);color:var(--color-text-muted)}.tier-badge{font-family:var(--font-base);font-size:var(--text-label-size);letter-spacing:.1em;border-radius:var(--radius-chip);background:var(--color-accent-light);color:var(--color-accent-text);padding:2px 8px;font-weight:600}.tier-badge.tier-pro{background:var(--color-custom-bg);color:var(--color-custom-text)}.upgrade-cta{justify-content:center;width:100%;min-height:48px;animation:.25s fadeIn}.profile-meta{gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;display:flex}.meta-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.meta-label{font-size:var(--text-caption-size);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.meta-value{font-size:var(--text-subtitle-size);font-weight:var(--text-subtitle-weight);color:var(--color-text-primary)}.usage-row{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto;display:grid}.usage-label{font-size:var(--text-caption-size);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.usage-bar{border-radius:var(--radius-chip);background:var(--color-accent-light);height:8px;position:relative;overflow:hidden}.usage-bar-fill{background:var(--color-accent);height:100%;transition:width var(--transition-base)}.usage-bar.warn .usage-bar-fill{background:var(--color-warning)}.usage-value{font-family:Fira Mono,monospace;font-size:var(--text-caption-size);color:var(--color-text-primary);text-align:right;min-width:36px}.profile-stats-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1024px){.profile-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.link-row-group{gap:var(--space-1);flex-direction:column;display:flex}.link-row{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-card-padding);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-primary);font-family:var(--font-base);font-size:var(--text-subtitle-size);text-align:left;cursor:pointer;min-height:48px;transition:border-color var(--transition-fast), background var(--transition-fast);text-decoration:none;display:flex}.link-row:hover{border-color:var(--color-accent)}.link-row-icon{color:var(--color-text-secondary);flex-shrink:0}.link-row-label{flex:1}.link-row-caret{color:var(--color-text-muted);flex-shrink:0}.danger-zone{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);gap:var(--space-1);display:flex}.danger-zone .btn{flex:1;justify-content:center;min-height:44px}.canon-search{width:100%}.canon-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=1024px){.canon-list{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.canon-row{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-card-padding);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;font-family:var(--font-base);text-align:left;min-height:48px;transition:border-color var(--transition-fast);display:flex}.canon-row:hover{border-color:var(--color-accent)}.canon-name{font-size:var(--text-subtitle-size);font-weight:var(--text-subtitle-weight);color:var(--color-text-primary)}.canon-count{font-family:Fira Mono,monospace;font-size:var(--text-caption-size);letter-spacing:.04em;border-radius:var(--radius-chip);padding:2px 8px}.canon-count.has-notes{background:var(--color-accent-light);color:var(--color-accent-text)}.canon-count.muted{color:var(--color-text-muted)}.custom-ideas-screen .custom-ideas-list{gap:var(--space-1);flex-direction:column;display:flex}.custom-ideas-empty{justify-content:center;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);padding:var(--space-4) var(--space-2);flex-direction:column;flex:1;display:flex}.custom-ideas-empty-dot{background:var(--color-accent);opacity:.6;width:12px;height:12px;margin-bottom:var(--space-1);border-radius:50%}.fab{right:var(--space-2);bottom:calc(var(--nav-bar-height,64px) + var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--color-accent);width:56px;height:56px;color:var(--color-text-primary);box-shadow:var(--shadow-modal);cursor:pointer;z-index:var(--z-fab);transition:transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed}.fab:hover{transform:translateY(-2px)}.fab:active{transform:translateY(0)}@media (width>=640px){.fab{bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}}.bottom-sheet-overlay{background:var(--color-bg-overlay);z-index:var(--z-modal);justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--color-bg-card);border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);width:100%;padding:var(--space-2) var(--space-2) calc(var(--space-3) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-modal);gap:var(--space-2);flex-direction:column;max-height:88dvh;animation:.3s sheetSlideUp;display:flex;overflow-y:auto}.bottom-sheet-handle{border-radius:var(--radius-chip);background:var(--color-border-strong);width:36px;height:4px;margin-bottom:var(--space-1);align-self:center}.bottom-sheet-title{font-size:var(--text-display-size);font-weight:var(--text-display-weight);color:var(--color-text-primary)}.bottom-sheet-body{gap:var(--space-2);flex-direction:column;display:flex}.bottom-sheet-actions{gap:var(--space-1);margin-top:var(--space-1);display:flex}.bottom-sheet-actions .btn{flex:1;justify-content:center;min-height:44px}@media (width>=640px){.bottom-sheet-overlay{align-items:center}.bottom-sheet{border-radius:var(--radius-card);width:440px;padding:var(--space-3);animation:.2s fadeIn}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dotgrid{background-image:radial-gradient(circle at 1px 1px,#c8860a38 1px,#0000 0);background-size:20px 20px}.dotgrid-subtle{background-image:radial-gradient(circle at 1px 1px,#755f4a2e 1px,#0000 0);background-size:18px 18px}.recently-surfaced-wrapper{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.recently-surfaced-label{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.recently-surfaced-card{background:radial-gradient(circle at 1px 1px, #c8860a24 1px, transparent 0) 10px 34px / 16px 16px, var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;flex-direction:column;gap:8px;width:100%;padding:14px;font-family:inherit;display:flex;position:relative;overflow:hidden}.recently-surfaced-card:after{content:"";background:linear-gradient(225deg, var(--color-bg-primary) 50%, #c8860a1f 50%);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);pointer-events:none;z-index:0;border-bottom-left-radius:6px;width:22px;height:22px;position:absolute;top:0;right:0}.recently-surfaced-tags{flex-wrap:wrap;gap:6px;display:flex}.recently-surfaced-quote{font-family:var(--font-serif);color:var(--color-text-primary);margin:0;font-size:15px;line-height:1.55}.recently-surfaced-meta{color:var(--color-text-muted);justify-content:space-between;gap:8px;font-size:11px;font-style:italic;display:flex}.recently-surfaced-source{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@keyframes shutterFlash{0%{opacity:0}10%{opacity:.85}to{opacity:0}}.shutter-flash{pointer-events:none;z-index:20;background:#fff;animation:.6s ease-out forwards shutterFlash;position:absolute;inset:0}@keyframes captureScanline{0%{transform:translateY(-10%)}to{transform:translateY(110%)}}.capture-scanline{mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#0000,#c8860a59,#0000);height:30%;animation:2s ease-in-out infinite captureScanline;position:absolute;left:0;right:0}.capture-scanline:after{content:"";background:var(--color-accent);height:1.5px;box-shadow:0 0 6px var(--color-accent);position:absolute;bottom:0;left:0;right:0}@keyframes ocrDotFly{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx,20px), var(--dy,-30px)) scale(.4)}}.ocr-dot{background:var(--color-accent);pointer-events:none;border-radius:50%;width:4px;height:4px;animation:1.2s ease-out infinite ocrDotFly;position:absolute}@keyframes capturePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.6)}}.capture-pulse-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite capturePulse;display:inline-block}.capture-reading-label{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;z-index:2;background:#1a1410cc;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}@keyframes sparkRing{0%{opacity:.9;transform:scale(.2)}70%{opacity:.25}to{opacity:0;transform:scale(2.3)}}.spark-ring-wrapper{flex-shrink:0;width:22px;height:22px;position:relative}.spark-ring{border:2px solid var(--color-accent);pointer-events:none;border-radius:50%;animation:1.4s ease-out infinite sparkRing;position:absolute;inset:0}.spark-ring:nth-child(2){animation-delay:.35s}.spark-ring:nth-child(3){animation-delay:.7s}.spark-ring-core{color:var(--color-accent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.discovery-banner{background:var(--color-accent-light);border:1px solid var(--color-border);color:var(--color-accent-text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}@keyframes chipPop{0%{opacity:0;transform:translateY(8px)scale(.8)}60%{opacity:1;transform:translateY(-2px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.detected-tags .idea-chip{animation:.42s cubic-bezier(.22,1.2,.4,1) backwards chipPop}@media (prefers-reduced-motion:reduce){.shutter-flash,.capture-scanline,.ocr-dot,.capture-pulse-dot,.spark-ring,.detected-tags .idea-chip,.ink-word,.capture-fab-item{animation:none!important}.capture-fab-item{opacity:1;transform:none}.capture-fab{transition:none}.capture-card-preview.capture-card-slide{animation-duration:1ms!important}.shutter-flash{opacity:0}.ink-word{opacity:1}.chip-pop{opacity:1!important;animation:none!important}}