.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login__card{width:100%;max-width:380px;background:var(--paper-2);border:1px solid var(--border);padding:36px 32px;display:flex;flex-direction:column;gap:14px}.login__title{font-family:var(--serif);font-size:22px;margin:0;color:var(--ink)}.login__hint{margin:0;font-size:13px;color:var(--ink-mute)}.login__input{font-family:var(--sans);font-size:15px;padding:11px 13px;border:1px solid var(--border);background:var(--paper);color:var(--ink);outline:none}.login__input:focus{border-color:var(--accent)}.login__error{font-size:13px;color:var(--accent)}.editor__logout,.editor__save,.login__btn{font-family:var(--sans);cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--paper);padding:10px 16px;font-size:14px;letter-spacing:.02em}.editor__save:disabled,.login__btn:disabled{opacity:.45;cursor:default}.editor{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.editor__list{border-right:1px solid var(--border);background:var(--paper-2);display:flex;flex-direction:column;padding:18px 0}.editor__listhead{display:flex;align-items:center;justify-content:space-between;padding:0 18px 14px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);border-bottom:1px solid var(--border-soft)}.editor__logout{background:transparent;border:1px solid var(--border);color:var(--ink-soft);padding:4px 9px;font-size:11px;text-transform:none;letter-spacing:0}.editor__note{margin:12px 18px;font-size:11.5px;line-height:1.5;color:var(--ink-mute);border-left:2px solid var(--accent-soft);padding-left:10px}.editor__item{text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-soft);padding:13px 18px;cursor:pointer;font-family:var(--serif);font-size:15px;color:var(--ink);display:flex;flex-direction:column;gap:3px}.editor__item small{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);text-transform:none}.editor__item:hover{background:var(--paper)}.editor__item.is-active{background:var(--paper);box-shadow:inset 3px 0 0 var(--accent)}.editor__back{margin:14px 18px 0;font-size:13px;color:var(--ink-mute);text-decoration:none}.editor__back:hover{color:var(--accent)}.editor__pane{display:flex;flex-direction:column;min-width:0}.editor__empty{margin:auto;color:var(--ink-mute);font-size:14px}.editor__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--paper-2)}.editor__name{font-family:var(--serif);font-size:17px}.editor__name small{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-left:8px}.editor__actions{display:flex;align-items:center;gap:14px}.editor__msg{font-size:13px}.editor__msg--saved{color:var(--ok)}.editor__msg--error{color:var(--accent)}.editor__text{flex:1 1;width:100%;border:none;outline:none;resize:none;padding:24px;font-family:var(--mono);font-size:13.5px;line-height:1.7;color:var(--ink);background:var(--paper);-moz-tab-size:2;tab-size:2}@media (max-width:760px){.editor{grid-template-columns:1fr;min-height:100dvh}.editor__list{border-right:none;border-bottom:1px solid var(--border)}.editor__text{min-height:55vh;padding:18px;font-size:14px}.editor__bar{padding:14px 18px;flex-wrap:wrap;gap:10px}.login__card{margin:16px;padding:28px 22px}}