:root{--bg: #0c0906;--bg-warm: #110d08;--surface: #161009;--surface-raise: #1e160c;--surface-glow: #241a0e;--border: #2a1f12;--border-bright: #3d2e1a;--brass: #c49a1a;--brass-light: #d4aa2a;--brass-glow: rgba(196, 154, 26, .15);--brass-dim: #7a600f;--emerald: #2d7a58;--emerald-light: #3da671;--emerald-dim: #1a4a34;--fuchsia: #c2185b;--fuchsia-light: #d4337a;--text-primary: #e8dcc8;--text-secondary:#9a8870;--text-muted: #5a4e3a;--text-brass: #c49a1a;--font-whimsi: "Twinkle Star", cursive;--font-logical: "Iceberg", sans-serif;--font-display: "Cormorant Garamond", serif;--font-body: "Josefin Sans", sans-serif;--font-greeting: "Love Ya Like A Sister", cursive;--radius: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition: .22s ease;--shadow-card: 0 4px 24px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3);--shadow-brass: 0 0 24px rgba(196,154,26,.12);--glow-brass: 0 0 40px rgba(196,154,26,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;overflow:hidden;background:var(--bg)}.wordmark{line-height:1;display:inline-flex;align-items:baseline;gap:1px}.wordmark-whimsi{font-family:var(--font-whimsi);color:var(--fuchsia-light);font-size:1.5rem}.wordmark-logical{font-family:var(--font-logical);color:var(--brass);font-size:1.3rem}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg)}.header-center{display:flex;flex-direction:column;align-items:center}.header-sub{font-family:var(--font-logical);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-top:2px}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;font-size:1.1rem;transition:color var(--transition);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--brass)}.back-btn{background:none;border:none;color:var(--brass);cursor:pointer;font-family:var(--font-logical);font-size:.75rem;letter-spacing:.1em;display:flex;align-items:center;gap:6px;padding:6px;transition:opacity var(--transition)}.back-btn:hover{opacity:.7}.landing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 48px;gap:28px;min-height:100%}.landing-greeting{font-family:var(--font-greeting);font-size:1.6rem;color:var(--brass-light);text-align:center;opacity:.9;animation:fadeIn .8s ease}.landing-cards{display:flex;flex-direction:column;gap:16px;width:100%}.landing-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-xl);padding:36px 28px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-card);text-align:center;position:relative;overflow:hidden}.landing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,var(--brass-glow),transparent 70%);opacity:0;transition:opacity var(--transition)}.landing-card:hover:before,.landing-card:active:before{opacity:1}.landing-card:hover{border-color:var(--brass);transform:translateY(-2px);box-shadow:var(--shadow-card),var(--shadow-brass)}.landing-card-icon{font-size:2.8rem;margin-bottom:12px;display:block}.landing-card-title{font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--text-primary);letter-spacing:.04em;margin-bottom:6px}.landing-card-sub{font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);font-weight:300;letter-spacing:.08em}.landing-card.capture-card{border-color:var(--fuchsia)}.landing-card.capture-card:before{background:radial-gradient(ellipse at 50% 0%,rgba(194,24,91,.1),transparent 70%)}.landing-card.capture-card:hover{border-color:var(--fuchsia-light);box-shadow:var(--shadow-card),0 0 24px #c2185b26}.capture-screen{display:flex;flex-direction:column;padding:28px 24px;gap:24px;min-height:100%}.capture-label{font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:var(--text-secondary);font-weight:300}.capture-textarea{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:20px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.7;resize:none;min-height:180px;width:100%;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.capture-textarea::placeholder{color:var(--text-muted);font-style:italic}.capture-textarea:focus{border-color:var(--brass-dim);box-shadow:0 0 0 3px var(--brass-glow)}.capture-tags-section{display:flex;flex-direction:column;gap:10px}.capture-tags-label{font-family:var(--font-logical);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.tags-input-row{display:flex;gap:8px;align-items:center}.tag-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;font-weight:300;outline:none;transition:border-color var(--transition)}.tag-input::placeholder{color:var(--text-muted)}.tag-input:focus{border-color:var(--brass-dim)}.tag-add-btn{background:var(--surface-raise);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--brass);cursor:pointer;padding:10px 16px;font-family:var(--font-logical);font-size:.75rem;letter-spacing:.1em;transition:all var(--transition)}.tag-add-btn:hover{background:var(--surface-glow);border-color:var(--brass)}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{background:var(--surface-glow);border:1px solid var(--border-bright);border-radius:20px;padding:4px 12px 4px 14px;font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-weight:300}.tag-chip-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;line-height:1;padding:0;transition:color var(--transition)}.tag-chip-remove:hover{color:var(--fuchsia)}.save-btn{background:linear-gradient(135deg,var(--brass-dim),var(--brass));border:none;border-radius:var(--radius-lg);color:var(--bg);cursor:pointer;padding:16px 32px;font-family:var(--font-logical);font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;transition:all var(--transition);box-shadow:0 4px 16px #c49a1a4d;align-self:stretch}.save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c49a1a66}.save-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ideas-screen{padding:20px 20px 32px;display:flex;flex-direction:column;gap:16px}.ideas-count{font-family:var(--font-logical);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.idea-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-card)}.idea-card:hover{border-color:var(--border-bright);transform:translateY(-1px);box-shadow:var(--shadow-card),var(--glow-brass)}.idea-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.idea-card-fragment{font-family:var(--font-display);font-size:1.05rem;font-weight:400;color:var(--text-primary);line-height:1.5;flex:1}.idea-status{font-size:1.2rem;flex-shrink:0;margin-top:2px}.idea-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.idea-tag{background:var(--surface-raise);border-radius:20px;padding:2px 10px;font-size:.7rem;color:var(--text-muted);font-weight:300;letter-spacing:.04em}.idea-card-date{font-family:var(--font-logical);font-size:.6rem;letter-spacing:.12em;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:3rem;opacity:.4}.empty-text{font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:var(--text-muted)}.empty-sub{font-size:.8rem;font-weight:300}.detail-screen{display:flex;flex-direction:column;padding:28px 24px 48px;gap:28px;min-height:100%}.detail-status-row{display:flex;gap:10px;align-items:center}.status-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.85rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.status-btn.active{background:var(--surface-glow);border-color:var(--brass);color:var(--brass)}.status-btn:hover{border-color:var(--border-bright)}.detail-fragment{font-family:var(--font-display);font-size:1.4rem;line-height:1.6;color:var(--text-primary);font-weight:400;border:none;background:none;width:100%;resize:none;outline:none;min-height:100px}.detail-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent)}.detail-expansion-label{font-family:var(--font-logical);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.detail-expansion{font-family:var(--font-body);font-size:.9rem;font-weight:300;line-height:1.8;color:var(--text-secondary);border:none;background:none;width:100%;resize:none;outline:none;min-height:80px}.detail-expansion::placeholder{color:var(--text-muted);font-style:italic}.detail-tags-section{display:flex;flex-direction:column;gap:10px}.claude-section{display:flex;flex-direction:column;gap:12px}.claude-btn{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:14px 20px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:400;text-align:left;transition:all var(--transition);display:flex;align-items:center;gap:12px}.claude-btn:hover{border-color:var(--emerald);color:var(--text-primary);background:var(--surface-raise)}.claude-btn:disabled{opacity:.4;cursor:not-allowed}.claude-btn-icon{font-size:1.1rem;flex-shrink:0}.connections-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.connection-card{background:var(--surface-raise);border:1px solid var(--emerald-dim);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:all var(--transition)}.connection-card:hover{border-color:var(--emerald)}.connection-fragment{font-family:var(--font-display);font-size:.95rem;color:var(--text-primary);margin-bottom:6px}.connection-reason{font-size:.75rem;color:var(--emerald-light);font-weight:300;font-style:italic}.detail-save-row{display:flex;gap:10px;align-items:center}.save-indicator{font-family:var(--font-logical);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--emerald);opacity:0;transition:opacity .5s}.save-indicator.visible{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0906d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0;animation:fadeIn .2s ease}.modal-sheet{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:28px 24px 40px;width:100%;max-width:480px;box-shadow:0 -8px 40px #0009;animation:slideUp .3s ease}.modal-handle{width:40px;height:4px;background:var(--border-bright);border-radius:2px;margin:0 auto 20px}.modal-title{font-family:var(--font-display);font-size:1.1rem;font-style:italic;color:var(--text-secondary);margin-bottom:16px;font-weight:300}.modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.modal-tag{background:var(--surface-raise);border:1px solid var(--border-bright);border-radius:20px;padding:6px 16px;font-size:.82rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-weight:300}.modal-tag.selected{background:var(--surface-glow);border-color:var(--brass);color:var(--brass)}.modal-actions{display:flex;gap:10px}.modal-confirm{flex:1;background:linear-gradient(135deg,var(--brass-dim),var(--brass));border:none;border-radius:var(--radius-lg);color:var(--bg);cursor:pointer;padding:14px;font-family:var(--font-logical);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;transition:all var(--transition)}.modal-confirm:hover{opacity:.9}.modal-skip{background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;padding:14px 20px;font-family:var(--font-logical);font-size:.8rem;letter-spacing:.1em;transition:all var(--transition)}.modal-skip:hover{border-color:var(--border-bright);color:var(--text-secondary)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0906e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;animation:fadeIn .2s ease}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-title{font-family:var(--font-logical);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}.settings-body{flex:1;overflow-y:auto;padding:28px 24px;display:flex;flex-direction:column;gap:28px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-label{font-family:var(--font-logical);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}.settings-desc{font-size:.78rem;color:var(--text-muted);font-weight:300;line-height:1.6}.settings-input{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:300;outline:none;width:100%;transition:border-color var(--transition)}.settings-input:focus{border-color:var(--brass-dim)}.settings-input::placeholder{color:var(--text-muted)}.settings-btn{background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;padding:12px 20px;font-family:var(--font-logical);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition);text-align:left}.settings-btn:hover{border-color:var(--brass);color:var(--brass)}.settings-divider{height:1px;background:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}