*{box-sizing:border-box}body{margin:0;background:#101010;color:#f4f4f4;font:16px/1.5 system-ui,-apple-system,sans-serif}.wrap{max-width:680px;margin:0 auto;padding:48px 20px}header{margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#aaa;font-weight:700}h1{font-size:clamp(32px,7vw,52px);line-height:1.05;margin:12px 0}h2{font-size:22px;margin:0 0 16px}.intro,.muted{color:#aaa}.panel{background:#1b1b1b;border:1px solid #333;border-radius:14px;padding:24px;margin:18px 0}.band-list{display:grid;gap:10px}.band{display:grid;grid-template-columns:75px 1fr;gap:4px;padding:12px;background:#242424;border-radius:8px}.band small{grid-column:2;color:#999}.result{list-style:none;padding:0;counter-reset:item;display:grid;gap:10px}.result li{counter-increment:item;background:#292929;padding:15px 18px;border-radius:9px;font-size:20px;font-weight:650}.result li:before{content:counter(item) ".";display:inline-block;width:36px;color:#aaa}.progress{height:8px;background:#333;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:#ddd;transition:width .2s}label{display:block;font-weight:650;margin:16px 0}input{display:block;width:100%;margin-top:7px;padding:13px 14px;background:#101010;color:#fff;border:1px solid #555;border-radius:8px;font:inherit}button{width:100%;padding:14px;border:0;border-radius:8px;background:#f1f1f1;color:#111;font:700 16px system-ui;cursor:pointer;margin-top:8px}a{color:#ddd}.notice{padding:12px;background:#263126;border-radius:8px}.error{color:#ff9b9b}footer{color:#888;font-size:13px;margin-top:32px}footer a{color:#aaa}label span{font-weight:400;font-size:13px}
.timetable{width:100%;border-collapse:collapse;margin:12px 0 18px}
.timetable th,.timetable td{text-align:left;padding:12px 10px;border-bottom:1px solid #3a3a3a}
.timetable th{color:#aaa;font-size:13px;font-weight:600}
.timetable td:first-child{width:48px;color:#aaa}
.timetable td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
.timetable td:last-child{font-weight:650}