*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f3f3f3;color:#222}.boot{min-height:100vh;background:#f3f3f3}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.login form{width:min(92vw,280px);background:#fff;padding:20px;border:1px solid #ddd}.login input{letter-spacing:.4em;text-align:center;font-size:22px}form{width:min(92vw,320px);background:#fff;padding:20px;border:1px solid #ddd}input,button,.card{width:100%;margin:8px 0 0;padding:12px;font-size:16px}button{background:#555;color:#fff;border:0}button:disabled{opacity:.45}.err{color:#666;font-size:14px}.shell header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #ddd}.shell header nav{display:flex;gap:16px}.shell header a{color:#666;text-decoration:none}.shell header a.on{color:#222;font-weight:600}.shell header button{width:auto;margin:0}.shell main{padding:16px;display:grid;gap:24px}h1{font-size:18px;font-weight:600;margin:0 0 8px}.card{background:#fff;border:1px solid #ddd;text-align:left;color:inherit}.picks{display:flex;gap:8px}.picks button{width:auto;flex:1}.photos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.photos img{width:100%;height:160px;object-fit:cover;background:#ddd}.back{width:auto;margin:0 0 12px}@media(min-width:720px){.shell main{max-width:720px}}