*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#202c40,transparent 38%),#10131a;color:#f5f7fb;font:16px/1.5 system-ui,Segoe UI,sans-serif}header,main{max-width:760px;margin:auto}header{padding:22px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #293241}.logo{font-size:29px;font-weight:900;letter-spacing:-1.5px}.logo span{color:#f04b4b}.logo b{color:#459cff}header small{letter-spacing:3px;color:#aab5c5;border:1px solid #394354;border-radius:20px;padding:3px 10px}.intro{padding:32px 20px 20px}.intro p{font-size:11px;letter-spacing:3px;color:#55a4ff;font-weight:800}.intro h1{font-size:clamp(40px,9vw,64px);line-height:.98;letter-spacing:-3px;margin:10px 0 15px}.intro i{font-style:normal;color:#f04b4b}.intro div,.note,small{color:#aab5c5}.card{background:#191f2a;border:1px solid #2c3544;border-radius:18px;padding:20px;margin:16px 20px;box-shadow:0 12px 35px #0002}label{display:block;font-size:13px;font-weight:700;color:#cbd4e1;margin:10px 0 7px}input:not([type=range]){width:100%;background:#10151e;border:1px solid #394354;color:white;border-radius:10px;padding:13px;font:inherit;min-width:0}.line,.buttons{display:flex;gap:9px}.line input{flex:1}button{border:0;border-radius:10px;padding:12px 15px;font-weight:800;color:white;cursor:pointer}.line button{background:#276dc0}.buttons{margin-top:10px}.buttons button{flex:1}.red{background:#b9363d}.gray{background:#303949}.green{background:#276b50}.orange{background:#9c4930}#status,.note{font-size:13px;color:#aab5c5;min-height:18px}.card h2{font-size:19px;margin:0 0 10px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #2c3544}.setting b,.setting small{display:block}.setting small{font-size:12px}.setting button{min-width:130px}input[type=range]{width:100%;accent-color:#459cff}.icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.icons div{background:#111720;border-radius:12px;padding:10px;text-align:center;display:grid;gap:6px}.icons img{width:100%;max-width:100px;margin:auto}.icons b{font-size:12px}.note{margin-bottom:0}#timer{color:#ffc28b;font-size:13px;font-weight:700}footer{text-align:center;color:#788598;font-size:12px;padding:24px}@media(max-width:480px){.card{margin:14px}.intro{padding:25px 14px 15px}.card{padding:16px}.line{flex-wrap:wrap}.line input,.line button{width:100%}.setting{align-items:flex-start;flex-direction:column}.setting button{width:100%}}