:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7f9;--surface:#fff;--text:#1b2430;--muted:#566171;--border:#c8ced7;--accent:#1757b8;--accent-hover:#10448f;--selected:#edf3fc;--error:#a02224;--success:#23613e}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font:400 1rem/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,p{margin:0}h1{text-wrap:balance;font-size:1.75rem;font-weight:650;line-height:1.25}h2{font-size:1.125rem;font-weight:650}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}button,input,textarea{font:inherit}button{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;font-weight:600;display:inline-flex}button:hover:not(:disabled){background:#eef0f4}button:active:not(:disabled){background:#e4e8ef}button:disabled{opacity:.6;cursor:not-allowed}button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{color:#fff;background:var(--error);border-color:var(--error)}button.danger:hover:not(:disabled){background:#82191b}.danger-text{color:var(--error)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{color:#102544;background:#cadfff}input,textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);caret-color:var(--accent);border-radius:6px;padding:10px 12px}textarea{resize:vertical;line-height:1.55}input:disabled,textarea:disabled{background:var(--background)}label{gap:6px;font-size:.875rem;font-weight:600;display:grid}.field{gap:6px;display:grid}label input,label textarea{font-size:1rem;font-weight:400}fieldset{border:0;min-width:0;margin:0;padding:0}.muted,.field-hint{color:var(--muted)}.small,.field-hint{font-size:.875rem;font-weight:400}.stack{flex-direction:column;gap:20px;display:flex}.error,.success{overflow-wrap:anywhere;font-size:.875rem}.error{color:var(--error)}.success{color:var(--success)}.skip-link{z-index:10;background:var(--surface);padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.auth-shell{place-items:center;min-height:100svh;padding:40px 24px;display:grid}.auth-panel{width:100%;max-width:400px}.auth-panel>p{margin-top:10px;margin-bottom:28px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:.875rem;display:flex}.auth-links a{padding:4px 0}.social-actions{border-top:1px solid var(--border);gap:12px;margin-top:24px;padding-top:20px;display:grid}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px max(24px,50vw - 560px);display:flex}.app-name{font-size:1.125rem;font-weight:650}.account{justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.account-email{overflow-wrap:anywhere;font-size:.875rem}.account button{flex-shrink:0}.workspace{max-width:1168px;margin:0 auto;padding:40px 24px 64px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.page-heading p{margin-top:8px}.page-heading button{flex-shrink:0}.notes-layout{grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.note-list{min-width:0;font-size:.875rem}.note-list>p{max-width:30ch;padding:16px 0}.note-list ul{margin:0;padding:0;list-style:none}.note-list li+li{border-top:1px solid var(--border)}.note-item{text-align:left;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:stretch;gap:4px;width:100%;padding:14px 12px;display:flex}.note-item[aria-current=true]{background:var(--selected);color:var(--accent-hover)}.note-title,.note-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-preview{color:var(--muted);font-size:.875rem;font-weight:400}.editor{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:24px}.editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.editor-actions{flex-wrap:wrap;gap:12px;display:flex}.delete-confirm{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.delete-confirm p{margin-bottom:12px;font-size:.875rem}@media (max-width:640px){.app-header{gap:12px;padding:16px}.account{gap:12px}.workspace{padding:28px 16px 40px}.page-heading{align-items:flex-start;gap:16px;margin-bottom:24px}h1{font-size:1.5rem}.notes-layout{grid-template-columns:1fr;gap:24px}.note-list ul{max-height:224px;padding:4px;overflow-y:auto}.note-list>p{max-width:none;padding:0}.editor{padding:20px 16px}}