:root{color-scheme:light}:root{color-scheme:light;--canvas:#fff;--surface:#f7f7f5;--surface-2:#efefec;--text:#242424;--muted:#73736f;--border:#deded9;--accent:#2864dc;--focus:#6b9cff;--r1:1px;--r2:2px;--overlay-shadow:0 18px 55px rgba(20,24,32,.16)}:root[data-theme=dark]{color-scheme:dark;--canvas:#20211f;--surface:#292a27;--surface-2:#32332f;--text:#f0f0ec;--muted:#a9aaa4;--border:#41423d;--accent:#7ca5ff;--focus:#8db2ff;--overlay-shadow:0 18px 55px rgba(0,0,0,.38)}*{box-sizing:border-box}html,body,#originotes-app{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--canvas);color:var(--text)}button,select,input{font:inherit;color:inherit;border:1px solid var(--border);border-radius:var(--r2);background:var(--canvas);min-height:36px;padding:7px 10px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--canvas)}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;z-index:20}.brand{height:44px;display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--text);border-radius:var(--r2);font-weight:700}.sidebar nav{display:grid;gap:4px;margin-top:20px}.sidebar nav a,.sidebar nav button,.sidebar-settings{text-align:left;text-decoration:none;border:0;background:transparent;padding:9px 10px;display:flex;justify-content:space-between;align-items:center}.sidebar nav .active{background:var(--surface-2);color:var(--text)}.sidebar small{color:var(--muted);font-size:10px}.sidebar-settings{margin-top:auto}.workspace{min-width:0}.topbar{height:64px;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--canvas) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar>div:first-of-type{display:grid}.breadcrumb{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.avatar{border-radius:50%;width:34px;height:34px;padding:0;background:var(--text);color:var(--canvas);font-size:12px;font-weight:700}.avatar.large{width:48px;height:48px;display:grid;place-items:center}.canvas{max-width:1100px;margin:0 auto;padding:clamp(28px,6vw,76px)}.welcome{max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--accent);font-weight:700}.welcome h1{font-size:clamp(34px,6vw,62px);letter-spacing:-.04em;margin:10px 0 8px}.welcome>p{color:var(--muted);max-width:600px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:48px}.feature-grid article{border:1px solid var(--border);padding:24px;min-height:220px;background:var(--surface);border-radius:var(--r2)}.feature-grid article>span{color:var(--muted);font-size:12px}.feature-grid h2{font-size:24px;margin:28px 0 8px}.feature-grid p{color:var(--muted);min-height:48px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f101261;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);max-height:min(720px,90vh);overflow:auto;background:var(--canvas);border:1px solid var(--border);box-shadow:var(--overlay-shadow);border-radius:var(--r2)}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:16px 18px}.modal h2{font-size:18px;margin:0}.modal-body{padding:20px}.icon-button{width:36px;padding:0;background:transparent}.profile-summary{display:flex;align-items:center;gap:14px;margin-bottom:22px}.profile-summary p{margin:3px 0;color:var(--muted)}.setting-section+section{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.setting-section h3{margin-top:0}.setting-section label{display:block;margin-bottom:6px}.mobile-only,.nav-scrim{display:none}.modal-open{overflow:hidden}@media (max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-102%);width:min(290px,86vw);transition:transform .18s ease;padding-top:max(18px,env(safe-area-inset-top))}.sidebar.open{transform:none}.mobile-only{display:inline-block}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#00000040;border:0}.topbar{padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.feature-grid{grid-template-columns:1fr}.top-actions>button:first-child{display:none}.canvas{padding:32px max(18px,env(safe-area-inset-right)) 60px max(18px,env(safe-area-inset-left))}}.canvas:has(.notes-workspace){max-width:none;margin:0;padding:0;height:calc(100vh - 64px)}.notes-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);height:100%;min-height:0}.notes-list{border-right:1px solid var(--border);background:var(--surface);padding:16px;min-height:0;display:flex;flex-direction:column}.notes-list header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.notes-list h1{font-size:18px;margin:0}.notes-list input{width:100%;margin-bottom:10px}.note-rows{overflow:auto;display:grid;gap:3px}.note-rows button{border:0;background:transparent;text-align:left;display:grid;padding:10px}.note-rows button.selected{background:var(--surface-2)}.note-rows small{color:var(--muted);margin-top:3px}.note-editor{min-width:0;padding:clamp(24px,6vw,76px);display:flex;flex-direction:column}.editor-actions{display:flex;justify-content:flex-end;gap:14px;align-items:center;color:var(--muted);font-size:12px}.editor-actions button{border:0;color:#b43b3b;background:transparent}.note-title{border:0;padding:0;margin:18px 0 24px;font-size:clamp(30px,5vw,52px);font-weight:700;letter-spacing:-.035em;background:transparent;outline:none}.note-editor textarea{flex:1;min-height:380px;resize:none;border:0;background:transparent;padding:0;font:17px/1.65 Georgia,serif;outline:none}.empty-note{margin:auto;text-align:center;color:var(--muted)}.empty-note h2{color:var(--text)}@media (max-width:760px){.canvas:has(.notes-workspace){height:auto}.notes-workspace{grid-template-columns:1fr}.notes-list{border-right:0;border-bottom:1px solid var(--border);max-height:38vh}.note-editor{min-height:60vh;padding:24px 18px}.note-title{font-size:34px}}