:root{--bg:#f6f1e7;--card:#fffdf8;--ink:#1d2b2f;--muted:#6b7a7d;--sea:#0f7c80;--sea-soft:#d9efec;--coral:#e2725b;--line:#e6dfd1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,sans-serif}main{max-width:720px;margin:0 auto;padding:48px 16px 80px}h1,h2{font-family:Fraunces,Georgia,serif;margin:0}h1{font-size:48px;color:var(--sea);letter-spacing:-.5px}h2{font-size:24px}.sub{margin:4px 0 0;color:var(--muted)}button{font:inherit;cursor:pointer}input,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}textarea{min-height:72px;resize:vertical}header{margin-bottom:40px}.who{margin-top:16px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.who button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 14px}.who button.on{background:var(--sea);border-color:var(--sea);color:#fff}section{margin-bottom:40px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;border-bottom:2px solid var(--coral);padding-bottom:6px}.sec-head span{color:var(--muted);font-size:14px}.empty{color:var(--muted);font-style:italic}ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}li{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;transition:border-color .15s,background .15s}li.picked{border-color:var(--sea);background:var(--sea-soft)}.pick{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--sea);background:#fff;color:#fff;font-weight:700}li.picked .pick{background:var(--sea)}.body{min-width:0;flex:1 1}.body p{margin:4px 0 0;white-space:pre-wrap}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:13px;color:var(--muted)}.meta a{color:var(--sea)}.link{border:none;padding:0;color:var(--muted);text-decoration:underline;font-size:13px}.add,.link{background:none}.add{border:1px dashed var(--sea);color:var(--sea);border-radius:10px;padding:10px 14px;width:100%}.add,.add-form{margin-top:10px}.add-form{display:grid;grid-gap:8px;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.row{display:flex;align-items:center;gap:12px}.login button,.row button[type=submit]{background:var(--sea);color:#fff;border:none;border-radius:8px;padding:10px 18px}.login{max-width:360px;padding-top:18vh;text-align:center}.login form{display:grid;grid-gap:10px;gap:10px;margin-top:28px}.err{color:var(--coral)}