:root{color:#171a1d;background:#f6f7f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.center-screen,.login-screen{min-height:100vh;display:grid;place-items:center;background:#f7f8f8}.login-panel{width:min(360px,calc(100vw - 36px));display:grid;gap:14px}.login-panel h1{margin:0 0 10px;color:#111416;font-size:28px;font-weight:650;letter-spacing:0}.login-panel input,.login-panel button{height:44px;border-radius:8px}.login-panel input{border:1px solid #d7dcdf;background:#fff;color:#16191c;padding:0 13px;outline:none}.login-panel input:focus{border-color:#2f8f87;box-shadow:0 0 0 3px #2f8f871f}.login-panel button,.new-note,.empty-state button{border:0;background:#1d6f68;color:#fff;font-weight:620}.login-error{margin:-2px 0 0;color:#b42318;font-size:13px}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-columns:320px minmax(0,1fr);background:#f6f7f7;overflow:hidden}.sidebar{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:14px;border-right:1px solid #dde2e4;background:#fff;padding:18px;min-width:0}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar h1{margin:0;color:#111416;font-size:20px;font-weight:680;letter-spacing:0}.sidebar p{margin:3px 0 0;color:#687176;font-size:13px}.search-box{height:38px;display:flex;align-items:center;gap:8px;border:1px solid #dbe1e3;border-radius:8px;color:#6c767b;padding:0 10px}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#171a1d}.tag-filter{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.tag-filter button{border:1px solid #dbe1e3;border-radius:999px;background:#fff;color:#566066;padding:5px 10px;white-space:nowrap;font-size:12px}.tag-filter button.is-active{border-color:#2f8f87;color:#1d6f68;background:#edf8f6}.new-note,.empty-state button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px}.note-list{display:grid;align-content:start;gap:7px;overflow:auto;min-height:0}.note-row{display:grid;gap:5px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:#171a1d;padding:10px;text-align:left}.note-row:hover,.note-row.is-selected{border-color:#dce4e5;background:#f6f8f8}.note-row-title{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:640}.note-row-title svg{color:#b1741a;flex:none}.note-row-body,.note-row-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687176;font-size:12px}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.topbar{position:sticky;top:0;z-index:5;height:57px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dde2e4;background:#ffffffeb;padding:0 18px}.topbar-actions{display:flex;align-items:center;gap:7px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid #dbe1e3;border-radius:8px;background:#fff;color:#394247}.icon-button:hover,.icon-button.is-active{border-color:#2f8f87;color:#1d6f68;background:#edf8f6}.icon-button.danger:hover{border-color:#f1c5bf;color:#b42318;background:#fff4f2}.save-indicator{display:inline-flex;align-items:center;gap:5px;color:#687176;font-size:13px;margin-right:auto}.save-indicator.state-error{color:#b42318}.save-indicator.state-saved{color:#1d6f68}.editor-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.editor-layout.view-edit{grid-template-columns:minmax(0,1fr)}.editor-layout.view-edit .preview-pane,.editor-layout.view-preview .editor-pane{display:none}.editor-layout.view-preview{grid-template-columns:minmax(0,1fr)}.editor-pane{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:30px clamp(18px,4vw,54px)}.title-input,.tags-input,.content-input{width:100%;border:0;outline:0;background:transparent;color:#15191c}.title-input{font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.15;letter-spacing:0}.tags-input{height:30px;color:#536066;font-size:14px}.content-input{min-height:0;resize:none;color:#22282c;font-size:16px;line-height:1.68}.preview-pane{min-width:0;overflow:auto;border-left:1px solid #dde2e4;background:#fff;padding:32px clamp(18px,4vw,54px);color:#22282c;font-size:16px;line-height:1.7}.view-preview .preview-pane{border-left:0}.preview-pane h1,.preview-pane h2,.preview-pane h3{color:#111416;line-height:1.25;letter-spacing:0}.preview-pane code{border-radius:5px;background:#eef1f2;padding:2px 5px}.preview-pane pre{overflow:auto;border-radius:8px;background:#171a1d;color:#f7f8f8;padding:14px}.preview-pane blockquote{margin-left:0;border-left:3px solid #2f8f87;color:#536066;padding-left:14px}.empty-state{display:grid;place-content:center;gap:12px;color:#687176}.empty-state p{margin:0}.empty-state button{padding:0 15px}.mobile-only{display:none}.confirm-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#10141757;padding:18px}.confirm-dialog{width:min(360px,100%);border:1px solid #dfe5e7;border-radius:8px;background:#fff;box-shadow:0 22px 60px #12181c33;padding:18px}.confirm-dialog h2{margin:0;color:#111416;font-size:18px;line-height:1.3;letter-spacing:0}.confirm-dialog p{margin:10px 0 18px;color:#536066;font-size:14px;line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:9px}.confirm-actions button{min-width:74px;min-height:40px;border-radius:8px;font-weight:620}.secondary-action{border:1px solid #dbe1e3;background:#fff;color:#394247}.danger-action{border:1px solid #b42318;background:#b42318;color:#fff}@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:min(86vw,330px);transform:translate(-102%);transition:transform .16s ease;box-shadow:18px 0 40px #12181c1f}.sidebar.is-open{transform:translate(0)}.mobile-only{display:inline-grid}.topbar{min-width:0;padding:0 12px}.topbar-actions{flex:none;gap:5px}.icon-button{width:32px;height:32px}.editor-layout,.editor-layout.view-edit,.editor-layout.view-preview{grid-template-columns:minmax(0,1fr)}.editor-layout.view-split{grid-template-rows:minmax(0,1fr) minmax(280px,.85fr)}.editor-layout.view-split .preview-pane{border-left:0;border-top:1px solid #dde2e4}.editor-pane,.preview-pane{padding:22px 18px}.save-indicator{width:8px;min-width:8px;height:8px;overflow:hidden;border-radius:999px;background:#9aa3a8;color:transparent}.save-indicator.state-error{background:#b42318}.save-indicator.state-saved{background:#1d6f68}.save-indicator svg{display:none}}