.ph-lt-win .ph-win-body { overflow:auto; }

.ph-lt-intro,
.ph-lt-result {
    max-width:680px;
    margin:0 auto;
    padding:30px 20px;
    text-align:center;
}
.ph-lt-kicker {
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.12em;
    opacity:.6;
    margin-bottom:8px;
}
.ph-lt-intro h2,
.ph-lt-result h2 { margin:8px 0 12px; }
.ph-lt-intro p,
.ph-lt-result p { line-height:1.55; opacity:.78; }

.ph-lt-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
    font-size:.76rem;
    font-weight:850;
    opacity:.7;
}
.ph-lt-skill,
.ph-lt-level {
    display:inline-flex;
    padding:5px 8px;
    border:1px solid rgba(127,127,127,.22);
    border-radius:999px;
}
.ph-lt-content {
    margin-bottom:12px;
    padding:14px;
    border-radius:12px;
    background:rgba(127,127,127,.07);
    line-height:1.5;
    font-size:.92rem;
}
.ph-lt-question {
    font-size:1rem;
    font-weight:850;
    line-height:1.45;
    margin:12px 0;
}
.ph-lt-options {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.ph-lt-option {
    min-height:48px;
    padding:10px 12px;
    border:1px solid rgba(127,127,127,.22);
    border-radius:11px;
    background:var(--ph-window-bg,#fff);
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
}
.ph-lt-option.correct {
    outline:2px solid rgba(62,165,100,.55);
}
.ph-lt-option.wrong {
    outline:2px solid rgba(195,70,70,.48);
}
.ph-lt-option:disabled { cursor:default; opacity:.82; }

.ph-lt-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:12px;
    font-size:.76rem;
    font-weight:800;
}
.ph-lt-next,
.ph-lt-start {
    border:1px solid rgba(127,127,127,.24);
    border-radius:9px;
    padding:9px 14px;
    background:var(--ph-window-bg,#fff);
    color:inherit;
    font:inherit;
    font-weight:850;
    cursor:pointer;
}

.ph-lt-audio {
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:9px;
    align-items:center;
    padding:12px;
    border:1px solid rgba(127,127,127,.18);
    border-radius:12px;
    margin-bottom:12px;
}
.ph-lt-play {
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(127,127,127,.24);
    border-radius:50%;
    background:var(--ph-window-bg,#fff);
    color:inherit;
    cursor:pointer;
}
.ph-lt-seek { width:100%; cursor:pointer; }
.ph-lt-time { font-size:.68rem; opacity:.62; min-width:74px; text-align:right; }

.ph-lt-score {
    font-size:2.8rem;
    font-weight:950;
    margin:10px 0 2px;
}
.ph-lt-breakdown {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin:16px 0;
}
.ph-lt-breakdown span {
    padding:8px 10px;
    border:1px solid rgba(127,127,127,.2);
    border-radius:999px;
    font-size:.75rem;
}
.ph-lt-disclaimer {
    margin-top:16px;
    font-size:.68rem;
    opacity:.5;
}

@media (max-width:680px) {
    .ph-lt-options { grid-template-columns:1fr; }
    .ph-lt-audio { grid-template-columns:38px minmax(0,1fr); }
    .ph-lt-time { grid-column:2; text-align:left; min-width:0; }
}