:root{--bg:#f4f4f5;--card:#fff;--fg:#18181b;--muted:#71717a;--line:#e4e4e7;--accent:#e11d48}@media (prefers-color-scheme:dark){:root{--bg:#09090b;--card:#18181b;--fg:#fafafa;--muted:#a1a1aa;--line:#27272a;--accent:#e11d48}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);place-items:center;margin:0;padding:24px 16px;font:16px/1.4 system-ui,sans-serif;display:grid}main{background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;max-width:420px;overflow:hidden}.artwork{aspect-ratio:1;object-fit:cover;background:var(--line);width:100%;display:block}header{border-bottom:1px solid var(--line);padding:16px 20px}h1{margin:0;font-size:20px}p{color:var(--muted);margin:4px 0 0}ul{margin:0;padding:0;list-style:none}.link{color:inherit;border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 20px;text-decoration:none;display:flex}li:last-child .link{border-bottom:0}.link:hover{background:var(--bg)}.link span:last-child{color:var(--accent);font-weight:600}form{flex-direction:column;gap:12px;padding:20px;display:flex}input,button{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;border-radius:8px;padding:10px 12px}button{background:var(--accent);color:#fff;cursor:pointer;border:0}button:hover{background:#be123c}