:root{color-scheme:light;--bg:#f5f3ed;--paper:#fffefa;--ink:#263d37;--muted:#6d7770;--line:#dfe4db;--green:#4c6e5b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.65}header{max-width:1152px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{font-family:inherit;font-size:12px;letter-spacing:0;display:inline-block;margin-left:14px;color:var(--muted)}a{color:inherit}.logout{font-size:13px;color:var(--muted);text-underline-offset:5px}main{max-width:1152px;padding:20px 36px 48px;margin:auto}.intro{padding:22px 0 30px}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--green)}h1{font-size:clamp(30px,5vw,43px);font-weight:600;line-height:1.25;letter-spacing:-1.4px;margin:13px 0}p{margin:6px 0}.intro>p:last-child{color:var(--muted);font-size:15px}.message{padding:14px 18px;border:1px solid #d6dfcd;border-radius:10px;background:#ecf1e5;font-size:13px}.message.error{background:#fcf0e9;border-color:#e8cdbd}.message[hidden]{display:none}nav{display:flex;gap:25px;margin:28px 0 24px;border-bottom:1px solid var(--line);padding-bottom:12px}nav a{font-size:14px;text-decoration:none;white-space:nowrap}nav a:hover{color:var(--green)}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;overflow:hidden}.heading{padding:25px 27px 19px}.heading h2{font-size:21px;margin:7px 0 3px;letter-spacing:-.6px}.heading p{font-size:12px;color:var(--muted)}.list{padding:0 27px 22px}.item{padding:14px 0;border-top:1px solid var(--line)}.item p{font-size:13px;color:var(--muted);white-space:pre-wrap}.item strong{display:block;font-size:15px;font-weight:600;white-space:pre-wrap}.tag{display:inline-block;font-size:11px;background:#eef0e8;border-radius:5px;padding:2px 8px;margin-bottom:5px}.empty{font-size:13px;color:var(--muted);padding:8px 0 20px}.task{display:flex;gap:12px;align-items:flex-start}.task input{accent-color:var(--green);width:19px;height:19px;margin:4px 0 0;flex-shrink:0}.task label{flex:1;cursor:pointer}.task input:checked+label strong{text-decoration:line-through;color:var(--muted)}footer{display:flex;justify-content:space-between;margin:22px 0;color:var(--muted);font-size:12px}button{font:inherit;color:var(--ink);background:none;border:1px solid #bfcbbd;border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{background:#ecf1e5}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #669777;outline-offset:4px}@media(max-width:650px){header{padding:20px}.brand{font-size:25px}.brand span{margin-left:9px;font-size:11px}main{padding:12px 20px 30px}.intro{padding:18px 0 23px}.grid{grid-template-columns:1fr;gap:16px}nav{gap:18px;overflow:auto;margin-top:23px}nav a{font-size:12px}.heading{padding:22px 22px 16px}.list{padding:0 22px 18px}footer{align-items:center}}