#bstp-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1000px;margin:20px auto;color:#172033}.bstp *{box-sizing:border-box}
.bstp header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px;border:1px solid #e3e8f2;border-radius:24px;background:linear-gradient(135deg,#f7f9ff,#eef4ff)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#526fc4}.bstp h1{margin:5px 0;font-size:32px}.bstp header p{margin:0;color:#707b8e}.userbox{background:#fff;border:1px solid #e3e8f2;padding:10px 14px;border-radius:14px;font-weight:800}.linkbtn{border:0;background:none;color:#315fc9;cursor:pointer;font-weight:800;margin-left:7px}
.daybar{margin-top:16px;padding:15px 18px;border-radius:18px;background:#fff;border:1px solid #e4e8ef;display:flex;align-items:center;justify-content:space-between;gap:12px}.daybar b{font-size:20px;margin-right:12px}.daybar span{color:#6e788a}.dayend{border:0;border-radius:12px;padding:12px 18px;background:#172033;color:#fff;font-weight:800;cursor:pointer}
.summary{margin-top:18px;display:flex;justify-content:space-between;align-items:end}.summary b{font-size:38px}.summary small{color:#778195;margin-left:5px}.summary-meta{font-weight:700;color:#647086}.mainbar,.mini{background:#e8ecf3;border-radius:99px;overflow:hidden}.mainbar{height:11px;margin:8px 0 16px}.mainbar i,.mini i{display:block;height:100%;background:#456bd0;border-radius:99px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stats>div{background:#f7f8fb;border-radius:15px;padding:13px 15px}.stats b{display:block;font-size:20px}.stats small{color:#6e788a}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{padding:20px;border:1px solid #e4e8ef;border-radius:20px;background:#fff;box-shadow:0 6px 22px rgba(30,45,80,.06)}.card.running{border-color:#6c88d9}.ctop{display:flex;gap:12px;align-items:center}.icon{font-size:32px}.card h2{margin:0;font-size:20px}.card small{color:#788397}.big{font-size:40px;font-weight:800;margin:18px 0 10px}.mini{height:8px}.actions{display:flex;gap:9px;margin-top:15px}.actions button,.panel button{border:0;border-radius:11px;padding:11px 16px;font-weight:750;cursor:pointer}.start,.pause{background:#315fc9;color:#fff}.reset,.panel button{background:#edf0f5;color:#4d586b}.lower{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.panel{border:1px solid #e4e8ef;border-radius:20px;padding:20px;background:#fff}.panel h3{margin:0 0 16px}.panel label{display:block;color:#687387;font-size:13px;font-weight:700;margin-bottom:12px}.panel input,.auth-card input{display:block;width:100%;padding:11px;margin:7px 0 12px;border:1px solid #dce2eb;border-radius:10px}.panel button{width:100%;margin-top:8px}.danger{background:#fff0f0!important;color:#b53c3c!important}.tip{margin-top:15px;padding:14px 16px;border-radius:14px;background:#f7f8fb;color:#5d687c;font-size:14px}
.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.history-row span{display:flex;gap:10px;align-items:center}.history-row small{color:#788397}.empty{padding:15px 0;color:#778195}
.auth{display:flex;justify-content:center;padding:20px}.auth-card{width:min(460px,100%);padding:28px;border:1px solid #e2e7ef;border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(30,45,80,.08)}.auth-card h1{font-size:28px}.auth-card p{color:#707b8e}.primary{width:100%;border:0;border-radius:12px;padding:13px;background:#315fc9;color:#fff;font-weight:800;cursor:pointer}.textbtn{width:100%;border:0;background:none;padding:11px;color:#315fc9;font-weight:750;cursor:pointer}.authmsg{min-height:20px;color:#b53c3c;font-size:14px;margin-bottom:8px}
@media(max-width:700px){.bstp header{flex-direction:column;align-items:flex-start}.bstp h1{font-size:27px}.summary b{font-size:31px}.cards,.lower{grid-template-columns:1fr}.big{font-size:35px}.stats{grid-template-columns:1fr}.daybar{align-items:flex-start;flex-direction:column}.dayend{width:100%}}