:root{--background:#f4f1ea;--surface:#fff;--surface-alt:#f8f6f0;--paper:#fffdf7;--text:#1f2933;--muted:#68727f;--border:#ded8ca;--border-strong:#c9bea8;--accent:#256f78;--accent-strong:#18535b;--accent-soft:#e5f2f1;--danger:#b42318;--shadow:0 18px 46px #382c1b17}*{box-sizing:border-box}html{background:var(--background);color:var(--text)}body{background:linear-gradient(180deg, #fffdf7c7, #f4f1ea00 260px), var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.site-shell{min-height:100vh}.site-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7e6;position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:12px 20px;display:flex}.brand{color:var(--text);font-size:17px;font-weight:800;text-decoration:none}.language-switcher{display:block}.language-switcher select{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#ffffffa3;border-radius:999px;outline:none;padding:6px 34px 6px 12px;font-size:13px;font-weight:800}.language-switcher select:hover,.language-switcher select:focus{border-color:var(--accent);color:var(--accent)}.site-footer{border-top:1px solid var(--border);background:#fffdf79e}.site-footer__inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:1440px;margin:0 auto;padding:14px 20px 18px;display:flex}.site-footer__link,.secondary-link{border:1px solid var(--border);color:var(--muted);background:#ffffffa8;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;text-decoration:none}.site-footer__link:hover,.secondary-link:hover{border-color:var(--accent);color:var(--accent)}.page{max-width:1440px;margin:0 auto;padding:14px 20px 40px}.hero{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:6px 18px;max-width:none;margin-bottom:10px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.12}h2{letter-spacing:0;margin:0 0 12px;font-size:24px}h3{letter-spacing:0;margin:0 0 8px;font-size:18px}p{color:var(--muted);line-height:1.65}.lead{max-width:760px;margin:0;font-size:14px;line-height:1.45}.note-app{grid-template-columns:minmax(240px,285px) minmax(0,1fr);align-items:stretch;gap:14px;margin:10px 0 16px;display:grid}.notice{color:var(--danger);background:#fff2f0;border:1px solid #f6c6c0;border-radius:8px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:14px}.note-sidebar,.note-editor,.seo-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.note-sidebar{flex-direction:column;gap:14px;min-height:min(760px,100vh - 148px);padding:14px;display:flex}.note-sidebar__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.note-sidebar h2,.note-editor h2{margin-bottom:4px;font-size:18px}.note-count,.empty-text,.save-status,.note-stats,.note-meta{color:var(--muted);margin:0;font-size:13px}.primary-button,.editor-actions button{border:1px solid var(--border);min-height:38px;color:var(--text);background:#fbfaf6;border-radius:8px;padding:8px 11px;font-weight:800}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.field-label{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:800;display:block}.search-input,.title-input,.content-input{border:1px solid var(--border);width:100%;color:var(--text);background:#fffdf8;border-radius:8px;outline:none}.search-input{min-height:40px;padding:9px 11px}.search-input:focus,.title-input:focus,.content-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #256f7829}.note-list{flex-direction:column;flex:1;gap:7px;min-height:0;padding-right:2px;display:flex;overflow:auto}.note-list-item{background:var(--surface-alt);text-align:left;border:1px solid #0000;border-radius:8px;gap:5px;width:100%;padding:10px;display:grid}.note-list-item:hover,.note-list-item.active{border-color:var(--border-strong);background:var(--accent-soft)}.note-list-item span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.note-list-item small{color:var(--muted);font-size:12px}.note-editor{background:#fffdfa;flex-direction:column;gap:12px;min-height:min(760px,100vh - 148px);padding:14px;display:flex}.editor-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.editor-status{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.save-status{color:var(--accent-strong);font-weight:800}.editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.editor-actions button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.editor-actions .danger-button{color:var(--danger);border-color:#f6c6c0}.title-input{background:0 0;border-color:#0000;min-height:52px;padding:4px 2px;font-size:28px;font-weight:800}.title-input:focus{box-shadow:none}.editor-paper{border:1px solid var(--border);background:linear-gradient(#fffdf7 31px, #eee6d8 32px), var(--paper);background-size:100% 32px;border-radius:8px;flex:1;min-height:0;display:flex}.content-input{resize:vertical;background:0 0;border:0;flex:1;min-height:560px;padding:18px 20px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:32px}.note-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;padding-top:10px;display:flex}.empty-editor{text-align:center;align-content:center;place-items:center;gap:12px;min-height:100%;display:grid}.empty-editor p{margin:0}.seo-section{box-shadow:none;background:#fffdf7b8;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr) minmax(220px,.9fr);align-items:start;gap:14px;margin-top:12px;padding:14px 16px;display:grid}.seo-section h2{margin:0;font-size:17px;line-height:1.35}.seo-section p{max-width:none;margin:0;font-size:14px;line-height:1.5}.seo-section ul{color:var(--muted);gap:4px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:grid}.contact-page{place-items:center;min-height:calc(100vh - 108px);padding:32px 20px 56px;display:grid}.contact-panel{border:1px solid var(--border);width:min(100%,720px);box-shadow:var(--shadow);background:#fffdf7d1;border-radius:8px;gap:14px;padding:28px;display:grid}.contact-panel h1{font-size:34px}.contact-lead{max-width:620px;margin:0;font-size:16px}.contact-form{gap:12px;margin-top:4px;display:grid}.contact-form label{gap:6px;display:grid}.contact-form span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.contact-form input,.contact-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fffdf8;border-radius:8px;outline:none;padding:10px 12px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #256f7829}.contact-form textarea{resize:vertical;min-height:180px}.contact-form__website{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.contact-form__status{color:var(--accent-strong);margin:0;font-size:14px;font-weight:800}.contact-form__status--error{color:var(--danger)}.contact-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.contact-actions .primary-button,.contact-actions .secondary-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.site-nav{padding:12px 16px}.language-switcher select{max-width:150px}.page{padding:14px 16px 36px}.hero{grid-template-columns:1fr;gap:6px;margin-bottom:10px}h1{font-size:28px}.lead{font-size:14px}.note-app{grid-template-columns:1fr;margin-top:10px}.note-sidebar,.note-editor{min-height:auto}.note-list{max-height:280px}.editor-toolbar{flex-direction:column;align-items:flex-start}.editor-actions{justify-content:flex-start}.content-input{min-height:420px}.seo-section{grid-template-columns:1fr;padding:12px}}