/* QuestPick 5.1: neutral app language, one extra destination and safe spacing. */
:root{--pn51-line:rgba(195,111,234,.28)}
/* Six balanced destinations instead of burying tools in the profile. */
@media(max-width:740px){
 .bottomnav{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:5px;padding-right:5px;gap:2px}
 .bottomnav button{min-width:0;padding:7px 1px 5px;gap:5px;font-size:9px;line-height:1.15;overflow:hidden;text-overflow:ellipsis}
 .bottomnav button span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.15px}
 .bottomnav button .nav-icon{width:21px;height:21px;flex:none}
 .bottomnav button.current .nav-icon{transform:none}
}
@media(max-width:355px){.bottomnav button{font-size:8px}.bottomnav button .nav-icon{width:19px;height:19px}}
/* Cards must remain in normal flow, never overlap what follows. */
.xp-hero,.xp-profile-hero,.pn51-profile-card{position:relative;isolation:isolate;min-width:0;height:auto;max-height:none;overflow:hidden}
.xp-quickgrid,.xp-stats,.xp-health,.pn51-tool-category{position:relative;z-index:auto;min-width:0;clear:both}
.xp-profile-hero + .xp-quickgrid,.pn51-profile-card + .pn51-profile-section{margin-top:24px}
.xp-hero + .xp-stats,.xp-challenge-hero + .xp-section{margin-top:20px}
.xp-library-banner + .xp-tools,.xp-tool-category + .xp-tool-category{margin-top:17px}
.xp-profile-hero,.pn51-profile-card{margin-bottom:0}
.xp-quick{height:auto;min-height:84px}
.xp-quick b,.xp-quick small,.pn51-tool-copy b,.pn51-tool-copy small{overflow-wrap:anywhere}
/* Consistent high-contrast, readable navigation affordance. */
.pn51-back{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--pn51-line);background:linear-gradient(145deg,#3b154d,#2d113a);color:#e3baf6;border-radius:999px;padding:8px 14px;margin:14px 0 17px;font-size:13px;font-weight:760;min-height:38px}
.pn51-back svg{width:16px;height:16px;transform:rotate(180deg)}
.pn51-back:active{background:#592173}
.pn51-tool-category{margin:26px 0 0}
.pn51-category-head{margin:0 0 12px}
.pn51-category-head h2,.pn51-profile-section h2{display:flex;align-items:center;gap:10px;margin:0;color:#f4e3fc;font-size:18px;font-weight:800}
.pn51-category-head h2 svg,.pn51-profile-section h2 svg{width:21px;height:21px;color:#c36fea}
.pn51-category-head p{margin:7px 0 0;color:#c39cd6;line-height:1.6;font-size:12px}
.pn51-tool-list{display:grid;gap:9px}
.pn51-tool-link{width:100%;min-width:0;display:flex;align-items:center;gap:13px;border-radius:16px;padding:15px 14px;text-align:left;background:linear-gradient(130deg,#3e1750,#2a1036);border:1px solid rgba(189,107,226,.32);color:#f4e3fc;box-shadow:inset 0 1px 0 rgba(244,227,252,.06)}
.pn51-tool-link:active{border-color:#c56aef;background:linear-gradient(130deg,#471a5b,#3e1750)}
.pn51-tool-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:#47126090;border:1px solid #c568f04c;color:#d085f3}
.pn51-tool-icon svg{width:23px;height:23px}
.pn51-tool-copy{display:grid;gap:5px;flex:1;min-width:0}
.pn51-tool-copy b{font-size:14px;line-height:1.25}
.pn51-tool-copy small{font-size:11px;line-height:1.45;color:#c7a1d9}
.pn51-tool-link>.nav-icon:last-child{width:17px;height:17px;color:#c676ec;flex:none}
/* Polished, separate profile surfaces. */
.pn51-profile-card{display:flex;align-items:center;gap:20px;padding:23px;background:radial-gradient(ellipse at 100% 0%,#66268340,transparent 67%),linear-gradient(145deg,#411b53,#2e113b);border-color:rgba(202,124,239,.43)}
.pn51-avatar{display:grid;place-items:center;flex:none;width:92px;height:92px;border-radius:24px;background:linear-gradient(140deg,#46165c,#39134a);border:1px solid #c069e98c;overflow:hidden}
.pn51-avatar>svg{width:39px;height:39px;color:#d591f4}
.pn51-avatar img{width:100%;height:100%;object-fit:cover}
.pn51-profile-copy{flex:1;min-width:0}
.pn51-kicker{font-size:10px;letter-spacing:2px;color:#c77de9;font-weight:830}
.pn51-profile-copy h2{margin:9px 0 7px;font-size:25px;line-height:1.2;overflow-wrap:anywhere}
.pn51-profile-copy p{margin:0 0 13px;color:#d5bae2;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.pn51-profile-copy small{display:block;color:#c991e3;margin-bottom:10px;font-size:11px}
.pn51-profile-copy .btn{font-size:12px;max-width:100%;white-space:normal}
.pn51-profile-section{margin-top:27px;min-width:0}
.pn51-profile-section h2{margin-bottom:14px}
.pn51-backup{border-color:#57d2ad48;background:linear-gradient(140deg,#331342,#2c1039);padding:19px}
.pn51-backup p{font-size:13px;line-height:1.65;color:#b4d9d5;margin:0 0 15px}
.pn51-backup-actions{display:flex;flex-wrap:wrap;gap:9px}
.pn51-backup-actions .btn{flex:1 1 180px;min-width:0;white-space:normal;font-size:12px;line-height:1.4}
.pn51-preferences{padding:18px;display:grid;gap:12px}
.pn51-preferences label{display:grid;gap:5px}
.pn51-preferences label b{font-size:14px}
.pn51-preferences label span{font-size:12px;line-height:1.55;color:#ceaedc}
.pn51-preferences select{font-size:16px;min-height:47px;border-radius:12px;background:#2e0e3d;color:#fff;border:1px solid #9753b7;padding:10px}
.pn51-preferences p{font-size:11px;color:#b585cc;margin:0}
.pn51-profile-version{margin:30px 0 8px;display:flex;align-items:center;justify-content:center;gap:10px;color:#be92d3;font-size:12px;opacity:.92;flex-wrap:wrap}
.pn51-profile-version span{font-weight:850;letter-spacing:1.7px}
.pn51-profile-version b{color:#e4baf7;font-variant-numeric:tabular-nums}
.pn51-profile-version small{width:100%;text-align:center;font-size:10px;color:#a473bb}
/* Journey archive, accessible independent of an active draw. */
.pn51-archive-intro{padding:21px;background:radial-gradient(ellipse at 90% 0%,#7a23a243,transparent 75%),linear-gradient(140deg,#3a174b,#281033);border-color:#ba61e455}
.pn51-archive-intro>div:first-child{display:flex;align-items:center;gap:9px;color:#eccdfa;font-size:15px}
.pn51-archive-intro>div:first-child svg{width:22px;height:22px;color:#c66eef}
.pn51-archive-intro p{font-size:12px;line-height:1.65;color:#ceaadf;margin:13px 0}
.pn51-archive-stats{display:flex;flex-wrap:wrap;gap:15px}
.pn51-archive-stats span{font-size:12px;color:#c5a0d6}
.pn51-archive-stats strong{font-size:17px;color:#d694f4;margin-right:5px}
.pn51-archive-search{display:flex;align-items:center;gap:9px;border-radius:15px;border:1px solid #944eb480;background:#30103e;padding:5px 13px;margin:17px 0 13px;min-width:0}
.pn51-archive-search svg{width:20px;height:20px;color:#c178e3;flex:none}
.pn51-archive-search input{font-size:16px!important;height:43px;min-width:0;border:0;outline:0;background:transparent;color:#f4e3fc;width:100%}
.pn51-archive-list{display:grid;gap:10px}
.pn51-archive-item{display:flex;align-items:center;gap:14px;text-align:left;width:100%;min-width:0;padding:12px;border:1px solid #cb88ea30;background:linear-gradient(125deg,#361545,#270f32);border-radius:17px;color:#f4e3fc}
.pn51-archive-item .cover{width:66px;border-radius:9px;flex:none}
.pn51-archive-item>span{display:grid;gap:6px;flex:1;min-width:0}
.pn51-archive-item b{font-size:14px;overflow-wrap:anywhere}
.pn51-archive-item small{font-size:11px;color:#bc92cf}
.pn51-archive-item em{color:#c26ee9;font-style:normal;font-size:10px}
.pn51-archive-item>.nav-icon{width:18px;height:18px;color:#ba67e1;flex:none}
.pn51-empty-archive{text-align:center;padding:30px 17px}
.pn51-empty-archive h3{font-size:18px;margin:0 0 9px}
.pn51-empty-archive p,.pn51-archive-note{font-size:12px;line-height:1.55;color:#c39dd4}
.pn51-empty-archive .btn{margin-top:14px}
.pn51-archive-more{justify-self:center;margin:8px 0}
.pn51-journey-chooser{margin:0 0 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pn51-journey-chooser .btn{font-size:12px;white-space:normal}
.pn51-journey-chooser span{font-size:11px;line-height:1.45;color:#c18fd8;display:flex;align-items:center;gap:5px}
.pn51-journey-chooser span svg{width:15px;height:15px}
.pn51-onboard{padding:28px 22px;text-align:center}
.pn51-onboard-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 12px;border-radius:20px;background:#3f1354;color:#c674ec}
.pn51-onboard-icon svg{width:34px;height:34px}
.pn51-onboard h2{font-size:23px;margin:12px auto;max-width:490px}
.pn51-onboard p{font-size:13px;color:#cfabe0;line-height:1.7;max-width:490px;margin:0 auto 20px}
.pn51-onboard-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}
.pn51-onboard-buttons .btn{min-width:160px}
@media(max-width:740px){
 .pn51-profile-card{padding:18px;gap:12px}.pn51-avatar{width:62px;height:62px;border-radius:16px}.pn51-profile-copy h2{font-size:22px}
 .pn51-profile-copy .btn{font-size:11px;padding:11px 12px}
 .pn51-backup-actions{display:grid;grid-template-columns:1fr}
 .pn51-backup-actions .btn{width:100%;min-height:45px}
 .pn51-tool-category{margin-top:24px}
 .pn51-tool-link{padding:13px 12px;gap:11px}
 .pn51-tool-icon{width:38px;height:38px}
 .pn51-tool-icon svg{width:21px;height:21px}
}
@media(max-width:355px){.pn51-profile-card{align-items:flex-start}.pn51-avatar{width:50px;height:50px}.pn51-profile-copy h2{font-size:20px}.pn51-archive-item .cover{width:52px}.pn51-tool-link{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){.pn51-tool-link,.pn51-back{animation:none;transition:none}}

.pn51-avatar-glyph{font-size:33px;line-height:1}.pn51-library-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 16px}.pn51-library-actions .btn{flex:1 1 166px;min-width:0;font-size:12px;white-space:normal;line-height:1.35}
@media(max-width:370px){.pn51-library-actions{flex-direction:column}.pn51-library-actions .btn{width:100%;flex:auto}}