:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#f4f6f8;background:#0c0f13;--card:#151a21;--line:#2a313b;--muted:#9ca7b5;--primary:#e9eef5;--accent:#78d6b0}*{box-sizing:border-box}body{margin:0;background:#0c0f13;color:#f4f6f8;min-height:100vh}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(12,15,19,.94);backdrop-filter:blur(12px);border-bottom:1px solid #20262e}.topbar strong{letter-spacing:.08em}.topbar small,.hint,.eyebrow{color:var(--muted);font-size:.78rem}.status{display:flex;align-items:center;gap:6px;font-size:.78rem}.dot{width:8px;height:8px;border-radius:50%;background:#667}.dot.on{background:#66d39e}.dot.off{background:#ee7d7d}.badge{min-width:20px;text-align:center;padding:2px 6px;border-radius:99px;background:#333b46}main{max-width:720px;margin:auto;padding:12px 12px 90px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:0 12px 30px rgba(0,0,0,.16)}h1{font-size:1.45rem;margin:3px 0 0}h2{font-size:1rem;margin:0 0 12px}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.metrics div{background:#0f1318;border-radius:13px;padding:11px}.metrics span{display:block;color:var(--muted);font-size:.72rem}.metrics b{display:block;margin-top:5px;font-size:1.05rem}label{display:block;color:#cbd2dc;font-size:.78rem;margin:10px 0}input,select{width:100%;margin-top:5px;padding:13px 12px;border:1px solid #353d48;border-radius:12px;background:#0e1217;color:#fff;font:inherit;outline:none}input:focus,select:focus{border-color:#71859d}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{border:0;border-radius:13px;padding:13px 14px;font:inherit;font-weight:700;cursor:pointer}.primary{background:var(--primary);color:#101318}.accent{background:var(--accent);color:#102219}.danger{background:#4d2429;color:#ffdce0}.ghost{background:#252c35;color:#e8edf3;border:1px solid #343d49}.full{width:100%;margin-top:8px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.recommendation{margin-top:12px;padding:12px;border:1px solid #34443e;background:#101814;border-radius:13px;white-space:pre-wrap}.recommendation .option{padding:8px 0;border-bottom:1px solid #27312d}.recommendation .option:last-child{border-bottom:0}.settings{padding-top:12px}.queue{margin-top:10px;font-size:.75rem;color:var(--muted);max-height:180px;overflow:auto}.queue div{padding:7px 0;border-bottom:1px solid #252b33}summary{cursor:pointer;font-weight:700}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:90%;padding:11px 15px;background:#e9eef5;color:#101318;border-radius:999px;z-index:20;box-shadow:0 6px 24px #0008;font-size:.85rem}.hidden{display:none!important}code{font-size:.72rem;color:#b9c6d7}@media(max-width:480px){.grid2{grid-template-columns:1fr}.card{border-radius:15px}.metrics b{font-size:.95rem}.actions{grid-template-columns:1fr 1fr}}

.source-picker{display:block;text-align:center;cursor:pointer}