.auth-shell,.app-shell{max-width:52rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.auth-form{max-width:22rem;margin:4rem auto 0;display:grid;gap:.85rem;padding:1.5rem;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:.75rem}.auth-form h1{margin:0;font-size:2rem;letter-spacing:-.03em}.auth-form label{display:grid;gap:.35rem;font-size:.95rem}.button-link{display:inline-block;text-align:center;text-decoration:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:.45rem .8rem;border-radius:.35rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.topbar-actions{display:flex;flex-wrap:wrap;gap:.5rem}.note-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.note-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:start;padding:.85rem .95rem;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);border-radius:.55rem}.note-main{display:grid;gap:.25rem;text-decoration:none;color:inherit}.note-title{font-size:1.15rem}.badge{width:fit-content;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.dates{font-size:.9rem}.empty{margin-top:2rem}.editor{display:grid;gap:.9rem}.title-input{font-size:1.5rem;font-weight:600}.md-input{resize:vertical;min-height:16rem;line-height:1.45;font-family:ui-monospace,Consolas,monospace;font-size:.95rem}.md-editor{display:grid;gap:.55rem}.mode-toggle,.rich-toolbar{display:flex;flex-wrap:wrap;gap:.35rem}.mode-toggle button.active{background:color-mix(in srgb,var(--accent) 18%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.rich-editor{min-height:16rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.35rem;background:var(--panel);line-height:1.5}.rich-editor:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:1px}.rich-editor p{margin:0 0 .7rem}.rich-editor h1,.rich-editor h2,.rich-editor h3{margin:.4rem 0 .7rem;line-height:1.25}.rich-editor ul,.rich-editor ol{margin:0 0 .7rem;padding-left:1.3rem}.rich-editor code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;background:#efe8da;padding:.05em .3em;border-radius:.2rem}.rich-editor a{color:var(--accent)}.checklist{display:grid;gap:.55rem}.checklist-row{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.attachments{border-top:1px solid var(--line);padding-top:.85rem}.attachments h2{margin:0 0 .5rem;font-size:1.05rem}.attachments ul{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.4rem}@media(max-width:640px){.note-row{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}}:root{color-scheme:light;--bg: #f3efe6;--ink: #1c1914;--muted: #6b6458;--line: #d9d2c4;--panel: #fffdf8;--accent: #2f5d50;--danger: #8b2e2e;--ok: #2f5d50;--error: #8b2e2e;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#efe6d4 0,transparent 40%),linear-gradient(180deg,#f7f3ea,var(--bg));color:var(--ink)}a{color:var(--accent)}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:.45rem .8rem;border-radius:.35rem}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent}button.danger{color:var(--danger)}input,textarea{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:.35rem;padding:.55rem .7rem}.muted{color:var(--muted)}.error{color:var(--error)}.ok{color:var(--ok)}