.p4{--p4-bg:#071521;--p4-panel:#102333;--p4-line:#2c4558;background:var(--p4-bg);color:#f3f8fc;overflow-wrap:anywhere;border-radius:22px;max-width:1280px;margin:auto;padding:clamp(14px,2.5vw,30px);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.p4 *{box-sizing:border-box}.p4 h2,.p4 h3,.p4 h4,.p4 p{color:inherit}.p4 h3{align-items:center;gap:10px;margin:0 0 16px;font-size:22px;line-height:1.25;display:flex}.p4 h4{font-size:18px}.p4 p{font-size:16px}.p4 small{font-size:13px}.p4 button,.p4 a{touch-action:manipulation}.p4 button,.p4-actions a{color:#f5fbff;cursor:pointer;background:#173448;border:1px solid #58718a;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.p4 button:hover,.p4-actions a:hover{background:#214a63;border-color:#36d7fa}.p4 button:disabled{opacity:.48;cursor:not-allowed}.p4 button:focus-visible,.p4 a:focus-visible,.p4 input:focus-visible,.p4 select:focus-visible{outline-offset:3px;outline:3px solid #46d9fc}.p4 button[aria-pressed=true]{background:#0d6890;border-color:#50d7fa;box-shadow:inset 0 0 0 1px #50d7fa}.p4 button.p4-primary{color:#fff;background:linear-gradient(105deg,#fa285c,#da2856);border-color:#ff5684}.p4 svg:not(.p4-radar-card>svg){flex-shrink:0}.p4 button svg,.p4 a svg{width:20px;height:20px}.p4 label{flex-direction:column;gap:8px;font-size:15px;font-weight:600;display:flex}.p4 input:not([type=checkbox]),.p4 textarea,.p4 select{color:#112d42;background:#f6fbff;border:1px solid #597588;border-radius:10px;width:100%;min-width:0;padding:12px;font-size:16px;line-height:1.4}.p4 textarea{resize:vertical;min-height:90px}.p4 input[type=checkbox]{accent-color:#139ed9;flex:0 0 20px;width:20px;height:20px}.p4 label.p4-check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400}.p4-header{border-bottom:1px solid #345066;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.p4-header h2{letter-spacing:-1.5px;margin:0;font-size:clamp(26px,4vw,48px);font-weight:900;line-height:1.1}.p4-header em{color:#ff396a;font-style:normal}.p4-header p{letter-spacing:2px;margin:10px 0 0;font-size:13px}.p4-header>span{text-align:right;color:#a6d1e6;white-space:nowrap;flex-direction:column;font-size:14px;display:flex}.p4-header>span b{color:#fff;font-size:18px}.p4-panel{background:var(--p4-panel);border:1px solid var(--p4-line);border-radius:18px;margin:20px 0;padding:clamp(16px,2.5vw,26px)}.p4-panel>label{margin:16px 0}.p4-note{color:#b4cbd9!important;font-size:14px!important}.p4-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0;display:grid}.p4-level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.p4-level-grid>article{color:#183247;border:1px solid var(--level);background:#f2f7fa;border-radius:14px;overflow:hidden}.p4-level-grid header{background:var(--level);color:#fff;text-align:center;padding:12px;font-weight:700}.p4-level-grid h3{text-transform:uppercase;margin:0;font-size:22px;display:block}.p4-level-grid p{min-height:64px;padding:0 14px;font-size:14px}.p4-level-grid ol{counter-reset:exercise;padding:0 14px 12px;list-style:none}.p4-level-grid li{counter-increment:exercise;border-top:1px solid #d6e2e9;min-height:74px;padding:10px 0 10px 30px;line-height:1.3;position:relative}.p4-level-grid li:before{content:counter(exercise);background:var(--level);text-align:center;color:#fff;border-radius:50%;width:22px;height:22px;font-weight:700;line-height:22px;position:absolute;top:12px;left:0}.p4-level-grid li b{font-size:14px;display:block}.p4-level-grid li small{margin-top:4px;font-size:12px;display:block}.p4-level-select{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.p4-level-select button{border-color:var(--level);flex-direction:column;display:flex}.p4-level-select button[aria-pressed=true]{background:var(--level);color:#071521;box-shadow:0 0 0 2px #fff}.p4-level-select b{font-size:17px}.p4-overview{padding-left:20px}.p4-overview li{padding:5px}.p4-overview span{color:#b4cbd9;font-size:14px;display:block}.p4-safety{gap:16px;margin:22px 0;display:grid}.p4-person{background:#1a394b;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.p4-exercise-title{justify-content:space-between;gap:12px;display:flex}.p4-exercise-title h3{margin:8px 0;font-size:32px}.p4-exercise-title>span{color:#071521;border-radius:12px;place-items:center;min-width:64px;height:54px;font-size:22px;font-weight:800;display:grid}.p4-instructions{background:#0b1d2c;border-left:3px solid #41ccee;margin:20px 0;padding:10px 18px}.p4-instructions ol{padding-left:20px}.p4-instructions li{margin:8px 0}.p4-capture-modes{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.p4-stage{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:18px;display:grid}.p4-camera{aspect-ratio:4/3;background:#040c14;border:1px solid #345066;border-radius:18px;min-width:0;position:relative;overflow:hidden}.p4-camera video,.p4-camera canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.p4-camera p{color:#fff;background:#061522df;width:100%;margin:0;padding:10px;font-size:14px;position:absolute;bottom:0;left:0}.p4-camera-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.p4-camera-empty>svg{color:#48d1f4;width:48px;height:48px}.p4-countdown{color:#fff;background:#051421a0;place-items:center;font-size:100px;display:grid;position:absolute;inset:0}.p4-timer{text-align:center;background:#071521;border:1px solid #345066;border-radius:18px;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;padding:20px;display:flex}.p4-timer>strong{color:#3ed8f9;font-size:70px;line-height:1}.p4-timer>strong small{font-size:24px}.p4-confirm{margin-top:22px}.p4-fatigue{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;display:grid}.p4-fatigue button{flex-direction:column;padding:12px 6px;font-size:14px}.p4-fatigue b{font-size:22px}.p4-confirm>label{margin:16px 0}.p4 button.p4-text-button{color:#b7d9ea;background:0 0;border-color:#0000;margin-top:12px;text-decoration:underline}.p4-steps{justify-content:center;gap:10px;margin-top:20px;display:flex}.p4-steps span{background:#244258;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.p4-steps .current{color:#071521;background:#0caada;font-weight:800}.p4-steps .done{background:#19805f}.p4-question{border:0;margin:24px 0;padding:0}.p4-question legend{margin-bottom:12px;font-size:18px;font-weight:700}.p4-question>div{flex-wrap:wrap;gap:10px;display:flex}.p4-result-heading{justify-content:space-between;align-items:center;gap:12px;margin:24px 0;display:flex}.p4-result-heading h2{margin:6px 0;font-size:26px}.p4-level-badge{color:#071521;white-space:nowrap;border-radius:8px;padding:8px 14px;font-weight:800}.p4-result-grid{grid-template-columns:1fr 1.2fr;gap:18px;display:grid}.p4-score-card,.p4-radar-card{background:linear-gradient(140deg,#172d3d,#0b1a28);border:1px solid #38516a;border-radius:18px;min-width:0;padding:24px}.p4-score-card{text-align:center}.p4-score-card h3,.p4-radar-card h3{justify-content:center;font-size:18px}.p4-score-card p{color:#b4cbd9;font-size:14px}.p4-ring{aspect-ratio:1;max-width:230px;margin:0 auto 15px;position:relative}.p4-ring>svg{width:100%;height:100%}.p4-ring>strong{flex-direction:column;justify-content:center;align-items:center;font-size:66px;line-height:1;display:flex;position:absolute;inset:0}.p4-ring strong small{color:#c1d3df;margin-top:8px;font-size:18px}.p4-bars{text-align:left;gap:13px;margin-top:25px;display:grid}.p4-bars>div{grid-template-columns:110px 1fr 34px;align-items:center;gap:8px;font-size:13px;display:grid}.p4-bars i{background:#294153;border-radius:10px;height:9px;overflow:hidden}.p4-bars i b{border-radius:10px;height:100%;display:block}.p4-bars strong{text-align:right}.p4-radar-card>svg{width:100%;max-height:330px;overflow:visible}.p4-radar-card>p{color:#b4cbd9;font-size:13px}.p4-highlights{grid-template-columns:1fr 1fr;gap:10px;display:grid}.p4-highlights article{border:1px solid #526981;border-radius:13px;flex-direction:column;gap:6px;padding:12px;display:flex}.p4-highlights svg{color:#ffbc40;width:26px;height:26px}.p4-highlights article+article svg{color:#ff5078}.p4-highlights small{font-size:12px}.p4-highlights b{font-size:18px}.p4-exercise-results{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.p4-exercise-results article{background:#081b29;border:1px solid #38516a;border-radius:12px;flex-direction:column;gap:8px;padding:15px;display:flex}.p4-exercise-results strong{color:#51d8f8;font-size:18px}.p4-exercise-results small{color:#b4cbd9}.p4-progress{text-align:center;justify-content:space-around;align-items:center;gap:16px;display:flex}.p4-progress>span{flex-direction:column;display:flex}.p4-progress strong{font-size:46px}.p4-progress>b{color:#51e3b0;font-size:22px}.p4-comparisons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0;display:grid}.p4-comparisons>span{border:1px solid #466176;border-radius:12px;flex-direction:column;gap:5px;padding:12px;display:flex}.p4-comparisons small{color:#b4cbd9}.p4-program-editor{background:#071521;border-radius:12px;padding:16px}.p4-program-editor nav{flex-wrap:wrap;gap:8px;display:flex}.p4-program-editor label{margin:16px 0}.p4-product-search{gap:6px;display:grid}.p4-product-remove{margin:4px;font-size:14px!important}.p4-share fieldset{border:1px solid #456478;border-radius:12px;margin-top:20px;padding:16px}.p4-service-choices{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.p4-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.p4-history{border-top:1px solid #345066;margin-top:32px;padding-top:24px}.p4-history>button{text-align:left;background:#102333;justify-content:space-between;gap:18px;width:100%;margin:10px 0;display:flex}.p4-history>button>div{flex-direction:column;flex:1;display:flex}.p4-history small{color:#b4cbd9}.p4-history>button>strong{color:#54d6f6;font-size:22px}.p4-history>button>span{font-size:13px}.p4-notice{background:#213d50;border-left:4px solid #3ed8f9;border-radius:8px;padding:14px}.p4-completed{text-align:center}.p4-completed>svg{color:#41e2a6;width:64px;height:64px;margin:10px auto}.p4-completed h3{justify-content:center}.p4-programs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.p4-programs article{background:#0b1e2d;border:1px solid #496478;border-radius:14px;padding:16px}.p4-product{align-items:center;gap:12px;margin:12px 0;display:flex}.p4-product img{object-fit:contain;background:#fff;border-radius:8px;width:70px;height:90px}.p4-product>div{flex-direction:column;gap:4px;display:flex}.p4-legacy{flex-wrap:wrap;gap:18px;margin-top:15px;display:flex}.p4 .service-actions,.p4 .service-actions button,.p4 .service-actions h3,.p4 .service-actions p{color:#163247}.p4 .public-trainer-contact{margin-top:24px}.p4 details summary{cursor:pointer;font-size:18px;font-weight:700}.p4-result-public{background:#06121d;min-height:100vh;padding:20px}.p4 .public-trainer-contact button{color:inherit}@media (width<=900px){.p4-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p4-result-grid{grid-template-columns:1fr 1fr}.p4-bars>div{grid-template-columns:90px 1fr 30px;font-size:12px}.p4-score-card,.p4-radar-card{padding:16px}}@media (width<=640px){.p4{border-radius:12px;padding:14px}.p4-header{align-items:flex-start;gap:12px}.p4-header>span{font-size:11px}.p4-header>span b{font-size:13px}.p4-header h2{letter-spacing:-1px;font-size:26px}.p4-header p{letter-spacing:1px;font-size:11px}.p4-stage,.p4-result-grid{grid-template-columns:1fr}.p4-level-select{grid-template-columns:repeat(2,1fr)}.p4-fatigue{grid-template-columns:repeat(3,1fr)}.p4-fatigue button{min-height:80px}.p4-level-grid{gap:8px}.p4-level-grid h3{font-size:17px}.p4-level-grid li{padding-left:25px}.p4-level-grid p{min-height:82px;padding:0 10px}.p4-level-grid ol{padding:0 10px 10px}.p4-history>button{flex-wrap:wrap}.p4-history>button>div{flex-basis:60%}.p4-history>button>span{width:100%}.p4-result-heading h2{font-size:22px}.p4-result-public{padding:8px}.p4-bars>div{grid-template-columns:115px 1fr 36px;font-size:14px}.p4-level-badge{font-size:13px}.p4-timer>strong{font-size:56px}.p4-highlights b{font-size:18px}}@media print{.p4{color:#111;background:#fff}.p4-actions,.p4-share,.p4-history,.public-trainer-contact{display:none}.p4-panel,.p4-score-card,.p4-radar-card{break-inside:avoid}}.p4 .public-trainer-contact,.p4 .trainer-completed-service{color:#123047}.p4 .public-trainer-contact button{color:#123047;background:#e4f4ff;border-color:#87b9d7}.p4 .public-trainer-contact button.active,.p4 .public-trainer-contact .public-trainer-send{color:#fff;background:#0b709c}.p4 .trainer-completed-service{background:#edf8ff;border:1px solid #8fbcd3;border-radius:18px;margin-top:22px;padding:20px}.p4 .trainer-completed-service button{color:#fff;background:#163c53}.p4 .public-trainer-identity{background:#fff;border-radius:12px;padding:12px}.p4 .public-trainer-identity a{color:#065a83}.p4 .public-coupon-modal{color:#123047}.p4-stage{display:block}.p4-camera{aspect-ratio:auto;height:min(78svh,780px);min-height:480px}.p4-camera video,.p4-camera canvas{object-fit:contain;width:100%;height:calc(100% - 198px);inset:66px 0 132px}.p4-camera-heading{z-index:3;background:linear-gradient(#071521f5,#071521d9);justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 16px;display:flex;position:absolute;inset:0 0 auto}.p4-camera-heading>div{flex-direction:column;gap:4px;line-height:1.25;display:flex}.p4-camera-heading b{font-size:22px}.p4-camera-heading small{color:#bed8e8;font-size:12px}.p4-camera-heading span{color:#c6e4f1;font-size:12px}.p4-camera-heading button{flex-shrink:0;min-height:42px;padding:8px 10px;font-size:13px}.p4-camera .p4-timer{z-index:2;text-align:center;pointer-events:none;background:#071521dd;border-color:#7694a6;border-radius:14px;align-items:center;gap:4px;min-width:110px;padding:10px 14px;display:flex;position:absolute;top:88px;right:12px}.p4-camera .p4-timer>strong{font-variant-numeric:tabular-nums;font-size:46px}.p4-camera .p4-timer>small{letter-spacing:.5px;font-size:10px}.p4-camera .p4-timer>strong small{font-size:18px}.p4-camera .p4-timer>b{font-size:13px}.p4-camera-footer{z-index:3;background:#071521f2;padding:10px 14px;position:absolute;inset:auto 0 0}.p4-camera .p4-camera-footer p{text-align:center;background:0 0;width:auto;margin:0 0 8px;padding:0;font-size:14px;line-height:1.35;position:static}.p4-camera-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.p4-camera-controls>button{min-width:110px;min-height:48px}.p4-auto-hint{text-align:center;color:#c6e4f1;margin:8px 0 0;line-height:1.3;display:block;font-size:12px!important}.p4-camera-instructions{text-align:center;margin-top:8px;font-size:13px}.p4 .p4-camera-instructions summary{font-size:13px}.p4-camera-instructions ol{text-align:left;max-width:600px;margin:10px auto;padding-left:25px}.p4-camera-instructions[open]{max-height:36svh;overflow:auto}.p4-camera-empty{padding:150px 24px}.p4-stage-expanded{inset:8px;inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));z-index:10000;background:#071521;border-radius:16px;margin:0;position:fixed}.p4-stage-expanded .p4-camera{border-radius:16px;width:100%;height:100%;min-height:0}.p4-camera .p4-countdown{z-index:2;pointer-events:none}.p4-stage-expanded .p4-camera-heading{padding-top:12px}@media (width<=700px){.p4-exercise-panel{padding:10px}.p4-camera{height:84svh;min-height:480px}.p4-stage-expanded .p4-camera{height:100%;min-height:0}.p4-camera-heading{padding:10px}.p4-camera-heading b{font-size:21px}.p4-camera-heading button{font-size:12px}.p4-camera .p4-timer{min-width:94px;padding:8px 10px;top:88px;right:8px}.p4-camera .p4-timer>strong{font-size:40px}.p4-camera video,.p4-camera canvas{height:calc(100% - 228px);inset:78px 0 150px}.p4-camera-footer{padding:9px 10px}.p4-camera-controls>button{min-width:96px;padding:10px 12px}.p4-camera .p4-camera-footer p{font-size:13px}.p4-camera-heading>div{max-width:calc(100% - 95px)}}@media (height<=500px) and (orientation:landscape){.p4-stage-expanded .p4-camera video,.p4-stage-expanded .p4-camera canvas{width:calc(100% - 150px);height:calc(100% - 110px);inset:55px 150px 55px 0}.p4-stage-expanded .p4-camera-footer{width:145px;top:62px;left:auto;overflow:auto}.p4-stage-expanded .p4-timer{top:66px;right:160px}.p4-stage-expanded .p4-camera-controls>button{width:100%;min-width:0}.p4-stage-expanded .p4-camera-heading span{font-size:11px}}@media (width<=700px),(pointer:coarse){.p4-stage-expanded{border-radius:0;width:100vw;height:100dvh;inset:0}.p4-stage-expanded .p4-camera{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;min-height:0}.p4-stage-expanded .p4-camera video,.p4-stage-expanded .p4-camera canvas{object-fit:cover;object-position:center;width:100%;height:100%;inset:0;transform:scaleX(-1)}.p4-stage-expanded .p4-camera-heading{padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 8px calc(10px + env(safe-area-inset-left));background:linear-gradient(#071521eb,#0715217a,#0000)}.p4-stage-expanded .p4-camera-heading b{font-size:22px}.p4-stage-expanded .p4-camera-heading span{max-width:240px;font-size:12px}.p4-stage-expanded .p4-timer{top:calc(82px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));background:#071521bd;min-width:86px;padding:7px 9px}.p4-stage-expanded .p4-timer>strong{font-size:42px}.p4-stage-expanded .p4-camera-footer{width:auto;max-height:52dvh;padding:12px calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));text-shadow:0 1px 4px #000;background:linear-gradient(#0000,#071521b3 55%,#071521e8);inset:auto 0 0;overflow:auto}.p4-stage-expanded .p4-camera-footer>p{background:#071521b8;border-radius:8px;width:fit-content;max-width:100%;margin:0 auto 8px;padding:4px 8px;font-size:13px}.p4-stage-expanded .p4-camera-controls{flex-flow:wrap;gap:8px}.p4-stage-expanded .p4-camera-controls>button{width:auto;min-width:96px;min-height:48px}.p4-stage-expanded .p4-auto-hint{margin-top:6px;font-size:11px!important}.p4-stage-expanded .p4-camera-instructions{margin-top:6px}.p4-stage-expanded .p4-camera-instructions[open]{background:#071521f5;border-radius:10px;max-height:35dvh;padding:10px}.p4-stage-expanded .p4-camera-empty{padding:100px 24px 170px}}.p4 .p4-level-grid>article,.p4 .p4-level-grid>article p,.p4 .p4-level-grid>article li,.p4 .p4-level-grid>article li b,.p4 .p4-level-grid>article li small{color:#183247}.p4 .p4-level-grid header,.p4 .p4-level-grid header h3,.p4 .p4-level-grid li:before{color:#071521}.p4 .p4-panel>h3,.p4 .p4-panel>p,.p4 .p4-panel label,.p4 .p4-instructions,.p4 .p4-overview li,.p4 .p4-question legend,.p4 .p4-camera-instructions,.p4 .p4-camera-instructions summary,.p4 .p4-camera-instructions li{color:#f3f8fc}.p4 .p4-fields input,.p4 .p4-fields select,.p4 .p4-confirm input,.p4 .p4-confirm textarea{color:#112d42;background:#f6fbff}.p4 button:disabled{opacity:1;color:#d5e0e8;background:#293c4b;border-color:#718698}.p4 input::placeholder,.p4 textarea::placeholder{color:#526776;opacity:1}