:root{color:#24263a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f7f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}html{min-width:280px;min-height:100%}body{min-width:280px;min-height:100vh;margin:0}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #6874d9}#root{min-height:100vh}*{box-sizing:border-box}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{--accent:#6874d9;--accent-dark:#4d59bd;--ink:#24263a;--muted:#85879a;--line:#e9eaf1;--surface:#fff;min-height:100vh;color:var(--ink);background:#f7f7fb;padding:36px 24px 20px}.header,.workspace,.app-footer{width:100%;max-width:820px;margin-inline:auto}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:38px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-icon{color:#fff;background:var(--accent);border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:700;display:grid;box-shadow:0 5px 14px #6874d933}.brand h1{letter-spacing:-.8px;margin:0;font-size:25px}.brand p{color:var(--muted);margin:3px 0 0;font-size:13px}.note-count,.total-badge{border:1px solid var(--line);color:#64677d;white-space:nowrap;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px}.category-section{margin-bottom:30px}.section-label{color:var(--muted);letter-spacing:1.5px;margin:0 0 13px;font-size:10px;font-weight:700}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.category-button{border:1px solid var(--line);color:#5d6075;cursor:pointer;text-align:left;background:#fff;border-radius:13px;align-items:center;gap:11px;min-width:0;min-height:58px;padding:12px 16px;transition:all .18s;display:flex}.category-button:hover{border-color:#c9cdf6}.category-button.active{border-color:var(--accent);color:var(--accent-dark);box-shadow:0 0 0 1px var(--accent) inset;background:#f0f1ff;font-weight:600}.folder-icon{font-size:20px}.category-count{background:#f0f0f6;border-radius:8px;place-items:center;min-width:24px;height:24px;margin-left:auto;font-size:11px;display:grid}.editor{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px;box-shadow:0 5px 22px #25254a06}.editor-heading,.notes-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-heading h2,.notes-heading h2{letter-spacing:-.4px;margin:0;font-size:19px}.editor-icon{width:38px;height:38px;color:var(--accent);background:#f0f1ff;border-radius:12px;place-items:center;font-size:22px;display:grid}.editor textarea{resize:vertical;width:100%;min-height:130px;color:var(--ink);background:#fcfcfe;border:1px solid #e5e6ef;border-radius:12px;outline:none;margin-top:22px;padding:15px;font-size:14px;line-height:1.8;transition:border-color .2s,box-shadow .2s;display:block}.editor textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6874d91c}.editor textarea::placeholder{color:#a2a3b3}.editor-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.editor-footer>span{color:var(--muted);font-size:12px}.add-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 18px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.add-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.add-button:disabled{cursor:not-allowed;opacity:.45}.notes-section{margin-top:38px}.notes-heading{margin-bottom:17px}.total-badge{place-items:center;min-width:32px;height:32px;padding:0 9px;display:grid}.notes-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.note-card{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;padding:19px;box-shadow:0 4px 15px #25254a04}.note-card-header,.note-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-category{color:#74768b;align-items:center;gap:7px;font-size:11px;display:inline-flex}.status-dot{background:#8c91e9;border-radius:50%;width:7px;height:7px}.note-content{overflow-wrap:anywhere;white-space:pre-wrap;color:#34364b;margin:12px 0 22px;font-size:14px;line-height:1.85}.note-card-footer{color:#999aac;border-top:1px solid #f0f0f5;padding-top:13px;font-size:11px}.empty-state{text-align:center;border:1px dashed #dcddeb;border-radius:15px;padding:42px 20px}.empty-icon{color:#9b9fe7;margin-bottom:12px;font-size:30px}.empty-state h3{margin:0;font-size:16px}.empty-state p{color:var(--muted);margin:8px 0 0;font-size:13px}.app-footer{color:#a0a1b0;text-align:center;padding-top:38px;font-size:11px}@media (width<=560px){.app{padding:22px 15px 18px}.header{margin-bottom:28px}.brand{gap:11px}.brand-icon{border-radius:13px;width:42px;height:42px}.brand h1{font-size:22px}.brand p{font-size:12px}.category-section{margin-bottom:22px}.category-tabs{gap:9px}.category-button{gap:7px;min-height:54px;padding:10px;font-size:13px}.folder-icon{font-size:17px}.editor{border-radius:15px;padding:17px}.editor-heading h2,.notes-heading h2{font-size:17px}.editor textarea{min-height:125px;padding:12px;font-size:16px}.add-button{min-height:44px;padding-inline:13px}.notes-section{margin-top:30px}.notes-list{grid-template-columns:minmax(0,1fr);gap:12px}.note-card{padding:17px}.note-content{font-size:14px}}@media (width<=350px){.app{padding-inline:10px}.note-count{padding:6px 8px;font-size:11px}.category-button{padding-inline:8px}.editor{padding:13px}}