:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#0b0b0c;color:#f3f0e8}*{box-sizing:border-box}body{margin:0}main{max-width:540px;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 18px 50px}header,.row,.controls{display:flex;align-items:center;justify-content:space-between;gap:10px}h1{color:#c5b358;font-size:26px}#status{font-size:12px;color:#c5b358}section{background:#1c1c1e;border:1px solid #343434;border-radius:18px;padding:18px;margin-top:20px}button{background:#c5b358;border:0;border-radius:12px;color:#0b0b0c;font-weight:700;padding:12px 15px;cursor:pointer}button.secondary{background:#343434;color:#f3f0e8}input{min-width:0;flex:1;background:#0b0b0c;color:white;border:1px solid #555;border-radius:12px;padding:13px}form{display:flex;gap:8px;margin:22px 0}.result{display:flex;align-items:center;gap:12px;width:100%;margin:7px 0;text-align:left;background:#343434;color:#f3f0e8}.result img{width:45px;height:45px;border-radius:5px}.result span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now{text-align:center;margin-top:24px}.now img{width:min(80%,300px);aspect-ratio:1;object-fit:cover;border-radius:12px}.controls{justify-content:center;margin-top:18px}#log{white-space:pre-wrap;font-size:12px;color:#bdb9a9;max-height:150px;overflow:auto}footer{color:#aaa;font-size:12px;text-align:center;margin-top:25px}