/* ========================================
   运动专区
   ======================================== */
*{margin:0;padding:0;box-sizing:border-box;}

html{
    /* 不再使用全局 zoom，避免影响布局比例 */
}

body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    background:#f5f0eb; min-height:100vh;
    display:flex; flex-direction:column; align-items:center;
    color:#1a1108;
}

/* --- Nav --- */
.header{
    width:100%; background:rgba(255,255,255,0.92); backdrop-filter:saturate(180%) blur(20px);
    padding:0 20px; height:56px; display:flex; align-items:center; gap:14px;
    position:sticky; top:0; z-index:200; border-bottom:1px solid rgba(0,0,0,0.06);
}
.moobc-logo{display:flex;cursor:pointer;padding:3px 6px;flex-shrink:0;}
.moobc-letter{font-size:20px;font-weight:900;margin:0 0.5px;font-family:'Arial Black',sans-serif;}
.moobc-letter:nth-child(1){color:#FF3B30}.moobc-letter:nth-child(2){color:#FF9500}
.moobc-letter:nth-child(3){color:#FFCC00}.moobc-letter:nth-child(4){color:#34C759}.moobc-letter:nth-child(5){color:#007AFF}
.zone-tabs{display:flex;gap:4px;background:#eeece9;border-radius:10px;padding:4px;}
.zone-tab{color:#6d5d4d;text-decoration:none;font-size:15px;font-weight:600;padding:6px 16px;border-radius:8px;transition:all .2s;}
.zone-tab:hover{color:#1a1108;}
.zone-tab.active{color:#1a1108;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.08);}

/* --- User Badge --- */
.user-badge{
    margin-left:auto;display:flex;align-items:center;gap:6px;
    padding:4px 12px;background:rgba(0,0,0,0.04);border-radius:20px;
    flex-shrink:0;animation:fadeInBadge .5s ease;
}
.user-avatar{font-size:14px;line-height:1;}
.user-name{font-size:12px;color:#3d2e1f;font-weight:500;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;}
@keyframes fadeInBadge{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}

/* Theme toggle button */
.theme-toggle{
    margin-left:auto;height:36px;border:1.5px solid #ddd;border-radius:18px;
    background:#fff;cursor:pointer;display:flex;align-items:center;
    gap:5px;padding:0 14px 0 10px;transition:all .3s;flex-shrink:0;
}
.theme-toggle:hover{border-color:#999;background:#f5f5f5;}
.theme-icon{font-size:16px;line-height:1;}
.theme-label{font-size:14px;font-weight:600;color:#3d2e1f;white-space:nowrap;}

/* --- Stage --- */
.stage{
    flex:1; display:flex; flex-direction:column; align-items:center;
    justify-content:flex-start; width:100%; padding:0 16px;
    padding-top:calc((100vh - 56px) * 0.10);
    min-height:calc(100vh - 56px);
}

.greeting{
    font-size:14px; color:#5a4a3a; font-weight:500; letter-spacing:1px;
    margin-bottom:20px; opacity:0; animation:fadeIn .6s .2s forwards;
}
@keyframes fadeIn{to{opacity:1;}}

/* --- Clock --- */
.clock-area{display:flex;flex-direction:column;align-items:center;gap:16px;}
.date-text{font-size:20px;color:#3d2e1f;font-weight:700;letter-spacing:6px;}
.weekday-row{font-size:22px;color:#3d2e1f;letter-spacing:10px;font-weight:700;}
.time-row{display:flex;align-items:center;gap:10px;margin-top:8px;}
.flip-unit-group{display:flex;align-items:center;gap:5px;}
.time-colon{font-size:54px;font-weight:900;color:#1a1108;line-height:1;margin:0 4px;animation:blink 1s step-end infinite;}
@keyframes blink{50%{opacity:.3;}}

.flip-unit{width:60px;height:84px;perspective:300px;}
.flip-card{width:100%;height:100%;position:relative;}
.flip-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;}
.flip-card-front,.flip-card-back{
    position:absolute;width:100%;height:100%;backface-visibility:hidden;
    display:flex;align-items:center;justify-content:center;border-radius:10px;
    font-size:42px;font-weight:900;font-family:'SF Mono','Menlo','Consolas',monospace;
}
.flip-card-front{
    background:#fff;color:#1a1108;
    box-shadow:0 2px 8px rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.04);
}
.flip-card-front::after{content:'';position:absolute;left:4px;right:4px;top:50%;height:1px;background:rgba(0,0,0,0.06);}
.flip-card-back{background:#fff;color:#1a1108;transform:rotateX(180deg);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.flip-card-back::after{content:'';position:absolute;left:4px;right:4px;top:50%;height:1px;background:rgba(0,0,0,0.06);}
.flip-card-inner.flipping{animation:flipDown .6s ease-in-out;}
@keyframes flipDown{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}100%{transform:rotateX(0)}}

/* --- Workout Bar --- */
.workout-bar{
    margin-top:32px; display:flex; justify-content:center;
    background:#fff; border-radius:16px; padding:16px 24px;
    box-shadow:0 1px 6px rgba(0,0,0,0.06); min-width:300px;
    transition:all .3s;
}
.wt-idle{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;}
.wt-quick-set{display:flex;gap:8px;}
.wt-quick{
    padding:7px 16px;border:1.5px solid #ddd;border-radius:14px;
    background:#fff;color:#3d2e1f;font-size:15px;font-weight:700;
    cursor:pointer;transition:all .15s;
}
.wt-quick:hover{border-color:#999;}
.wt-quick.active{background:#1a1108;color:#fff;border-color:#1a1108;}
.wt-start-btn{
    padding:9px 24px;border:none;border-radius:14px;
    background:#d84315;color:#fff;font-size:16px;font-weight:800;
    cursor:pointer;letter-spacing:1px;transition:all .15s;
}
.wt-start-btn:hover{background:#bf360c;}

/* Running */
.wt-running{display:flex;align-items:center;gap:16px;width:100%;flex-wrap:wrap;justify-content:center;}
.wt-run-info{display:flex;align-items:baseline;gap:6px;}
.wt-run-label{font-size:16px;color:#5a4a3a;font-weight:600;}
.wt-run-num{font-size:40px;font-weight:900;color:#1a1108;font-family:'SF Mono','Menlo','Consolas',monospace;line-height:1;transition:color .3s;}
.wt-run-num.wt-final{color:#c62828;animation:pulse 1s ease-in-out infinite;}
.wt-run-num.wt-num-done{color:#2e7d32;animation:none;}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.wt-run-unit{font-size:16px;color:#5a4a3a;font-weight:700;}
.wt-progress{flex:1;min-width:80px;height:7px;background:#eee;border-radius:4px;overflow:hidden;}
.wt-progress-fill{height:100%;background:#d84315;border-radius:4px;transition:width 1s linear;}
.wt-run-meta{display:flex;align-items:center;gap:12px;}
.wt-elapsed{font-size:14px;color:#6d5d4d;font-weight:500;}
.wt-end-btn{
    padding:6px 18px;border:1.5px solid #ccc;border-radius:12px;
    background:#fff;color:#5a4a3a;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;
}
.wt-end-btn:hover{border-color:#999;color:#1a1108;}

/* Done */
.wt-done{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;}
.wt-done-text{font-size:17px;color:#1a1108;font-weight:700;}
.wt-again-btn{
    padding:8px 22px;border:none;border-radius:14px;
    background:#d84315;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;
}
.wt-again-btn:hover{background:#bf360c;}

/* ========================================
   Toolbox (draggable floating panel)
   ======================================== */
.toolbox{
    position:fixed; z-index:300;
    width:440px; background:#fff; border-radius:16px;
    box-shadow:0 4px 24px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.06);
    display:flex; flex-direction:column;
    transition:box-shadow .2s;
    user-select:none;
}
.toolbox:hover{box-shadow:0 6px 28px rgba(0,0,0,0.15),0 1px 4px rgba(0,0,0,0.06);}

.toolbox-header{
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 18px; cursor:grab; border-bottom:1px solid #eee;
    border-radius:16px 16px 0 0; background:#fafafa;
    touch-action:none;
}
.toolbox-header:active{cursor:grabbing;}
.toolbox-title{font-size:20px;font-weight:800;color:#3d2e1f;letter-spacing:.5px;display:flex;align-items:center;gap:6px;}
.toolbox-collapse{
    width:32px;height:32px;border:none;border-radius:8px;
    background:#eee;color:#3d2e1f;font-size:20px;font-weight:700;
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    padding:0;line-height:1;transition:background .15s;
}
.toolbox-collapse:hover{background:#ddd;}

.toolbox-body{overflow-y:auto;max-height:520px;padding:16px 18px;}
.toolbox.collapsed .toolbox-body{display:none;}
.toolbox.collapsed{
    width:60px;height:60px;border-radius:50%;
    box-shadow:0 2px 12px rgba(0,0,0,0.15);
    overflow:hidden;
}
.toolbox.collapsed .toolbox-header{
    border-bottom:none;border-radius:50%;
    width:60px;height:60px;padding:0;
    display:flex;align-items:center;justify-content:center;
    background:#fff;
}
.toolbox.collapsed .toolbox-title{display:none;}
.toolbox.collapsed .toolbox-collapse{
    width:60px;height:60px;border-radius:50%;
    background:#fff;border:none;font-size:28px;
    display:flex;align-items:center;justify-content:center;padding:0;
}

.toolbox-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid #eee;}
.toolbox-tab{
    flex:1;padding:12px 0;border:none;background:none;
    color:#6d5d4d;font-size:18px;font-weight:700;cursor:pointer;
    border-bottom:2px solid transparent;transition:all .2s;
}
.toolbox-tab:hover{color:#1a1108;}
.toolbox-tab.active{color:#1a1108;border-bottom-color:#d84315;}

.toolbox-panel{display:none;}
.toolbox-panel.active{display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn .2s;}

/* --- Countdown --- */
.cd-hint{font-size:16px;color:#6d5d4d;font-weight:500;}
.preset-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.preset-btn{
    padding:10px 22px;border:1.5px solid #ddd;border-radius:14px;
    background:#fff;color:#3d2e1f;font-size:17px;font-weight:700;
    cursor:pointer;transition:all .15s;
}
.preset-btn:hover{border-color:#999;}
.preset-btn.active{background:#1a1108;color:#fff;border-color:#1a1108;}
.cd-display{padding:8px 0;}
.cd-num{
    font-size:64px;font-weight:900;color:#1a1108;
    font-family:'SF Mono','Menlo','Consolas',monospace;letter-spacing:3px;
    transition:color .3s;
}
.cd-num.cd-done{color:#2e7d32;animation:pulse .8s ease-in-out 4;}
.cd-controls{display:flex;gap:10px;}

/* --- Shared ctrl-btn --- */
.ctrl-btn{
    padding:11px 26px;border:none;border-radius:12px;
    font-size:17px;font-weight:700;cursor:pointer;transition:all .15s;
}
.ctrl-btn:disabled{opacity:.35;cursor:not-allowed;}
.ctrl-btn.green{background:#2e7d32;color:#fff;}
.ctrl-btn.green:hover:not(:disabled){background:#256b29;}
.ctrl-btn.orange{background:#e65100;color:#fff;}
.ctrl-btn.orange:hover:not(:disabled){background:#bf360c;}
.ctrl-btn.gray{background:#eee;color:#3d2e1f;}
.ctrl-btn.gray:hover:not(:disabled){background:#ddd;}

/* --- HIIT --- */
.hiit-hint{font-size:16px;color:#6d5d4d;font-weight:500;}
.hiit-settings{width:100%;}
.hiit-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;}
.hiit-row label{font-size:17px;font-weight:700;color:#3d2e1f;min-width:44px;}
.hiit-adj{display:flex;align-items:center;gap:12px;}
.adj-btn{
    width:40px;height:40px;border:1.5px solid #ddd;border-radius:50%;
    background:#fff;color:#3d2e1f;font-size:20px;font-weight:800;
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    padding:0;transition:all .15s;
}
.adj-btn:hover{border-color:#999;background:#f5f5f5;}
.adj-val{font-size:28px;font-weight:900;color:#1a1108;min-width:34px;text-align:center;font-family:'SF Mono','Menlo','Consolas',monospace;}
.adj-u{font-size:16px;color:#5a4a3a;font-weight:600;}

.hiit-status{font-size:22px;font-weight:800;color:#3d2e1f;letter-spacing:1px;transition:color .3s;}
.hiit-round{font-size:16px;color:#5a4a3a;min-height:20px;font-weight:500;}

/* --- Cheer messages --- */
.hiit-cheer{
    font-size:12px;font-weight:600;color:#d84315;
    min-height:16px;text-align:center;letter-spacing:0.5px;
}
@keyframes cheerPop{
    0%{opacity:0;transform:translateY(6px) scale(0.9);}
    40%{opacity:1;transform:translateY(-2px) scale(1.05);}
    100%{opacity:1;transform:translateY(0) scale(1);}
}
.cheer-pop{animation:cheerPop .4s ease-out;}

.hiit-num{
    font-size:64px;font-weight:900;color:#1a1108;
    font-family:'SF Mono','Menlo','Consolas',monospace;
    transition:color .3s;
}
.hiit-bar{width:100%;height:8px;background:#eee;border-radius:4px;overflow:hidden;}
.hiit-bar-fill{height:100%;width:0;border-radius:4px;transition:width 1s linear,background .3s;background:#3d2e1f;}
.hiit-ctrls{display:flex;gap:10px;}

/* HIIT phases */
#dp-hiit.hiit-work .hiit-status{color:#b71c1c;}
#dp-hiit.hiit-work .hiit-num{color:#b71c1c;}
#dp-hiit.hiit-work .hiit-bar-fill{background:#d32f2f;}
#dp-hiit.hiit-rest .hiit-status{color:#1b5e20;}
#dp-hiit.hiit-rest .hiit-num{color:#1b5e20;}
#dp-hiit.hiit-rest .hiit-bar-fill{background:#2e7d32;}
#dp-hiit.hiit-done .hiit-status{color:#e65100;}
#dp-hiit.hiit-done .hiit-bar-fill{background:#e65100;}

/* --- Sprint easter egg (last 20% rounds) --- */
@keyframes sprintShake{
    0%,100%{transform:scale(1) rotate(0deg);}
    10%{transform:scale(1.04) rotate(-1.5deg);}
    30%{transform:scale(1.06) rotate(1.5deg);}
    50%{transform:scale(1.04) rotate(-1deg);}
    70%{transform:scale(1.06) rotate(1deg);}
    90%{transform:scale(1.04) rotate(-0.5deg);}
}
.sprint-shake{animation:sprintShake 1.2s ease-in-out infinite;}
@keyframes sprintGlow{
    0%,100%{text-shadow:0 0 4px rgba(198,40,40,0.3);}
    50%{text-shadow:0 0 12px rgba(198,40,40,0.6);}
}
.sprint-glow{animation:sprintGlow 1s ease-in-out infinite;}

/* --- Stretch Guide (HIIT rest phase) --- */
.stretch-guide{width:100%;animation:fadeIn .3s;}
.stretch-card{
    display:flex;align-items:center;gap:10px;
    background:#f0faf0;border:1px solid #c8e6c9;border-radius:10px;
    padding:8px 10px;
}
.stretch-svg{flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.stretch-info{flex:1;min-width:0;}
.stretch-name{font-size:12px;font-weight:700;color:#1b5e20;margin-bottom:3px;}
.stretch-desc{font-size:11px;color:#3d2e1f;line-height:1.5;}

/* --- Compact mode (running state) --- */
.tb-compact{width:440px !important;}
.tb-compact .toolbox-body{padding:18px 20px;max-height:none;overflow:visible;}
.tb-compact .toolbox-panel.active{gap:12px;}
.tb-compact .toolbox-header{padding:10px 16px;min-height:0;}
.tb-compact .cd-display{padding:6px 0;}
.tb-compact .cd-num{font-size:64px;letter-spacing:3px;}
.tb-compact .cd-controls{gap:10px;}
.tb-compact .cd-controls .ctrl-btn{padding:11px 26px;font-size:17px;}
.tb-compact .hiit-num{font-size:64px;}
.tb-compact .hiit-status{font-size:22px;}
.tb-compact .hiit-round{font-size:16px;}
.tb-compact .hiit-bar{height:8px;}
.tb-compact .hiit-ctrls{gap:10px;}
.tb-compact .hiit-ctrls .ctrl-btn{padding:11px 26px;font-size:17px;}

/* Collapsed overrides compact — must win */
.toolbox.collapsed.tb-compact{width:60px !important;height:60px;border-radius:50%;min-width:0;max-width:none;}
.toolbox.collapsed.tb-compact .toolbox-body{display:none;}
.toolbox.collapsed.tb-compact .toolbox-header{
    width:60px;height:60px;padding:0;border-radius:50%;border-bottom:none;
}
.toolbox.collapsed.tb-compact .toolbox-collapse{
    width:60px;height:60px;border-radius:50%;font-size:28px;
}

/* ========================================
   小屏手机适配 (max-width: 480px)
   ======================================== */
@media(max-width:480px){
    .header{padding:0 10px;height:48px;gap:8px;}
    .moobc-letter{font-size:16px;}
    .zone-tab{font-size:13px;padding:5px 10px;}
    .theme-toggle{padding:0 10px 0 8px;height:32px;}
    .theme-icon{font-size:14px;}
    .theme-label{font-size:12px;}
    .user-badge{padding:3px 8px;}
    .user-name{font-size:11px;max-width:100px;}

    .stage{padding:0 10px;padding-top:calc((100vh - 48px) * 0.08);}

    /* 时钟缩小适配 */
    .clock-area{gap:10px;}
    .date-text{font-size:15px;letter-spacing:3px;}
    .weekday-row{font-size:16px;letter-spacing:5px;}
    .time-row{gap:4px;margin-top:4px;}
    .flip-unit-group{gap:3px;}
    .flip-unit{width:40px;height:56px;}
    .flip-card-front,.flip-card-back{font-size:28px;border-radius:7px;}
    .flip-card-front::after,.flip-card-back::after{left:2px;right:2px;}
    .time-colon{font-size:32px;margin:0 2px;}

    /* 运动条 */
    .workout-bar{min-width:0;width:100%;padding:12px 14px;border-radius:12px;margin-top:20px;}
    .wt-quick-set{gap:6px;}
    .wt-quick{font-size:13px;padding:6px 12px;border-radius:10px;}
    .wt-start-btn{font-size:14px;padding:8px 18px;border-radius:10px;}
    .wt-run-num{font-size:32px;}
    .wt-run-label{font-size:14px;}
    .wt-run-unit{font-size:14px;}
    .wt-elapsed{font-size:12px;}
    .wt-end-btn{font-size:13px;padding:5px 14px;}
    .wt-done-text{font-size:14px;}
    .wt-again-btn{font-size:14px;padding:7px 18px;}

    /* 工具箱 */
    .toolbox{width:calc(100vw - 20px) !important;left:10px !important;right:10px !important;}
    .toolbox.tb-compact{width:calc(100vw - 20px) !important;}
    .toolbox.collapsed,.toolbox.collapsed.tb-compact{width:52px !important;left:auto !important;right:auto !important;}
    .toolbox-body{padding:12px 14px;max-height:400px;}
    .toolbox-title{font-size:16px;}
    .toolbox-tab{font-size:15px;padding:10px 0;}
    .preset-btn{font-size:14px;padding:8px 16px;}
    .cd-hint{font-size:14px;}
    .cd-num{font-size:48px;}
    .tb-compact .cd-num{font-size:48px;}
    .ctrl-btn{font-size:14px;padding:9px 18px;}
    .tb-compact .cd-controls .ctrl-btn{font-size:14px;padding:9px 18px;}
    .hiit-hint{font-size:14px;}
    .hiit-row label{font-size:15px;}
    .adj-btn{width:34px;height:34px;font-size:18px;}
    .adj-val{font-size:22px;}
    .adj-u{font-size:14px;}
    .hiit-status{font-size:18px;}
    .hiit-round{font-size:14px;}
    .hiit-num{font-size:48px;}
    .tb-compact .hiit-num{font-size:48px;}
    .tb-compact .hiit-status{font-size:18px;}
    .tb-compact .hiit-ctrls .ctrl-btn{font-size:14px;padding:9px 18px;}

    /* 弹幕 */
    .danmaku-item{font-size:13px;padding:4px 12px;}

    /* 联系按钮 */
    .contact-float{width:44px;height:44px;font-size:20px;}
    .contact-modal{max-width:calc(100vw - 32px);}
}

/* 极小屏幕 (max-width: 360px) */
@media(max-width:360px){
    .header{padding:0 8px;gap:6px;}
    .moobc-letter{font-size:14px;}
    .zone-tab{font-size:12px;padding:4px 8px;}

    .date-text{font-size:13px;letter-spacing:2px;}
    .weekday-row{font-size:14px;letter-spacing:3px;}
    .flip-unit{width:34px;height:48px;}
    .flip-card-front,.flip-card-back{font-size:24px;border-radius:6px;}
    .time-colon{font-size:26px;margin:0 1px;}
    .time-row{gap:3px;}
    .flip-unit-group{gap:2px;}
}

/* ========================================
   Desktop
   ======================================== */
@media(min-width:768px){
    .header{padding:0 28px;height:60px;gap:18px;}
    .moobc-letter{font-size:24px;margin:0 1px;}
    .zone-tab{font-size:17px;padding:7px 20px;}
    .theme-label{font-size:15px;}
    .date-text{font-size:26px;letter-spacing:8px;}
    .weekday-row{font-size:28px;letter-spacing:14px;}
    .flip-unit{width:84px;height:114px;}
    .flip-card-front,.flip-card-back{font-size:58px;border-radius:14px;}
    .time-row{gap:16px;}
    .flip-unit-group{gap:6px;}
    .time-colon{font-size:68px;margin:0 8px;}
    .workout-bar{min-width:440px;padding:20px 32px;border-radius:18px;}
    .wt-quick{font-size:17px;padding:8px 20px;}
    .wt-start-btn{font-size:18px;padding:10px 28px;}
    .wt-run-num{font-size:48px;}
    .wt-run-label{font-size:18px;}
    .wt-run-unit{font-size:18px;}
    .wt-elapsed{font-size:15px;}
    .wt-end-btn{font-size:15px;padding:7px 20px;}
    .wt-done-text{font-size:19px;}
    .wt-again-btn{font-size:17px;padding:9px 26px;}
    .toolbox{width:480px;}
    .toolbox.tb-compact{width:480px !important;}
    .toolbox.collapsed.tb-compact{width:60px !important;}
    .cd-num{font-size:72px;}
    .hiit-num{font-size:72px;}
    .tb-compact .cd-num{font-size:72px;}
    .tb-compact .hiit-num{font-size:72px;}
}

@media(min-width:1024px){
    .flip-unit{width:100px;height:136px;}
    .flip-card-front,.flip-card-back{font-size:72px;border-radius:16px;}
    .time-colon{font-size:82px;margin:0 10px;}
    .date-text{font-size:30px;letter-spacing:10px;}
    .weekday-row{font-size:32px;}
    .workout-bar{min-width:520px;padding:22px 40px;}
    .wt-run-num{font-size:54px;}
}

/* ========================================
   Dark Flame Theme 🔥
   ======================================== */
body.theme-flame{
    background:#0c0c0c;color:#f0e0d0;
    transition:background .5s,color .5s;
}

/* Animated fire particles background */
body.theme-flame::before{
    content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;
    background:
        radial-gradient(ellipse 120% 80% at 50% 110%, rgba(200,40,0,0.35) 0%, transparent 55%),
        radial-gradient(ellipse 50% 50% at 20% 105%, rgba(255,100,0,0.2) 0%, transparent 50%),
        radial-gradient(ellipse 50% 50% at 80% 105%, rgba(255,60,0,0.2) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(30,10,0,0.4) 0%, transparent 70%);
    animation:flamePulse 3s ease-in-out infinite alternate;
}
body.theme-flame::after{
    content:'';position:fixed;bottom:0;left:0;width:100%;height:40%;z-index:-1;pointer-events:none;
    background:
        radial-gradient(ellipse 30% 60% at 15% 100%, rgba(255,80,0,0.18) 0%, transparent 70%),
        radial-gradient(ellipse 25% 50% at 45% 100%, rgba(255,50,0,0.15) 0%, transparent 60%),
        radial-gradient(ellipse 30% 55% at 75% 100%, rgba(255,90,0,0.16) 0%, transparent 65%),
        radial-gradient(ellipse 20% 40% at 90% 100%, rgba(200,30,0,0.12) 0%, transparent 55%);
    animation:flameDance 2.5s ease-in-out infinite alternate-reverse;
}
@keyframes flamePulse{
    0%{opacity:.85;}
    100%{opacity:1;}
}
@keyframes flameDance{
    0%{opacity:.7;transform:scaleY(1);}
    100%{opacity:1;transform:scaleY(1.08);}
}

/* Nav */
body.theme-flame .header{
    background:rgba(12,8,6,0.96);backdrop-filter:saturate(120%) blur(20px);
    border-bottom:1px solid rgba(255,60,0,0.25);
}
body.theme-flame .moobc-letter:nth-child(1){color:#FF2D00}
body.theme-flame .moobc-letter:nth-child(2){color:#FF5500}
body.theme-flame .moobc-letter:nth-child(3){color:#FF7700}
body.theme-flame .moobc-letter:nth-child(4){color:#FF9900}
body.theme-flame .moobc-letter:nth-child(5){color:#FFBB00}
body.theme-flame .zone-tabs{background:rgba(255,50,0,0.1);border:1px solid rgba(255,60,0,0.2);}
body.theme-flame .zone-tab{color:#b08060;}
body.theme-flame .zone-tab:hover{color:#ffc8a0;}
body.theme-flame .zone-tab.active{
    color:#fff;background:linear-gradient(135deg,rgba(200,40,0,0.6),rgba(255,80,0,0.4));
    box-shadow:0 0 14px rgba(255,60,0,0.35);border:none;
}
body.theme-flame .theme-toggle{
    background:rgba(255,50,0,0.12);border-color:rgba(255,60,0,0.3);
}
body.theme-flame .theme-toggle:hover{background:rgba(255,50,0,0.25);border-color:rgba(255,60,0,0.5);}
body.theme-flame .theme-label{color:#ffcba4;}
body.theme-flame .user-badge{background:rgba(255,50,0,0.1);}
body.theme-flame .user-name{color:#ffcba4;}

/* Greeting */
body.theme-flame .greeting{color:#ff9966;text-shadow:0 0 20px rgba(255,80,0,0.25);}

/* Clock */
body.theme-flame .date-text{color:#ffc8a0;text-shadow:0 0 10px rgba(255,80,0,0.3);}
body.theme-flame .weekday-row{color:#ffc8a0;text-shadow:0 0 10px rgba(255,80,0,0.3);}
body.theme-flame .time-colon{color:#ff3300;text-shadow:0 0 20px rgba(255,40,0,0.7),0 0 40px rgba(255,40,0,0.3);}

body.theme-flame .flip-card-front{
    background:linear-gradient(180deg,#1c1008 0%,#281408 100%);
    color:#fff;
    box-shadow:0 0 20px rgba(255,50,0,0.2),0 4px 12px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,80,0,0.08);
    border:1px solid rgba(255,60,0,0.12);
}
body.theme-flame .flip-card-front::after{background:rgba(255,50,0,0.12);}
body.theme-flame .flip-card-back{
    background:linear-gradient(180deg,#1c1008 0%,#281408 100%);
    color:#fff;
    box-shadow:0 0 20px rgba(255,50,0,0.2),0 4px 12px rgba(0,0,0,0.5);
    border:1px solid rgba(255,60,0,0.12);
}
body.theme-flame .flip-card-back::after{background:rgba(255,50,0,0.12);}

/* Workout bar */
body.theme-flame .workout-bar{
    background:rgba(20,12,8,0.92);
    border:1px solid rgba(255,50,0,0.18);
    box-shadow:0 0 30px rgba(255,40,0,0.1),0 4px 16px rgba(0,0,0,0.4);
}
body.theme-flame .wt-quick{
    background:transparent;color:#ffa070;border-color:rgba(255,70,0,0.35);
}
body.theme-flame .wt-quick:hover{border-color:rgba(255,70,0,0.7);color:#ffc8a0;}
body.theme-flame .wt-quick.active{
    background:linear-gradient(135deg,#b71c00,#e64a19);color:#fff;
    border-color:transparent;box-shadow:0 0 16px rgba(255,50,0,0.5);
}
body.theme-flame .wt-start-btn{
    background:linear-gradient(135deg,#c62800,#ff4500);
    box-shadow:0 0 20px rgba(255,50,0,0.5),0 0 40px rgba(255,50,0,0.15);
    text-shadow:0 1px 2px rgba(0,0,0,0.3);
}
body.theme-flame .wt-start-btn:hover{
    background:linear-gradient(135deg,#e64a19,#ff6d00);
    box-shadow:0 0 28px rgba(255,60,0,0.6),0 0 50px rgba(255,60,0,0.2);
}
body.theme-flame .wt-run-label{color:#b08060;}
body.theme-flame .wt-run-num{color:#fff;text-shadow:0 0 8px rgba(255,60,0,0.3);}
body.theme-flame .wt-run-num.wt-final{color:#ff3333;text-shadow:0 0 16px rgba(255,30,0,0.5);}
body.theme-flame .wt-run-num.wt-num-done{color:#66bb6a;text-shadow:0 0 12px rgba(80,200,80,0.3);}
body.theme-flame .wt-run-unit{color:#b08060;}
body.theme-flame .wt-progress{background:rgba(255,50,0,0.1);border:1px solid rgba(255,50,0,0.08);}
body.theme-flame .wt-progress-fill{background:linear-gradient(90deg,#b71c00,#ff4500,#ff8c00);box-shadow:0 0 8px rgba(255,60,0,0.4);}
body.theme-flame .wt-elapsed{color:#997755;}
body.theme-flame .wt-end-btn{
    background:transparent;color:#ffa070;border-color:rgba(255,70,0,0.35);
}
body.theme-flame .wt-end-btn:hover{border-color:rgba(255,70,0,0.7);color:#fff;}
body.theme-flame .wt-done-text{color:#fff;text-shadow:0 0 8px rgba(255,60,0,0.2);}
body.theme-flame .wt-again-btn{
    background:linear-gradient(135deg,#c62800,#ff4500);
    box-shadow:0 0 16px rgba(255,50,0,0.4);
}

/* Toolbox */
body.theme-flame .toolbox{
    background:rgba(18,10,6,0.97);
    border:1px solid rgba(255,50,0,0.2);
    box-shadow:0 0 30px rgba(255,40,0,0.12),0 8px 24px rgba(0,0,0,0.5);
}
body.theme-flame .toolbox:hover{box-shadow:0 0 36px rgba(255,40,0,0.18),0 8px 28px rgba(0,0,0,0.5);}
body.theme-flame .toolbox-header{background:rgba(25,14,8,0.98);border-bottom-color:rgba(255,50,0,0.15);}
body.theme-flame .toolbox-title{color:#ffc8a0;}
body.theme-flame .toolbox-collapse{background:rgba(255,50,0,0.12);color:#ffa070;}
body.theme-flame .toolbox-collapse:hover{background:rgba(255,50,0,0.25);}
body.theme-flame .toolbox.collapsed .toolbox-header{background:rgba(18,10,6,0.97);}
body.theme-flame .toolbox.collapsed .toolbox-collapse{
    background:rgba(18,10,6,0.97);border:1px solid rgba(255,50,0,0.25);
    box-shadow:0 0 16px rgba(255,40,0,0.15);
}
body.theme-flame .toolbox-tabs{border-bottom-color:rgba(255,50,0,0.15);}
body.theme-flame .toolbox-tab{color:#997755;}
body.theme-flame .toolbox-tab:hover{color:#ffc8a0;}
body.theme-flame .toolbox-tab.active{color:#ff6600;border-bottom-color:#ff4500;}

/* Countdown in flame */
body.theme-flame .cd-hint{color:#997755;}
body.theme-flame .preset-btn{
    background:transparent;color:#ffa070;border-color:rgba(255,70,0,0.3);
}
body.theme-flame .preset-btn:hover{border-color:rgba(255,70,0,0.6);color:#ffc8a0;}
body.theme-flame .preset-btn.active{
    background:linear-gradient(135deg,#b71c00,#e64a19);color:#fff;
    border-color:transparent;box-shadow:0 0 14px rgba(255,50,0,0.4);
}
body.theme-flame .cd-num{color:#fff;text-shadow:0 0 16px rgba(255,50,0,0.35);}
body.theme-flame .cd-num.cd-done{color:#66bb6a;text-shadow:0 0 16px rgba(80,200,80,0.35);}

/* Ctrl buttons in flame */
body.theme-flame .ctrl-btn.green{
    background:linear-gradient(135deg,#1b5e20,#2e7d32);
    box-shadow:0 0 10px rgba(46,125,50,0.3);
}
body.theme-flame .ctrl-btn.green:hover:not(:disabled){background:linear-gradient(135deg,#2e7d32,#43a047);}
body.theme-flame .ctrl-btn.orange{
    background:linear-gradient(135deg,#bf360c,#e64a19);
    box-shadow:0 0 10px rgba(230,74,25,0.3);
}
body.theme-flame .ctrl-btn.orange:hover:not(:disabled){background:linear-gradient(135deg,#e64a19,#ff5722);}
body.theme-flame .ctrl-btn.gray{background:rgba(255,50,0,0.1);color:#ffa070;border:1px solid rgba(255,50,0,0.15);}
body.theme-flame .ctrl-btn.gray:hover:not(:disabled){background:rgba(255,50,0,0.2);}

/* HIIT in flame */
body.theme-flame .hiit-hint{color:#997755;}
body.theme-flame .hiit-row label{color:#ffc8a0;}
body.theme-flame .adj-btn{
    background:transparent;color:#ffa070;border-color:rgba(255,70,0,0.3);
}
body.theme-flame .adj-btn:hover{border-color:rgba(255,70,0,0.6);background:rgba(255,50,0,0.1);}
body.theme-flame .adj-val{color:#fff;}
body.theme-flame .adj-u{color:#997755;}
body.theme-flame .hiit-status{color:#ffc8a0;}
body.theme-flame .hiit-round{color:#997755;}
body.theme-flame .hiit-num{color:#fff;text-shadow:0 0 16px rgba(255,50,0,0.35);}
body.theme-flame .hiit-bar{background:rgba(255,50,0,0.1);border:1px solid rgba(255,50,0,0.08);}
body.theme-flame .hiit-bar-fill{background:linear-gradient(90deg,#b71c00,#ff4500);box-shadow:0 0 6px rgba(255,50,0,0.4);}
body.theme-flame #dp-hiit.hiit-work .hiit-status{color:#ff4444;text-shadow:0 0 10px rgba(255,40,0,0.3);}
body.theme-flame #dp-hiit.hiit-work .hiit-num{color:#ff4444;text-shadow:0 0 20px rgba(255,40,0,0.5);}
body.theme-flame #dp-hiit.hiit-work .hiit-bar-fill{background:linear-gradient(90deg,#c62828,#ff4444);box-shadow:0 0 10px rgba(255,40,0,0.5);}
body.theme-flame #dp-hiit.hiit-rest .hiit-status{color:#66bb6a;text-shadow:0 0 10px rgba(80,200,80,0.2);}
body.theme-flame #dp-hiit.hiit-rest .hiit-num{color:#66bb6a;text-shadow:0 0 16px rgba(80,200,80,0.3);}
body.theme-flame #dp-hiit.hiit-rest .hiit-bar-fill{background:linear-gradient(90deg,#2e7d32,#66bb6a);box-shadow:0 0 8px rgba(80,200,80,0.3);}
body.theme-flame #dp-hiit.hiit-done .hiit-status{color:#ff8c00;text-shadow:0 0 10px rgba(255,140,0,0.3);}
body.theme-flame #dp-hiit.hiit-done .hiit-bar-fill{background:linear-gradient(90deg,#e65100,#ff8c00);box-shadow:0 0 8px rgba(255,140,0,0.4);}

/* Flame body transition */
body{transition:background .5s,color .5s;}

/* ========================================
   浮动联系按钮 + 留言弹窗 + 滚动留言
   ======================================== */

/* --- 浮动按钮 --- */
.contact-float {
    position: fixed;
    z-index: 500;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d84315, #ff6d00);
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    box-shadow: 0 4px 16px rgba(216, 67, 21, 0.4);
    user-select: none;
    transition: box-shadow 0.2s;
    touch-action: none;
}
.contact-float:hover {
    box-shadow: 0 6px 24px rgba(216, 67, 21, 0.55);
}
.contact-float:active { cursor: grabbing; }

/* --- 留言弹窗遮罩 --- */
.contact-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(6px);
    z-index: 1100;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.contact-modal {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.18);
    overflow: hidden;
    animation: contactIn 0.25s ease;
}
@keyframes contactIn { from { opacity: 0; transform: translateY(20px) scale(0.96); } to { opacity: 1; transform: none; } }

.contact-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid #eee;
    font-size: 1rem;
    font-weight: 700;
    color: #3d2e1f;
}

.contact-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
}
.contact-close:hover { color: #1a1108; }

.contact-modal-body { padding: 18px; }

.contact-hint {
    font-size: 0.82rem;
    color: #6d5d4d;
    margin-bottom: 12px;
}

.contact-textarea {
    width: 100%;
    height: 110px;
    border: 1.5px solid #ddd;
    border-radius: 10px;
    padding: 12px;
    font-size: 0.88rem;
    color: #1a1108;
    resize: none;
    outline: none;
    font-family: inherit;
    transition: border-color 0.2s;
}
.contact-textarea:focus { border-color: #d84315; }
.contact-textarea::placeholder { color: #bbb; }

.contact-counter {
    text-align: right;
    font-size: 0.72rem;
    color: #999;
    margin: 6px 0 12px;
}

.contact-submit {
    width: 100%;
    padding: 11px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #d84315, #ff6d00);
    color: #fff;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
}
.contact-submit:hover { opacity: 0.88; }
.contact-submit:disabled { opacity: 0.5; cursor: not-allowed; }

.contact-result {
    text-align: center;
    font-size: 0.8rem;
    margin-top: 10px;
    min-height: 20px;
}
.contact-result.success { color: #2e7d32; }
.contact-result.error { color: #c62828; }

/* --- 弹幕 --- */
.danmaku-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: 80;
}

.danmaku-item {
    position: absolute;
    left: 100%;
    white-space: nowrap;
    font-size: 15px;
    color: rgba(26,17,8,0.6);
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(4px);
    padding: 5px 16px;
    border-radius: 20px;
    animation: danmakuFly 12s linear forwards;
    pointer-events: auto;
    cursor: default;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.danmaku-item:hover {
    animation-play-state: paused;
    background: rgba(255,255,255,0.92);
    color: rgba(26,17,8,0.85);
}

.dm-user {
    color: #d84315;
    font-weight: 600;
    margin-right: 2px;
}

@keyframes danmakuFly {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100vw - 100%)); }
}

/* 暗黑主题弹幕 */
body.theme-flame .danmaku-item {
    color: rgba(255,200,160,0.6);
    background: rgba(18,10,6,0.7);
    box-shadow: 0 1px 4px rgba(255,50,0,0.08);
}
body.theme-flame .danmaku-item:hover {
    background: rgba(18,10,6,0.9);
    color: rgba(255,200,160,0.9);
}
body.theme-flame .dm-user { color: #ff6600; }

/* --- 暗黑主题：联系按钮 --- */
body.theme-flame .contact-float {
    background: linear-gradient(135deg, #c62800, #ff4500);
    box-shadow: 0 4px 16px rgba(255, 50, 0, 0.4);
}
body.theme-flame .contact-float:hover {
    box-shadow: 0 6px 24px rgba(255, 50, 0, 0.55);
}

body.theme-flame .contact-modal {
    background: rgba(18, 10, 6, 0.98);
    border: 1px solid rgba(255, 50, 0, 0.2);
}
body.theme-flame .contact-modal-header {
    color: #ffc8a0;
    border-bottom-color: rgba(255, 50, 0, 0.15);
}
body.theme-flame .contact-close { color: #997755; }
body.theme-flame .contact-close:hover { color: #ffc8a0; }
body.theme-flame .contact-hint { color: #997755; }
body.theme-flame .contact-textarea {
    background: rgba(30, 16, 8, 0.8);
    border-color: rgba(255, 50, 0, 0.2);
    color: #ffc8a0;
}
body.theme-flame .contact-textarea:focus { border-color: rgba(255, 70, 0, 0.6); }
body.theme-flame .contact-textarea::placeholder { color: #664433; }
body.theme-flame .contact-counter { color: #664433; }
body.theme-flame .contact-submit {
    background: linear-gradient(135deg, #c62800, #ff4500);
}
body.theme-flame .contact-result.success { color: #66bb6a; }
body.theme-flame .contact-result.error { color: #ff4444; }

body.theme-flame .marquee-bar {
    background: rgba(12, 8, 6, 0.92);
    border-top-color: rgba(255, 50, 0, 0.15);
}
body.theme-flame .marquee-item { color: #b08060; }
body.theme-flame .marquee-item em { color: #664433; }

/* --- 提交成功 Toast --- */
.contact-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: rgba(0,0,0,0.78);
    backdrop-filter: blur(12px);
    color: #fff;
    padding: 28px 40px;
    border-radius: 16px;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
}
.contact-toast.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.contact-toast-icon { font-size: 40px; margin-bottom: 10px; }
.contact-toast-text { font-size: 0.92rem; font-weight: 600; }

/* ========================================
   HIIT Stats Overlay
   ======================================== */
.hiit-stats-overlay{
    display:none;position:fixed;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);
    z-index:500;align-items:center;justify-content:center;
    animation:fadeIn .3s;
}
.hiit-stats-modal{
    background:#fff;border-radius:20px;padding:28px 24px;
    max-width:480px;width:calc(100% - 32px);max-height:90vh;overflow-y:auto;
    box-shadow:0 20px 60px rgba(0,0,0,0.3);position:relative;
    animation:statsSlideUp .5s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes statsSlideUp{
    from{opacity:0;transform:translateY(40px) scale(0.95);}
    to{opacity:1;transform:translateY(0) scale(1);}
}
.stats-close{
    position:absolute;top:12px;right:16px;width:32px;height:32px;
    border:none;background:none;font-size:24px;color:#999;cursor:pointer;
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    transition:all .15s;
}
.stats-close:hover{background:#f0f0f0;color:#333;}
.stats-header{
    text-align:center;font-size:24px;font-weight:900;color:#1a1108;
    margin-bottom:20px;letter-spacing:1px;
}
.stats-body{display:flex;flex-direction:column;gap:16px;}
.stats-row{display:flex;gap:12px;justify-content:center;}
.stats-item{
    flex:1;text-align:center;background:#faf7f4;border-radius:14px;
    padding:16px 8px;min-width:0;
}
.stats-icon{font-size:24px;margin-bottom:4px;}
.stats-val{
    font-size:32px;font-weight:900;color:#d84315;
    font-family:'SF Mono','Menlo','Consolas',monospace;line-height:1.2;
}
.stats-label{font-size:12px;color:#6d5d4d;font-weight:600;margin-top:2px;}

/* Food equivalents */
.stats-food{
    text-align:center;padding:12px 16px;background:#fff8e1;
    border-radius:12px;border:1px solid #ffe082;
    opacity:0;transform:translateY(10px);transition:all .5s ease;
}
.stats-food.food-show{opacity:1;transform:translateY(0);}
.food-title{display:block;font-size:13px;color:#f57f17;font-weight:700;margin-bottom:4px;}
.food-items{display:block;font-size:15px;color:#3d2e1f;font-weight:600;}

/* Score area */
.stats-score-area{text-align:center;}
.stats-score-title{font-size:16px;font-weight:800;color:#1a1108;margin-bottom:8px;}
.stats-score-bar-wrap{
    width:100%;height:28px;background:#f0ebe6;border-radius:14px;
    overflow:hidden;position:relative;
}
.stats-score-bar{
    height:100%;width:0;border-radius:14px;
    background:linear-gradient(90deg,#FF6D00,#FFD600);
    display:flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:800;color:#fff;
    text-shadow:0 1px 2px rgba(0,0,0,0.3);
    transition:width 1.5s cubic-bezier(0.25,0.46,0.45,0.94);
    min-width:60px;
}
.stats-score-rank{
    font-size:18px;font-weight:800;margin-top:6px;
    animation:cheerPop .5s ease-out;
}

/* Rank row */
.stats-rank-row{display:flex;gap:12px;justify-content:center;}
.stats-rank-item{
    flex:1;text-align:center;padding:10px 8px;
    background:#f5f0eb;border-radius:10px;
}
.rank-label{font-size:12px;color:#6d5d4d;font-weight:500;}
.rank-pct{
    font-size:22px;font-weight:900;color:#d84315;
    font-family:'SF Mono','Menlo','Consolas',monospace;
    margin:0 2px;
}

/* Certificate area */
.stats-cert-area{
    text-align:center;padding:14px;
    background:linear-gradient(135deg,#fff8e1,#fff3e0);
    border-radius:14px;border:2px solid #FFD600;
}
.cert-badge{font-size:16px;font-weight:800;color:#e65100;margin-bottom:8px;}
.cert-download-btn{
    padding:10px 28px;border:none;border-radius:12px;
    background:linear-gradient(135deg,#FF6D00,#FF9100);
    color:#fff;font-size:15px;font-weight:700;cursor:pointer;
    transition:all .2s;box-shadow:0 2px 8px rgba(255,109,0,0.3);
}
.cert-download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,109,0,0.4);}
@keyframes certPop{
    from{opacity:0;transform:scale(0.8);}
    to{opacity:1;transform:scale(1);}
}
.cert-pop{animation:certPop .5s cubic-bezier(0.34,1.56,0.64,1);}

/* ====== Dark theme overrides for stats ====== */
body.theme-flame .hiit-stats-modal{
    background:#1c1008;border:1px solid rgba(255,60,0,0.3);
    box-shadow:0 20px 60px rgba(0,0,0,0.6);
}
body.theme-flame .stats-header{color:#ffc8a0;}
body.theme-flame .stats-item{background:rgba(255,50,0,0.08);}
body.theme-flame .stats-val{color:#ff6d00;}
body.theme-flame .stats-label{color:#b08060;}
body.theme-flame .stats-food{background:rgba(255,143,0,0.1);border-color:rgba(255,143,0,0.3);}
body.theme-flame .food-title{color:#ff9100;}
body.theme-flame .food-items{color:#ffc8a0;}
body.theme-flame .stats-score-title{color:#ffc8a0;}
body.theme-flame .stats-score-bar-wrap{background:rgba(255,50,0,0.1);}
body.theme-flame .stats-rank-item{background:rgba(255,50,0,0.08);}
body.theme-flame .rank-label{color:#b08060;}
body.theme-flame .rank-pct{color:#ff6d00;}
body.theme-flame .stats-cert-area{
    background:linear-gradient(135deg,rgba(255,109,0,0.1),rgba(255,60,0,0.08));
    border-color:rgba(255,215,0,0.4);
}
body.theme-flame .cert-badge{color:#FFD600;}
body.theme-flame .stats-close{color:#b08060;}
body.theme-flame .stats-close:hover{background:rgba(255,50,0,0.15);color:#ffc8a0;}

/* ====== Mobile overrides for stats ====== */
@media(max-width:480px){
    .hiit-stats-modal{padding:20px 16px;border-radius:16px;}
    .stats-header{font-size:20px;}
    .stats-val{font-size:24px;}
    .stats-icon{font-size:20px;}
    .stats-label{font-size:11px;}
    .stats-score-rank{font-size:16px;}
    .rank-pct{font-size:18px;}
    .cert-download-btn{font-size:14px;padding:9px 22px;}
}