@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap");:root{--bg:#f2eee7;--panel:#fffaf2;--ink:#15232d;--ink-soft:#4e6472;--accent:#d44a2f;--accent-2:#127e73;--danger:#8f1f28;--line:rgba(21,35,45,0.14);--shadow:0 16px 40px rgba(21,35,45,0.14)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% -10%,#f8d8b3,transparent 40%),radial-gradient(circle at 90% 20%,#bde8df,transparent 38%),var(--bg);min-height:100vh}.bg-orb{position:fixed;border-radius:999px;filter:blur(40px);opacity:.6;z-index:-1}.orb-1{width:220px;height:220px;left:-80px;top:40%;background:#f2a57e}.orb-2{width:260px;height:260px;right:-120px;top:10%;background:#77cfc1}.app-shell{width:min(1100px,94vw);margin:2rem auto 4rem;display:grid;grid-gap:1rem;gap:1rem}.hero h1{margin:0;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.2rem)}.eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;color:var(--accent-2)}.subtitle{margin:.4rem 0 0;max-width:720px;color:var(--ink-soft)}.panel{background:color-mix(in srgb,var(--panel) 84%,#fff);border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem;box-shadow:var(--shadow);animation:fade-slide .45s ease both}.panel h2{margin:0 0 .6rem;font-size:1.2rem}.composer label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.93rem;color:var(--ink-soft)}.grid-2{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--line);border-radius:12px;padding:.64rem .72rem;background:#fffdf9;color:var(--ink)}textarea{resize:vertical}button{border:0;background:linear-gradient(135deg,var(--accent),#f07b4a);color:#fff;border-radius:12px;padding:.62rem .9rem;cursor:pointer;font-weight:700}button:hover{filter:brightness(1.02)}button:disabled{opacity:.6;cursor:wait}button.secondary{background:#ebf5f2;color:#1a5a52}button.danger{background:#f7e8e9;color:var(--danger)}.actions{margin-top:.75rem;display:flex;align-items:center;gap:.8rem}#form-hint{margin:0;color:var(--ink-soft);font-size:.85rem}.layout{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.section-head{display:flex;justify-content:space-between;align-items:center}.count{color:var(--accent-2);font-weight:700}.count,.muted{font-size:.9rem}.muted{color:var(--ink-soft);margin-top:0}.card-grid{grid-gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card-grid,.stack{display:grid;gap:.7rem}.stack{grid-gap:.7rem}.note-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.8rem}.note-card.focus{border-color:#f8bb8b;background:linear-gradient(150deg,#fff,#fff6ee)}.note-card header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.note-title{margin:0;font-size:1rem}.note-meta{color:var(--ink-soft);font-size:.78rem;text-align:right}.note-content{margin:.6rem 0;color:#223844;line-height:1.45;white-space:pre-wrap;word-break:break-word}.note-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{border-radius:999px;padding:.2rem .55rem;background:#e7f2f0;color:#165c53;font-size:.78rem}.tag.is-active{background:#165c53;color:#fff}.note-card footer{margin-top:.75rem;display:flex;gap:.45rem}.toolbar{display:flex;gap:.55rem;margin-bottom:.65rem}.toolbar input{flex:1 1}.tag-bank{margin-bottom:.65rem;display:flex;flex-wrap:wrap;gap:.4rem}.roadmap ol{margin:.2rem 0 0;padding-left:1.1rem;display:grid;grid-gap:.45rem;gap:.45rem}.flash{animation:pulse 1.2s ease}.empty{margin:0;color:var(--ink-soft)}@keyframes fade-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(18,126,115,0)}35%{box-shadow:0 0 0 8px rgba(18,126,115,.22)}}@media (max-width:860px){.grid-2,.layout{grid-template-columns:1fr}.toolbar{flex-direction:column}}