:root{--font: "JetBrains Mono", "Fira Mono", "Cascadia Code", monospace;--bg: #070d1a;--bg-row: #0b1425;--bg-row-alt: #0d1830;--fg: #c8d8f0;--fg-dim: #4a6080;--accent: #3d8ef0;--accent-dim: #1a3a6a;--selected-bg: #1a3060;--selected-fg: #e8f0ff;--border: #1a3a6a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;font-weight:700;line-height:1.5;height:100%}#app{height:100vh}.app-inner{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;padding:1rem 1rem 5rem}.prompt-line{display:flex;align-items:center;border-bottom:1px solid var(--accent-dim);padding:.4rem 0;margin-bottom:.5rem;flex-shrink:0}.prompt-sigil{color:var(--accent);margin-right:.5rem;user-select:none}.prompt-wrapper{position:relative;flex:1;display:flex;align-items:center}.prompt-mirror{position:absolute;inset:0;display:flex;align-items:center;font-family:var(--font);font-size:14px;font-weight:700;white-space:pre;overflow:hidden;pointer-events:none;z-index:0}.token-prefix{color:var(--accent)}.token-value,.token-text{color:var(--fg)}.prompt-input{position:relative;z-index:1;background:transparent;border:none;outline:none;color:transparent;font-family:var(--font);font-size:14px;font-weight:700;width:100%;caret-color:var(--accent)}.prompt-input::placeholder{color:var(--fg-dim)}.bookmark-card{display:flex;align-items:center;padding:.3rem .25rem;background:var(--bg-row);border-bottom:1px solid var(--border);cursor:pointer;user-select:none}.bookmark-card--alt{background:var(--bg-row-alt)}.bookmark-card--selected{background:var(--selected-bg);color:var(--selected-fg)}.card-cursor{color:var(--accent);width:1.5ch;flex-shrink:0;user-select:none}.bookmark-card--selected .card-cursor{color:var(--selected-fg)}.card-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.bookmark-list{flex:1;overflow-y:auto;overflow-x:hidden}.date-divider{display:flex;align-items:center;gap:.75rem;padding:.55rem 0 .2rem;color:var(--fg-dim);font-size:11px;letter-spacing:.05em;user-select:none}.date-divider:after{content:"";flex:1;height:1px;background:var(--accent-dim)}.modal-backdrop{position:fixed;inset:0;background:#040a1ae0;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh}.modal-panel{background:var(--bg);border:1px solid var(--accent);width:min(440px,90vw);padding:1.5rem;display:flex;flex-direction:column;gap:.9rem;position:relative}.modal-title{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:700}.modal-close{position:absolute;top:-1px;right:-1px;background:var(--bg);border:1px solid var(--accent);color:var(--fg-dim);font-family:var(--font);font-size:14px;line-height:1;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.modal-close:hover{color:var(--accent)}.modal-subtitle{color:var(--fg-dim);font-size:11px}.modal-form{display:flex;flex-direction:column;gap:.6rem}.modal-input{background:var(--accent-dim);border:1px solid var(--accent);color:var(--fg);font-family:var(--font);font-size:13px;padding:.4rem .6rem;outline:none;width:100%;caret-color:var(--accent)}.modal-input::placeholder{color:var(--fg-dim)}.modal-submit{background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--font);font-size:11px;letter-spacing:.12em;padding:.3rem 1rem;cursor:pointer;align-self:flex-start}.modal-submit:hover{background:var(--accent);color:var(--bg)}.sync-progress{display:flex;flex-direction:column;gap:.4rem;padding:.75rem 0;flex-shrink:0}.sync-progress-track{height:2px;background:var(--accent-dim);position:relative;overflow:hidden}.sync-progress-bar{position:absolute;left:-40%;width:40%;height:100%;background:var(--accent);animation:progress-slide 1.1s linear infinite}@keyframes progress-slide{0%{left:-40%}to{left:100%}}.sync-progress-label{color:var(--fg-dim);font-size:11px;letter-spacing:.03em}.sync-progress-error{color:var(--accent);font-size:11px;letter-spacing:.12em}.save-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:900px;background:var(--bg);border-top:1px solid var(--accent-dim);padding:.35rem 1rem}.save-form{display:flex;align-items:center;gap:.5rem}.save-sigil{color:var(--accent);user-select:none;flex-shrink:0}.save-input{background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--font);font-size:14px;font-weight:700;flex:1;caret-color:var(--accent)}.save-input::placeholder{color:var(--fg-dim)}.save-status{font-size:11px;letter-spacing:.1em;flex-shrink:0}.save-status--saved{color:var(--accent)}.save-status--duplicate{color:var(--fg-dim)}.save-status--error{color:var(--accent);opacity:.6}.save-status--saving{color:var(--fg-dim)}.save-bar--raised{bottom:2.2rem}.helpbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:900px;background:var(--bg);border-top:1px solid var(--accent-dim);display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;padding:.35rem 1rem}.helpbar-chip{display:flex;align-items:center;gap:.35rem;user-select:none}kbd{background:var(--accent-dim);color:var(--fg);font-family:var(--font);font-size:11px;padding:.1rem .4rem;border:1px solid var(--accent);letter-spacing:.03em}.helpbar-label{color:var(--fg-dim);font-size:11px}