body{font-family: Arial, sans-serif; background:#fff; color:#111; margin:0; padding:0;}
.topbar{display:flex; justify-content:space-between; padding:12px 20px; background:#fff;}
.container{padding:20px;}
.box{max-width:720px;margin:40px auto;padding:20px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;}
label{display:block;margin:8px 0;}
input, select{width:100%;padding:8px;margin-top:4px;border:1px solid #dcdcdc;border-radius:4px;background:#fff;color:#000;}
.btn{background:#fff;color:#000;border:1px solid #dcdcdc;padding:10px 14px;border-radius:4px;cursor:pointer;}
.task{border:1px solid #f0f0f0;padding:12px;margin:8px 0;border-radius:6px;}
.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.85);align-items:center;justify-content:center;}
.overlay-box{background:#fff;padding:20px;border-radius:6px;max-width:420px;margin:0 auto;}
.watchbox{padding:10px;text-align:center;}
#countdown{font-size:28px;margin-top:10px;}
.error{color:#b00020;}
.info{color:green;}
.bigbtn{display:inline-block;padding:16px 28px;border-radius:8px;background:#fff;border:2px solid #dcdcdc;text-decoration:none;color:#000;font-size:18px;}
.bigbtn.outline{background:transparent;}
@media (max-width:600px){
    .box{margin:20px;padding:14px;}
    iframe{width:100%;height:auto;}
    .bigbtn{width:40%;padding:12px 10px;}
}

.info-btn{margin-left:12px;background:#ffd166;color:#1d3557;padding:6px 12px;border-radius:6px;text-decoration:none}
.info-btn:hover{background:#ffe08a}