/* Plain Music by Evermark v1.04 — simpler progress and reviewed portable backups. */
.passport-main{max-width:1100px}
.passport-hero{padding:24px 0 22px;max-width:800px}
.passport-hero h1{font-size:clamp(32px,4.8vw,50px)}
.passport-hero p{font-size:14px}
.passport-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.passport-shortcuts a{
 display:inline-flex;align-items:center;justify-content:center;min-height:42px;
 border:1px solid #51678b;background:#182b47;color:#e5eafa;font-size:12px;
 font-weight:760;border-radius:999px;padding:9px 14px
}
.passport-shortcuts a:hover{background:#253d60;border-color:#a79bdb}
.passport-backup{background:#15253f;border:1px solid #607093;padding:clamp(20px,3vw,29px);margin-top:27px}
.passport-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.passport-private-label{display:inline-flex;border:1px solid #68799e;border-radius:999px;color:#d9d5f7;padding:7px 10px;font-size:11px;font-weight:750}
.passport-backup>p{font-size:13px;max-width:800px}
.passport-disclosure{font-size:12px!important;color:#bdcce3!important}
.passport-backup-state{padding:13px 17px;background:#203b55;border:1px solid #527291;border-radius:12px;color:#dcecfb!important;font-size:12px!important;margin:20px 0}
.passport-main-actions{margin:19px 0 0}
.passport-main-actions button{min-height:44px}
.profile-panel .passport-secondary-button{background:#263b5b;color:#ebeafa;border:1px solid #8490b3}
.profile-panel .passport-secondary-button:hover{background:#364d70}
.passport-restore-review{border:1px solid #af975f;background:#302d35;padding:20px 21px;border-radius:16px;margin:22px 0 8px}
#history-restore-review[hidden]{display:none!important}
.passport-restore-review h3{font-size:20px;margin:9px 0}
.passport-restore-review p{font-size:12px;line-height:1.65;color:#e3decf}
.passport-restore-review button{min-height:42px}
.passport-advanced{margin:18px 0;border:1px solid #3e526f;border-radius:17px;background:#0f1d31;overflow:hidden}
.passport-advanced>summary{
 cursor:pointer;font-weight:760;color:#d7deef;font-size:13px;padding:17px 20px;
 list-style:revert
}
.passport-advanced>summary:hover{background:#1b2d49}
.passport-advanced[open]>summary{border-bottom:1px solid #3e526f}
.passport-record-details .progress-layout{padding:17px}
.passport-record-details .progress-card{margin:0}
.passport-advanced-content{padding:0 18px 10px}
.passport-advanced-content>.profile-panel{margin:18px 0}
.passport-ending{font-size:13px;text-align:center;margin:28px auto}
.passport-main button:focus-visible,.passport-main summary:focus-visible,.passport-main a:focus-visible,
.passport-main input:focus-visible{outline:3px solid #f1d3a1;outline-offset:3px}
.passport-main button{font-family:inherit}
@media(max-width:700px){
 .passport-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .passport-shortcuts a{font-size:11px;padding:10px 9px}
 .passport-section-head{align-items:flex-start}
 .passport-advanced-content{padding:0 10px 8px}
 .passport-record-details .progress-layout{padding:12px}
 .passport-restore-review{padding:18px 15px}
 .passport-main-actions button{flex:1 1 100%}
}
@media(max-width:350px){.passport-shortcuts{grid-template-columns:1fr}}

@media(max-width:500px){.passport-advanced-content .backup-tools button{flex:1 1 100%;min-height:42px}}
