:root{--paper:#f4f1e9;--paper-deep:#e5ded0;--ink:#20231f;--muted:#64655c;--line:#cbc3b3;--moss:#4b5a46;--brick:#9a4b3e;--white:#fbfaf5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(90deg,transparent 0 31px,rgba(80,75,62,.045) 31px 32px,transparent 32px),var(--paper);font-family:Georgia,"Noto Serif SC","Songti SC",serif}.shell{max-width:760px;margin:auto;padding:34px 20px 64px}.masthead{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:24px;border-bottom:2px solid var(--ink)}.eyebrow{margin:0;color:var(--moss);font:700 11px "Courier New",monospace;letter-spacing:.12em}h1{margin:6px 0;font-size:clamp(38px,9vw,60px);font-weight:500;letter-spacing:-.06em}h2{margin:3px 0 0;font-size:25px;font-weight:500;letter-spacing:-.04em}.subtitle,.connection,.empty,footer{color:var(--muted);font-size:14px}.subtitle{margin:0;line-height:1.6}.connection{display:flex;align-items:center;gap:8px;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 4px #4b5a4620}.notice{margin:22px 0 0;border-left:3px solid var(--moss);padding:10px 13px;background:#4b5a4610;font-size:14px;line-height:1.6}.error{min-height:20px;margin:12px 0 0;color:#892b20;font-size:14px}.panel{margin-top:18px;padding:22px;border:1px solid var(--line);background:#ffffff3d;box-shadow:4px 4px 0 #403b270a}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:18px}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}.full{grid-column:1/-1}input,select,button{font:inherit}input,select{width:100%;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:1px;background:var(--white);color:var(--ink)}input:focus,select:focus{outline:3px solid #4b5a4620;border-color:var(--moss)}button{min-height:42px;padding:0 13px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.primary{background:var(--ink);color:var(--paper)}.outline:hover,.primary:hover{background:var(--moss);border-color:var(--moss);color:var(--paper)}.quiet{border:0;min-height:auto;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.task-form{display:grid;grid-template-columns:minmax(0,1fr) 88px 82px;gap:9px;margin-top:18px}.anniversary-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto 76px;gap:9px;margin-top:18px}.repeat{display:flex;align-items:center;gap:7px;white-space:nowrap}.repeat input{width:18px;min-height:18px}.items{padding:0;margin:14px 0 0;list-style:none}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-top:1px solid var(--line);padding:12px 0}.item-main{display:grid;gap:7px}.task-edit{display:grid;grid-template-columns:minmax(0,1fr) 78px 28px;gap:8px}.task-edit input,.task-edit select{min-height:36px}.task-edit input[type=checkbox]{width:19px;min-height:19px;margin:auto}.item-actions{display:flex;gap:7px;align-items:start}.danger{color:var(--brick);border-color:var(--brick)}.meta{color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}footer{display:flex;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,150%);max-width:calc(100vw - 30px);padding:10px 14px;background:var(--ink);color:var(--paper);font-size:14px;transition:transform .2s ease}.toast.show{transform:translate(-50%,0)}@media(max-width:580px){.shell{padding:24px 14px 50px}.masthead{display:block}.connection{margin-top:13px}.weather-grid,.task-form,.anniversary-form{grid-template-columns:1fr}.full{grid-column:auto}.panel{padding:17px}.task-edit{grid-template-columns:minmax(0,1fr) 72px 28px}.panel-heading{align-items:center}}