/* PhD Fit 5.8 — visual approved. Presentation only; no storage/schema changes. */
:root{--v58-bg:#050806;--v58-card:#0b110d;--v58-card2:#101a13;--v58-line:#294332;--v58-neon:#78ec24;--v58-text:#f7faf6;--v58-muted:#94a096}
body{background:radial-gradient(circle at 50% 0,#102b0e 0,transparent 340px),var(--v58-bg)!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
header{background:linear-gradient(180deg,#0b180b,#071008)!important;border-bottom:1px solid #213722!important}main{max-width:760px!important}.ph49-brand h1{font-weight:950!important}.ph49-brand h1 span{color:var(--v58-neon)!important}
/* Exercise cards: approved preview proportions */
#content .ios-exercise{padding:20px!important;margin:0 0 18px!important;border:1px solid #31523c!important;border-radius:24px!important;background:linear-gradient(150deg,#101c14,#08100b)!important;overflow:hidden}
#content .ios-exercise>.row{align-items:flex-start!important}#content .ios-exercise .exercise-head{width:100%;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:20px!important;align-items:center!important}
#content .ios-exercise .exercise-art{width:180px!important;height:180px!important;flex:none!important;border-radius:20px!important;border:2px solid #dce4dd!important;background:#fff!important;object-fit:contain!important;padding:0!important;display:block}
#content .ios-exercise h3{font-size:23px!important;line-height:1.12!important;margin:0 0 9px!important;color:#fff!important}#content .ios-exercise h3+small{font-size:15px!important;color:#a9b3ab!important}
#content .ios-exercise .exercise-tip{margin:18px 0 0!important;padding:15px 16px!important;border:1px solid #31513b!important;border-left:4px solid #42d27b!important;border-radius:15px!important;background:#17271d!important;font-size:14px!important}.exercise-tip strong{color:#b9ff59!important}
#content .ios-exercise .extra details{margin-top:16px!important;background:#0b140e!important;border:1px solid #31513b!important;border-radius:15px!important;padding:14px!important}.extra summary{font-size:14px!important;color:#b9ff59!important}
.challenge{margin-top:18px!important;padding:18px!important;border:1px solid #31513b!important;border-radius:22px!important;background:#071009!important}.challenge-target{font-size:30px!important;color:#63eda1!important;font-weight:900!important}.challenge-note{color:#96a69a!important;line-height:1.55}.result-entry{margin:18px 0 14px!important}.result-entry label{font-size:12px!important;text-transform:none}.result-entry input{min-height:58px!important;border-radius:14px!important;font-size:22px!important;background:#060b08!important}.result-actions.single .btn-done{min-height:62px!important;border-radius:15px!important;background:linear-gradient(100deg,#9dff08,#72e900)!important;color:#071005!important;font-size:18px!important}.level-chip{background:#174c2d!important;color:#6aeca4!important}
/* Ranking approved preview */
.ph56-rank-head h1{font-size:30px!important}.ph56-my-rank{border-color:#426c30!important}.ph56-emblem{border-color:#64e630!important}.ph56-tabs button.active{background:#75e726!important}.ph56-pod,.ph56-row{background:#09100b!important;border-color:#26382b!important}
/* Persistent bottom navigation */
#ph58-bottom{position:fixed;z-index:9000;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(5,9,6,.96);border-top:1px solid #1e3123;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#ph58-bottom button{min-height:58px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:5px 3px!important;border-radius:12px!important;color:#6f7c72!important;font-size:10px!important;font-weight:700!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}#ph58-bottom button .ico{font-size:22px;line-height:1}#ph58-bottom button.on{color:var(--v58-neon)!important}#ph58-bottom button:active{background:#101a12!important}
/* top legacy tab bar remains functional but visually secondary */
#tabs{margin-bottom:5px}#tabs .profile-only{display:none!important}
@media(max-width:560px){#content .ios-exercise{padding:16px!important}#content .ios-exercise .exercise-head{grid-template-columns:150px minmax(0,1fr)!important;gap:15px!important}#content .ios-exercise .exercise-art{width:150px!important;height:150px!important}#content .ios-exercise h3{font-size:20px!important}.challenge-target{font-size:27px!important}}
@media(max-width:390px){#content .ios-exercise .exercise-head{grid-template-columns:132px minmax(0,1fr)!important;gap:12px!important}#content .ios-exercise .exercise-art{width:132px!important;height:132px!important}#content .ios-exercise h3{font-size:18px!important}.result-entry{grid-template-columns:1fr 1fr!important;gap:9px!important}.ph56-my-top{gap:12px!important}.ph56-emblem{width:78px!important;height:78px!important;flex-basis:78px!important}}