:root{color-scheme:light;--green:#176d58;--ink:#163e35}*{box-sizing:border-box}body{margin:0;background:#f4f7f4;color:var(--ink);font:16px/1.6 system-ui,-apple-system,'PingFang SC',sans-serif}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(6vw,20px);border-bottom:1px solid #dce5de;background:#fff}.brand{font-size:25px;font-weight:800;text-decoration:none}.brand span{font-size:13px;font-weight:400;margin-left:16px}header>a:last-child{font-size:13px;text-decoration:none}main{max-width:1140px;margin:auto;padding:38px 24px 70px}.hero{padding:38px 44px 44px;border-radius:24px;background:linear-gradient(115deg,#e2eee6,#f3eee0);position:relative}.eyebrow{font-size:12px;letter-spacing:3px;color:#537763}h1{font-size:clamp(32px,5vw,52px);line-height:1.25;margin:20px 0}.hero>p{color:#526b60}form{max-width:740px;margin-top:30px}label{display:block;font-size:13px;margin:0 0 8px}.search{display:flex;gap:8px;background:white;border:1px solid #d0dcd1;border-radius:12px;padding:7px}input{min-width:0;flex:1;border:0;padding:12px;background:transparent;font:inherit}button,.enter{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:11px 19px}button{background:var(--green);color:white}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dca43b;outline-offset:3px}nav{display:flex;gap:8px;margin:30px 0 12px}nav button{background:transparent;color:#526b60}nav button[aria-pressed=true]{background:#dfebe2;color:#174d3c;font-weight:700}#status,.note{color:#687b71;font-size:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:26px;border-radius:16px;background:white;border:1px solid #dce6de;display:flex;flex-direction:column;align-items:start}.date{font-size:13px;color:var(--green);font-weight:700}.card h2{font-size:21px;line-height:1.5;margin:12px 0}.card p{margin:5px 0;font-size:14px;color:#65786d}.actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:22px}.enter{background:var(--green);color:white;text-decoration:none}.save{color:var(--green);background:#edf3ee;font-size:14px}.note{margin-top:26px}#clear{background:#e5ede6;color:var(--ink)}footer{text-align:center;border-top:1px solid #dce5de;padding:24px;color:#6c8074;font-size:13px}@media(max-width:620px){main{padding:20px 16px}.hero{padding:26px 22px}.cards{grid-template-columns:1fr}.search{flex-wrap:wrap}.search input{width:100%;flex-basis:100%}.search button{width:100%}header{padding:17px}.brand span{display:none}nav button{padding:10px 13px}}