:root{color-scheme:light;--primary:#059669;--dark:#12362a;--line:#dbe8df;--muted:#667a71}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--dark);background:#f4faf7}button,input,textarea{font:inherit}button,a{touch-action:manipulation}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:999;background:#fff;padding:10px}.app{min-height:100dvh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--dark);font-size:27px;font-weight:800;text-decoration:none;margin-bottom:52px}.brand small{display:block;font-size:9px;letter-spacing:.25em}.green{color:var(--primary)}nav{display:grid;gap:8px}nav a{color:#567568;text-decoration:none;padding:12px;border-radius:15px;font-weight:700}nav a.active,nav a:hover{background:#e6f6ee;color:#05784b}.foot{margin:auto 4px 12px;padding:15px;border-radius:15px;color:#527364;font-size:12px;background:#edfbf2}main{min-width:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 32px;background:#fff;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.15em;color:#58806b;font-weight:750}h1{font-size:29px;margin:3px 0}h2{margin:0;font-size:21px}.actions{display:flex;align-items:center;gap:10px}.actions a,.actions button{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px;color:#08794b;text-decoration:none;font-weight:700}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;padding:24px;min-height:calc(100dvh - 99px)}.note-list,.editor{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0;box-shadow:0 6px 40px #124c2810}.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.list-head button,.buttons button,.gate a{border:0;border-radius:12px;padding:10px 18px;background:var(--primary);color:#fff;font-weight:750;cursor:pointer}.search{margin:20px 0 12px}.search input,.editor input,.editor textarea{border:1px solid var(--line);border-radius:12px;padding:13px;width:100%;outline-color:var(--primary);background:#f9fffb;color:var(--dark)}.search label,.editor label{display:block;font-size:13px;font-weight:700;margin:15px 0 6px}.items{display:grid;gap:7px;max-height:65vh;overflow:auto}.item{display:grid;text-align:left;gap:3px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;overflow-wrap:anywhere}.item:hover,.item.selected{border-color:#7cd1a0;background:#e5f9ed}.item small,.help{color:var(--muted);font-size:12px}.editor textarea{min-height:300px;resize:vertical}.buttons{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.buttons .danger{background:#fff;border:1px solid #efcac6;color:#ac3128}.buttons button:disabled{opacity:.55;cursor:not-allowed}.gate{text-align:center;max-width:580px;margin:12vh auto;background:#fff;border-radius:22px;padding:45px}.gate a{display:inline-block;text-decoration:none}#status{margin:15px 25px 0;background:#fff5df;border-radius:10px;padding:12px 15px;color:#805719}#status.good{background:#dcfce7;color:#166534}.large{font-size:19px}button:focus-visible,a:focus-visible{outline:3px solid #1aae74;outline-offset:3px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{padding:9px;display:block}.brand{font-size:20px;margin:0 0 10px}.brand img{width:32px;height:32px}nav{display:flex;gap:5px;overflow-x:auto;white-space:nowrap}nav a{font-size:13px;padding:9px}.foot{display:none}.workspace{grid-template-columns:1fr;padding:12px;gap:12px}.note-list{max-height:330px;overflow:auto}header{padding:12px 15px}.items{max-height:210px}.editor textarea{min-height:270px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}