:root{color:#1c1f22;background:#f7f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffbf,#f7f5f0e0),url(https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1800&q=80);background-attachment:fixed;background-position:center;background-size:cover}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-height:100vh;padding:10px}.sidebar,.workspace,.ai-panel{background:#ffffffe0;border:1px solid rgba(54,62,69,.14);border-radius:8px;box-shadow:0 20px 60px #282d331f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar{display:flex;flex-direction:column;min-height:auto;padding:14px}.brand-row,.preview-header,.section-heading,.topbar-actions,.attachment-toolbar,.auth-strip{display:flex;align-items:center}.topbar{display:grid;gap:14px}.brand-row,.topbar,.preview-header,.section-heading{justify-content:space-between;gap:16px}h1,h2,h3,p{margin:0}h1{font-size:1.42rem}h2{font-size:1.3rem}h3{font-size:1rem}.brand-row p,.section-heading p,.muted,.entry-card p,.ai-panel p{color:#687078}.icon-button,.new-entry-button,.ghost-button,.primary-button,.tool-button,.ai-query{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid rgba(45,52,58,.16);border-radius:8px;background:#fff;color:#23282d}.icon-button{width:42px}.new-entry-button{min-width:84px;padding:0 12px}.primary-button{border-color:#1f6f5b;background:#1f6f5b;color:#fff;padding:0 16px}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #9b3434;border-radius:8px;background:#9b3434;color:#fff;padding:0 16px}.ghost-button{padding:0 14px}.search-box{display:flex;align-items:center;gap:8px;margin:20px 0 14px;min-height:42px;border:1px solid rgba(45,52,58,.14);border-radius:8px;background:#fff;padding:0 12px}.search-box input,.auth-strip input,.login-input-row input,.semantic-input-row input{width:100%;border:0;outline:0;background:transparent}.auth-card{display:grid;gap:14px;margin-top:16px;border:1px solid rgba(45,52,58,.12);border-radius:8px;background:linear-gradient(180deg,#fff,#f6faf8);padding:14px}.auth-card.signed-in{border-color:#1f6f5b3d;background:#edf8f3}.auth-card-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.auth-card-header strong{color:#181c1f}.auth-card-header p{overflow:hidden;color:#687078;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.auth-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#e6f0ec;color:#1f6f5b}.login-form{display:grid;gap:10px}.login-form label{color:#40515a;font-size:.82rem;font-weight:760}.login-hint{color:#687078;font-size:.82rem}.login-input-row{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(45,52,58,.14);border-radius:8px;background:#fff;padding:0 12px}.auth-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid rgba(31,111,91,.24);border-radius:8px;background:#fff;color:#1f5d4d;padding:0 14px}.auth-footnote{border-radius:8px;background:#f3f6f7;color:#687078;font-size:.9rem;padding:10px}.semantic-search-card{display:grid;gap:10px;margin-bottom:14px;border:1px solid rgba(31,111,91,.16);border-radius:8px;background:#f8fbfa;padding:12px}.semantic-search-card strong{color:#181c1f}.semantic-search-card p{color:#687078;font-size:.88rem}.semantic-input-row{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(45,52,58,.14);border-radius:8px;background:#fff;padding:0 12px}.semantic-actions{display:grid;grid-template-columns:1fr .7fr;gap:8px}.semantic-result-count{border-radius:8px;background:#edf8f3;color:#1f5d4d;padding:8px}.entry-list{display:grid;gap:10px;max-height:320px;overflow:auto}.draft-card{display:flex;align-items:center;gap:8px;border:1px solid rgba(31,111,91,.32);border-radius:8px;background:#e9f7f1;color:#1f5d4d;font-weight:760;padding:12px}.entry-card{display:grid;gap:8px;width:100%;border:1px solid rgba(45,52,58,.12);border-radius:8px;background:#ffffffc2;padding:14px;text-align:left}.entry-card.active{border-color:#1f6f5b;background:#eef8f3;box-shadow:inset 4px 0 #1f6f5b}.entry-card span{color:#181c1f;font-weight:700}.entry-card small{display:inline-flex;align-items:center;gap:6px;color:#687078}.entry-state{justify-self:start;border-radius:999px;background:#1f6f5b;color:#fff;font-size:.72rem;padding:3px 8px}.entry-state.ai-match{background:#f2f0fb;color:#4c3f78}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row em{border-radius:999px;background:#e6edf0;color:#40515a;font-size:.78rem;font-style:normal;padding:3px 8px}.workspace{min-width:0;padding:14px}.topbar{margin-bottom:16px}.topbar.create-mode{border-bottom:3px solid #1f6f5b;padding-bottom:14px}.topbar.edit-mode{border-bottom:3px solid #7160a8;padding-bottom:14px}.eyebrow{color:#1f6f5b;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.eyebrow.danger{color:#9b3434}.topbar-actions,.attachment-toolbar,.auth-strip{gap:10px}.topbar-actions{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.notice{margin-bottom:12px;border:1px solid rgba(31,111,91,.22);border-radius:8px;background:#edf8f3;color:#1f5d4d;padding:10px 12px}.notice.error{border-color:#9b343440;background:#fff0f0;color:#8a2f2f}.auth-strip{align-items:stretch;flex-direction:column;margin-bottom:14px;border:1px solid rgba(45,52,58,.14);border-radius:8px;background:#fff;padding:8px 8px 8px 12px}.mode-banner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-bottom:14px;border:1px solid rgba(45,52,58,.14);border-radius:8px;padding:12px}.mode-banner.creating{background:#edf8f3;color:#1f5d4d}.mode-banner.editing{background:#f2f0fb;color:#4c3f78}.mode-banner p{margin-top:2px;color:inherit;font-size:.92rem}.mode-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#ffffffc7}.ai-insight-card{display:grid;gap:10px;margin-bottom:14px;border:1px solid rgba(31,111,91,.18);border-radius:8px;background:#f5fbf8;padding:14px}.ai-insight-heading,.ai-metadata-row{display:flex;align-items:center;gap:8px}.ai-insight-heading{color:#1f6f5b}.ai-insight-card p{color:#40515a}.ai-metadata-row{flex-wrap:wrap}.ai-metadata-row strong{border-radius:999px;background:#1f6f5b;color:#fff;font-size:.78rem;padding:3px 8px}.ai-metadata-row span{color:#687078;font-size:.84rem}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.editor-panel,.preview-panel,.media-section{border:1px solid rgba(45,52,58,.12);border-radius:8px;background:#fffc}.editor-panel{display:grid;gap:12px;padding:14px}.title-input{border:0;border-bottom:1px solid rgba(45,52,58,.14);outline:0;background:transparent;color:#181c1f;font-size:1.28rem;font-weight:760;padding:8px 0 12px}.meta-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.meta-row input,textarea{width:100%;border:1px solid rgba(45,52,58,.14);border-radius:8px;outline:0;background:#fff;padding:11px 12px}textarea{min-height:260px;resize:vertical;line-height:1.6}.tool-button{position:relative;padding:0 13px}.attachment-toolbar{align-items:stretch;flex-direction:column}.tool-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.tool-button.recording{border-color:#a33a35;background:#fff0ee;color:#8a2f2f}.preview-panel{min-width:0;overflow:hidden}.preview-header{min-height:52px;border-bottom:1px solid rgba(45,52,58,.12);padding:0 16px}.preview-header strong{color:#1f6f5b}.markdown-body{min-height:260px;max-height:none;overflow:auto;padding:18px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1em 0 .4em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body table,.markdown-body pre{margin:0 0 1em}.markdown-body blockquote{border-left:4px solid #1f6f5b;color:#59636b;padding-left:14px}.markdown-body code,.markdown-body pre{border-radius:8px;background:#edf1f2}.markdown-body code{padding:2px 5px}.markdown-body pre{overflow:auto;padding:14px}.markdown-body table{width:100%;border-collapse:collapse}.markdown-body th,.markdown-body td{border:1px solid rgba(45,52,58,.14);padding:8px}.media-section{margin-top:18px;padding:16px}.media-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}.media-card{position:relative;display:grid;gap:8px;border:1px solid rgba(45,52,58,.12);border-radius:8px;background:#fff;padding:10px}.media-card img{width:100%;aspect-ratio:4 / 3;border-radius:6px;object-fit:cover}.media-card span{overflow:hidden;color:#40515a;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.audio-card{display:grid;place-items:center;gap:10px;min-height:140px;border-radius:6px;background:#eef3f5}.audio-card audio{width:min(100%,260px)}.remove-media{position:absolute;top:14px;right:14px;display:inline-grid;width:30px;height:30px;place-items:center;border:0;border-radius:999px;background:#ffffffeb;color:#8a2f2f}.ai-panel{align-self:start;padding:18px}.ai-icon{display:inline-grid;width:44px;height:44px;margin-bottom:12px;place-items:center;border-radius:8px;background:#edf8f3;color:#1f6f5b}.ai-panel h3{margin-bottom:8px}.ai-status-pill{display:inline-flex;justify-self:start;margin-top:14px;border-radius:999px;background:#e6edf0;color:#40515a;font-size:.78rem;font-weight:760;padding:4px 9px;text-transform:capitalize}.ai-status-pill.complete{background:#edf8f3;color:#1f5d4d}.ai-status-pill.processing{background:#fff6df;color:#705117}.ai-status-pill.failed{background:#fff0f0;color:#8a2f2f}.ai-query{width:100%;margin-top:18px}.ai-panel-note{margin-top:10px;font-size:.86rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;align-items:end;background:#1c1f2275;padding:12px}.confirm-dialog{display:grid;gap:14px;width:100%;border:1px solid rgba(155,52,52,.18);border-radius:8px;background:#fff;box-shadow:0 24px 70px #1c1f223d;padding:18px}.confirm-dialog p{margin-top:8px;color:#687078}.dialog-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:8px;background:#fff0f0;color:#9b3434}.dialog-actions{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:560px){.app-shell{gap:16px;padding:16px}.auth-strip,.attachment-toolbar{align-items:center;flex-direction:row}.media-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.meta-row{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr)}.dialog-backdrop{align-items:center;justify-items:center}.confirm-dialog{max-width:460px}.dialog-actions{grid-template-columns:1fr 1fr}}@media(min-width:900px){.app-shell{grid-template-columns:280px minmax(0,1fr);gap:20px;padding:20px}.sidebar{min-height:calc(100vh - 40px);padding:18px}.entry-list{max-height:none}.workspace{padding:20px}.topbar{align-items:center;display:flex;justify-content:space-between}.topbar-actions{display:flex}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}textarea{min-height:420px}.markdown-body{min-height:509px;max-height:70vh}}@media(min-width:1180px){.app-shell{grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(220px,280px)}.ai-panel{grid-column:auto}}@media(max-width:899px){.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.brand-row{align-items:flex-start;flex-direction:column}.new-entry-button{width:100%}}