@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #0f172a;--bg-elevated: #1e293b;--bg-hover: #334155;--fg: #f1f5f9;--fg-muted: #94a3b8;--accent: #22d3ee;--accent-dim: #06b6d4;--border: #334155;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;min-height:100vh}#app{min-height:100vh}.vault-locked{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.lock-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:100%;max-width:400px;text-align:center}.lock-card h1{margin:0 0 .5rem;font-size:1.75rem}.subtitle{color:var(--fg-muted);margin:0 0 2rem}.lock-card form{display:flex;flex-direction:column;gap:1rem}.lock-card input{padding:.875rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:1rem}.lock-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee33}.lock-card button{padding:.875rem;border:none;border-radius:8px;background:var(--accent);color:var(--bg);font-weight:600;font-size:1rem;cursor:pointer;transition:background .15s}.lock-card button:hover{background:var(--accent-dim)}.reset-btn{margin-top:1rem;padding:.5rem 1rem;border:1px solid var(--error);border-radius:8px;background:transparent;color:var(--error);font-size:.8rem;cursor:pointer;transition:all .15s}.reset-btn:hover{background:var(--error);color:var(--bg)}.hint{font-size:.8rem;color:var(--fg-muted);margin-top:1.5rem}.vault-app{display:flex;flex-direction:column;height:100vh}.vault-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{margin:0;font-size:1.25rem}.breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--fg-muted)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.sep{color:var(--fg-muted)}.header-right{display:flex;align-items:center;gap:.75rem}.sync-status{font-size:.8rem;padding:.25rem .5rem;border-radius:4px}.sync-status.syncing{background:#22d3ee26;color:var(--accent)}.sync-status.error{background:#ef444426;color:var(--error)}.sync-status.conflict{background:#f59e0b26;color:var(--warning)}.sync-status.idle{background:#22c55e26;color:var(--success)}.icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;color:var(--fg-muted);transition:background .15s}.icon-btn:hover{background:var(--bg-hover);color:var(--fg)}.vault-body{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background:var(--bg-elevated);border-right:1px solid var(--border);overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section h3{margin:0 0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.project-tree{list-style:none;padding:0;margin:0}.project-node{margin:.25rem 0}.project-node button{width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;color:var(--fg);border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .15s}.project-node button:hover{background:var(--bg-hover)}.project-node.active button{background:var(--accent);color:var(--bg);font-weight:500}.project-children{padding-left:1rem;border-left:1px solid var(--border);margin-top:.25rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.35rem}.tag{padding:.2rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;font-size:.7rem;color:var(--fg-muted);cursor:pointer;transition:all .15s}.tag:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.textarea-wrapper{position:relative;padding:1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}#main-textarea{width:100%;min-height:140px;max-height:300px;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:.875rem;line-height:1.6;resize:vertical;outline:none}#main-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee33}#main-textarea::placeholder{color:var(--fg-muted)}.parse-status{margin-top:.5rem;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.parse-status .parsing{color:var(--accent)}.parse-status .done{color:var(--success)}.parse-status .error{color:var(--warning)}.entries-list{flex:1;overflow-y:auto;padding:1rem 1.5rem}.entries-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.entry-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s}.entry-item:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.entry-type{font-size:1.25rem}.entry-title{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-tags{font-size:.7rem;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.entry-time{font-size:.7rem;color:var(--fg-muted);white-space:nowrap}.empty-state{text-align:center;padding:3rem;color:var(--fg-muted);font-size:1rem}.preview-panel{position:fixed;right:0;top:60px;bottom:0;width:420px;max-width:100vw;background:var(--bg-elevated);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-8px 0 24px #0000004d;z-index:20;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.preview-header h3{margin:0;font-size:1rem}.preview-header button{background:none;border:none;font-size:1.5rem;color:var(--fg-muted);cursor:pointer;padding:0 .5rem}.preview-header button:hover{color:var(--fg)}.preview-content{flex:1;overflow:auto;padding:1rem}.preview-content pre{margin:0;font-family:var(--mono);font-size:.8rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.preview-meta{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:var(--fg-muted)}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:60px;bottom:0;z-index:30;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.preview-panel{width:100vw;right:-100vw}.preview-panel.open{right:0}.main-content{padding-bottom:80px}}