html,body{background:#f6f9fc}body{color:#14203a;--accent:#3d6bd6}button{box-shadow:0 3px 12px #3d6bd638}button.ghost{box-shadow:0 2px 10px #14203a14}.overlay{background:#f6f9fc}.overlay h1{font-size:clamp(28px,5vw,40px)}.overlay h1 .em{margin-right:6px;font-size:.8em}#modes button{box-shadow:none;border-radius:999px;padding:9px 18px;font-size:14.5px}#modes button.on{color:#1f4b9b;background:#e6eefb;box-shadow:inset 0 0 0 1.5px #9dbcef}#modes button.ghost{color:#5b6b8c;background:#fff}.wrap{flex-direction:column;align-items:center;padding:0 24px;display:flex;position:fixed;inset:0;overflow:hidden}.top{flex:none;align-items:center;gap:14px;width:min(1040px,100%);padding:18px 4px 0;display:flex}.lv{color:#33507d;white-space:nowrap;background:#e6eefb;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.lv i{color:#6b83ab;font-style:normal;font-weight:600}.bar{background:#e2eaf5;border-radius:99px;flex:1;height:6px;overflow:hidden}.bar>i{background:#5b8def;border-radius:99px;width:0;height:100%;display:block}.count{color:#6b83ab;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:min(1040px,100%);padding-bottom:30px;display:flex}.goal{color:#7a8cab;letter-spacing:.06em;font-size:13.5px;font-weight:700}.task{letter-spacing:.02em;color:#101a2e;text-wrap:balance;max-width:21em;margin:0;font-size:clamp(26px,4vw,44px);font-weight:600;line-height:1.6}.hint{letter-spacing:.06em;color:#4a6191;opacity:0;min-height:40px;font-size:28px;transition:opacity .18s}.hint.on{opacity:1}.choices{gap:26px;margin-top:4px;display:flex}.choices.hidden{display:none}.choices.pick{z-index:4;pointer-events:none;justify-content:space-around;margin:0;padding:0 5vw;display:flex;position:fixed;top:60%;left:0;right:0}.choices.pick .choice{width:min(30vw,250px);height:min(30vw,210px);font-size:min(16vw,108px)}body.pick .stage{justify-content:flex-start;padding-top:76px}body.pick .choices.pick{top:56%}body.pick .timer{width:min(320px,56%)}.top button.small{box-shadow:none;border-radius:999px;padding:7px 14px;font-size:13px!important}.choice{background:#fff;border:3px solid #dbe6f4;border-radius:20px;justify-content:center;align-items:center;width:168px;height:190px;font-size:84px;transition:border-color .15s,transform .15s;display:flex}.choice.hot{border-color:#5b8def;transform:translateY(-4px)}.timer{background:#e2eaf5;border-radius:99px;width:min(420px,80%);height:8px;overflow:hidden}.timer>i{background:#7fb3ff;border-radius:99px;width:100%;height:100%;display:block}.timer.warn>i{background:#f0a24b}.status{z-index:7;color:#2b3a58;white-space:nowrap;font-variant-numeric:tabular-nums;background:#ffffffe0;border:1px solid #e2eaf5;border-radius:999px;padding:9px 20px;font-size:16px;font-weight:700;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.status b{color:#1f7a4d}.status.warn b{color:#b3261e}.verdict{pointer-events:none;z-index:9;opacity:0;justify-content:center;align-items:center;font-size:clamp(60px,13vw,150px);font-weight:900;transition:opacity .16s;display:flex;position:fixed;inset:0}.verdict.on{opacity:1}.verdict.good{color:#1a7f4b}.verdict.bad{color:#b3261e}.why{z-index:8;text-align:left;background:#fff;border:1px solid #e6cfcf;border-radius:16px;width:min(680px,100% - 48px);padding:16px 20px;display:none;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #14203a1f}.why.on{display:block}.why h3{color:#b3261e;margin:0 0 6px;font-size:16px}.why p{color:#2b3a58;max-width:none;margin:0;font-size:15px;line-height:1.7}.why .row{justify-content:flex-start;margin-top:12px}.report{text-align:left;background:#fff;border-radius:18px;width:min(880px,100%);max-height:100%;padding:24px 26px;overflow:auto;box-shadow:0 12px 40px #14203a1a}.report h1{margin:0 0 4px;font-size:24px}.report .lead{color:#5b6b8c;max-width:none;margin:0 0 18px;font-size:15px}.report .kpi{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.report .kpi div{background:#f4f8fd;border-radius:12px;flex:140px;padding:12px 14px}.report .kpi b{color:#14203a;font-size:26px;display:block}.report .kpi span{color:#6b83ab;font-size:13px}.report table{border-collapse:collapse;width:100%;font-size:14px}.report th{text-align:left;color:#6b83ab;border-bottom:1px solid #e2eaf5;padding:8px 6px;font-weight:700}.report td{vertical-align:top;border-bottom:1px solid #f0f4fa;padding:9px 6px}.report .ok{color:#1a7f4b;font-weight:700}.report .no{color:#b3261e;font-weight:700}.report .lvh{color:#14203a;margin:18px 0 6px;font-size:15px;font-weight:700}.report .lvh em{color:#6b83ab;margin-left:8px;font-size:13px;font-style:normal;font-weight:600}
