*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#f8fafc;color:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.btn{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:10px;padding:8px 10px;cursor:pointer}.btn--small{padding:6px 8px}.btn--ghost{background:rgba(0,0,0,0)}.btn--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn--secondary{background:#f8fafc}.btn--danger{background:#ef4444;border-color:#ef4444;color:#fff}.input,.textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;background:#f8fafc;color:#0f172a}.label{display:flex;flex-direction:column;gap:6px}.label__text{font-size:13px;color:#475569}.settings-edit{font-size:18px;line-height:1;padding:6px 10px}.empty{color:#475569;font-size:14px}.badge{display:inline-flex;align-items:center;border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;font-size:12px;color:#475569;background:#f8fafc}.main-layout{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #cbd5e1}.app-title{font-size:18px;margin:0}.content{display:grid;grid-template-columns:320px 1fr;gap:0;flex:1;min-height:0}.sidebar{border-right:1px solid #cbd5e1;padding:12px;overflow:auto}.editor{padding:12px;overflow:auto}.editor__inner{max-width:860px}.editor__placeholder{color:#475569}@media(max-width: 860px){.content{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #cbd5e1}}.note-group__title{font-size:13px;color:#475569;margin:12px 0 6px}.note-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.note-link{width:100%;text-align:left;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;background:#f8fafc;color:#0f172a;cursor:pointer}.note-item.is-active .note-link{border-color:#3b82f6}.editor-header{display:flex;justify-content:flex-end;margin-bottom:12px}.editor-actions{display:flex;gap:10px}.form{display:flex;flex-direction:column;gap:12px}.items__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.item-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.items__add{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.viewer__title{font-size:20px;font-weight:700;margin-bottom:6px}.viewer__meta{color:#475569;font-size:13px;margin-bottom:12px}.viewer__section{margin-top:14px}.viewer__heading{font-size:13px;color:#475569;margin-bottom:6px}.viewer__text{white-space:pre-wrap}.viewer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.item-view{margin:0}.item-check-row{display:flex;gap:10px;align-items:center}.item-view__text{flex:1}.item-check{width:18px;height:18px}.item-check:checked~.item-view__text{text-decoration:line-through}.item-suggestions{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.item-suggestions[hidden]{display:none !important}@media(max-width: 520px){.editor-actions{width:100%}.editor-actions .btn{flex:1}.item-item{grid-template-columns:1fr}.items__add{grid-template-columns:1fr}}