*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f4f5f7;color:#111}
main{max-width:720px;margin:0 auto;padding:16px}h1{font-size:1.4rem;margin:0}h2{font-size:1.1rem}
header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.who{font-size:.8rem;color:#555;word-break:break-all}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0002}
.center{max-width:420px;margin:15vh auto;text-align:center;display:flex;flex-direction:column;gap:12px}
.btn{display:inline-block;border:1px solid #bbb;background:#fff;border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer;text-decoration:none;color:inherit;text-align:center}
.btn.primary{background:#1a73e8;color:#fff;border-color:#1a73e8}.btn.big{display:block;padding:16px;font-size:1.1rem;margin:12px 0 4px}.btn.small{padding:6px 10px;font-size:.9rem}
.btn.danger{color:#b00020;border-color:#e3a0a8}.err{color:#b00020}.hint{color:#666;font-size:.85rem;margin:4px 0}
.ttl{display:flex;flex-direction:column;gap:8px}.quick{display:flex;gap:6px;flex-wrap:wrap}.quick button{flex:1;min-width:44px;padding:8px 0;border:1px solid #bbb;background:#fff;border-radius:8px;font:inherit}
.quick button.on{background:#1a73e8;color:#fff;border-color:#1a73e8}input[type=range]{width:100%}
ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
li{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 2px #0002;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}
.name{font-weight:600;word-break:break-all}.meta{color:#555;font-size:.85rem}.left{font-variant-numeric:tabular-nums;font-weight:700}
.actions{display:flex;gap:6px;grid-row:span 2}.bar{grid-column:1/-1;height:4px;background:#e6e6e6;border-radius:2px;overflow:hidden}.bar i{display:block;height:100%;background:#1a73e8}
.up{font-size:.85rem;margin-top:6px}.up progress{width:100%}
@media (max-width:480px){li{grid-template-columns:1fr}.actions{grid-row:auto}.actions .btn{flex:1}}