.my-profile-page,.public-profile-page{min-height:100vh;background:radial-gradient(ellipse at 85% 0%,rgba(151,98,255,.2),transparent 32rem),linear-gradient(155deg,#170a29,#281746 62%,#1b102a);color:#fff}.my-profile-shell,.public-profile-shell{width:min(100%,720px);margin:auto;padding:max(18px,env(safe-area-inset-top)) 16px calc(120px + env(safe-area-inset-bottom));position:relative}.mp-header,.pp-header{display:flex;align-items:center;gap:14px;min-height:64px;margin-bottom:16px}.mp-header>a,.pp-header>a{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:white;text-decoration:none;font-size:1.6rem}.mp-header small,.pp-header small{font-size:.62rem;letter-spacing:.18em;color:#c3b1dc;font-weight:850}.mp-header h1,.pp-header h1{font-size:1.5rem;letter-spacing:-.04em;margin:2px 0}.private-mark{margin-left:auto;border:1px solid rgba(185,245,83,.36);border-radius:99px;padding:7px 10px;font-size:.58rem;letter-spacing:.12em;color:#c6fa78;font-weight:900}.mp-status,.mp-error,.pp-status,.pp-error{padding:20px;text-align:center}.mp-error,.pp-error{color:#ffb5c1}.mp-identity,.pp-identity{display:flex;align-items:center;gap:16px;border-radius:22px;padding:18px;background:#fff;color:#241834;box-shadow:0 16px 42px #0c061550}.mp-avatar,.pp-avatar{width:76px;height:76px;flex:none;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#39d9a4,#7659ed 60%,#e982ba);box-shadow:inset 0 0 0 5px #ffffff38;font-size:2rem}.mp-identity-copy{min-width:0}.mp-identity h2,.pp-identity h2{margin:0;font-size:1.65rem;letter-spacing:-.05em;overflow-wrap:anywhere}.mp-identity p,.pp-identity p{margin:5px 0;color:#655b71;font-size:.85rem}.mp-vibe{display:inline-block;margin-top:5px;padding:4px 9px;border-radius:99px;background:#f1eaff;color:#613cb0;font-size:.68rem;font-weight:850}.mp-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 18px}.mp-mini-stats div{display:grid;gap:2px;text-align:center;padding:12px 5px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff0b}.mp-mini-stats strong{font-size:1.1rem}.mp-mini-stats span{font-size:.69rem;color:#c7b9dc}.mp-section{margin-top:14px;padding:16px;border:1px solid #ffffff20;border-radius:20px;background:#ffffff0c;box-shadow:0 12px 30px #0d061b22}.mp-section>header,.pp-flames>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mp-kicker,.pp-flames header small{color:#b9f553;font-size:.6rem;letter-spacing:.16em;font-weight:900}.mp-section h2,.pp-flames h2{margin:3px 0 0;font-size:1.2rem;letter-spacing:-.03em}.mp-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mp-week-grid div{display:grid;gap:7px;min-height:74px;align-content:center;text-align:center;border-radius:14px;background:#fff;color:#241834;padding:9px 4px}.mp-week-grid strong{font-size:1.25rem;line-height:1;overflow-wrap:anywhere}.mp-week-grid span{font-size:.64rem;color:#746b80;font-weight:700}.mp-setting-row,.mp-control-row{font:inherit;color:inherit;width:100%;display:flex;align-items:center;gap:12px;border:0;border-top:1px solid #ffffff17;background:transparent;text-align:left;padding:14px 2px;text-decoration:none}.mp-setting-row:first-of-type{border-top:0}.mp-setting-row>span:nth-child(2){flex:1;display:grid;gap:4px}.mp-setting-row small,.backup-row small{font-size:.68rem;color:#c8b9db}.mp-setting-row strong{font-size:.9rem}.mp-setting-row em{font-style:normal;font-size:.64rem;color:#c7f477}.mp-setting-row>b{font-size:.7rem;color:#c3f572}.setting-symbol,.power-icon{width:38px;height:38px;flex:none;border-radius:13px;display:grid;place-items:center;background:#ffffff15;color:#d6c5f7;font-weight:900}.mp-power-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #ffffff17}.mp-power-row:first-of-type{border-top:0}.mp-power-row>div strong{font-size:.79rem}.mp-power-row p{font-size:.68rem;line-height:1.4;color:#c2b5d4;margin:4px 0 0}.mp-outline{border:1px solid #baf45d;border-radius:12px;color:#d2ff91;background:#26351d;text-decoration:none;font:inherit;font-size:.7rem;font-weight:900;padding:10px 12px;white-space:nowrap;cursor:pointer}.mp-control-row{justify-content:space-between;font-size:.82rem}.mp-control-row:first-of-type{border-top:0}.mp-control-row>strong{margin-left:auto;color:#c9bdd8;font-size:.7rem}.backup-row code{max-width:44%;margin-left:auto;color:#d6cbeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-row button{border:0;background:#b9f553;color:#213111;border-radius:9px;padding:8px 10px;font-weight:900}.danger-row{color:#ffadb8}.mp-notices article{padding:10px;border-radius:13px;background:#ffffff12;margin-top:8px;font-size:.8rem}.mp-main-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0;padding:17px 18px;border-radius:17px;background:#b8f34e;color:#1c2c12;text-decoration:none;font-size:.93rem;font-weight:950;box-shadow:0 12px 26px #9de23d25}.mp-main-action span{font-size:1.4rem}.mp-location-note{text-align:center;color:#b6a9c7;font-size:.65rem;line-height:1.5;margin:12px 12px 0}.mp-dialog,.pp-dialog{max-width:min(92vw,440px);width:440px;padding:0;border:1px solid #ffffff2b;border-radius:24px;background:#26183b;color:white;box-shadow:0 24px 80px #0009}.mp-dialog::backdrop,.pp-dialog::backdrop{background:#0c0614b8;backdrop-filter:blur(4px)}.mp-dialog form,.pp-dialog form{position:relative;padding:25px}.dialog-close{position:absolute;right:14px;top:12px;color:#fff;background:#ffffff13;border:0;border-radius:50%;width:34px;height:34px;font-size:1.3rem}.mp-dialog h2,.pp-dialog h2{margin:0 42px 14px 0}.mp-dialog input,.mp-dialog select{width:100%;padding:13px;border-radius:12px;border:1px solid #ffffff30;background:#fff;color:#241834;font:inherit}.mp-dialog .mp-submit{width:100%;margin-top:14px;border:0;border-radius:12px;background:#b9f553;color:#233310;padding:13px;font-weight:950}.avatar-options,.gender-options{display:flex;flex-wrap:wrap;gap:9px}.avatar-options button,.gender-options button{width:48px;height:48px;border-radius:15px;background:#ffffff12;color:white;border:1px solid #ffffff2d;font-size:1.3rem}.avatar-options button[aria-pressed=true],.gender-options button[aria-pressed=true]{border-color:#b9f553;background:#b9f553;color:#241834}.mp-toast,.pp-toast{position:fixed;z-index:20;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#fff;color:#28193c;padding:12px 18px;border-radius:13px;box-shadow:0 10px 30px #0006;font-weight:800;font-size:.8rem;max-width:calc(100vw - 32px);text-align:center}.pp-identity{padding:20px}.pp-identity small{font-size:.72rem;color:#684b9f}.pp-flames{margin-top:16px;padding:19px;border-radius:22px;background:#fff;color:#261a36;box-shadow:0 16px 40px #0c061550}.pp-flames header{align-items:flex-start}.pp-flames header small{color:#8b5ad7}.pp-flames header strong{font-size:.7rem;color:#705995}.pp-question-row{display:flex;justify-content:space-between;gap:14px;padding:13px 2px;border-top:1px solid #eee9f5;color:#463857;font-size:.86rem}.pp-question-row strong{color:#754ad0;white-space:nowrap}.pp-empty{color:#766d82;font-size:.85rem;padding:10px 0}.pp-actions{display:grid;gap:10px;margin-top:15px}.pp-primary,.pp-secondary{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border-radius:17px;border:0;text-align:left;text-decoration:none;font:inherit}.pp-primary{background:#b9f553;color:#253313}.pp-secondary{background:#fff;color:#30203f}.pp-primary>span:nth-child(2),.pp-secondary>span:nth-child(2){display:grid;gap:3px;flex:1}.pp-primary small,.pp-secondary small{font-size:.68rem;opacity:.72}.pp-primary>span:first-child,.pp-secondary>span:first-child{font-size:1.3rem}.pp-primary>b,.pp-secondary>b{font-size:1.3rem}.pp-dialog h3{margin-top:0}.pp-choice{display:block;width:100%;margin:8px 0;padding:14px;text-align:left;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0d;color:white}.pp-choice strong,.pp-choice small{display:block}.pp-choice small{margin-top:5px;color:#c2b5d4;line-height:1.4}.pp-choice b{color:#d3ff92}.pp-status,.pp-error{padding:24px;text-align:center}
@media(max-width:460px){.my-profile-shell,.public-profile-shell{padding-left:12px;padding-right:12px}.mp-identity,.pp-identity{padding:14px;gap:11px}.mp-avatar,.pp-avatar{width:64px;height:64px;border-radius:20px}.mp-identity h2,.pp-identity h2{font-size:1.4rem}.mp-section{padding:14px}.mp-week-grid{gap:5px}.mp-week-grid div{min-height:68px}.mp-week-grid strong{font-size:1.1rem}.mp-week-grid span{font-size:.58rem}.mp-power-row{grid-template-columns:34px 1fr auto;gap:8px}.power-icon,.setting-symbol{width:34px;height:34px}.mp-outline{padding:9px;font-size:.64rem}.backup-row{flex-wrap:wrap}.backup-row code{max-width:calc(100% - 95px)}.mp-header h1,.pp-header h1{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important}}

.mp-get-coins{display:block;margin:-5px 0 12px;padding:11px 14px;border-radius:13px;background:#b9f553;color:#243515;text-decoration:none;text-align:center;font-size:.76rem;font-weight:950}.boost-power-card>p{color:#e4d8f1;font-size:.78rem}.boost-power-card>p strong{color:#d9fca0;font-size:1.1rem}.boost-power-card>small{color:#c6b9d6;font-size:.68rem}

/* Private profile refresh: warm off-white identity, lime action, gold rank, dark settings. */
.my-profile-page { background: #150a2e; color: #fff; }
.my-profile-shell { width: min(100% - 28px, 680px); padding-top: max(24px,env(safe-area-inset-top)); padding-bottom: calc(150px + env(safe-area-inset-bottom)); }
.mp-header { min-height: 74px; margin-bottom: 18px; }
.mp-header small { color: #a3e635; font-size: .65rem; }
.mp-header h1 { color: #fff; font-size: clamp(1.8rem,6vw,2.3rem); font-weight: 950; }
.private-mark { border-color: #a3e63560; color: #d7ff8c; }
.mp-identity { border: 1px solid #a3e635; border-radius: 20px; background: #f8f5ff; box-shadow: 0 0 22px #a3e63524,0 16px 40px #08031470; }
.mp-identity p { color: #655b71; }
.mp-mini-stats { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 12px 0 4px; }
.mp-mini-stats div { border: 1px solid #3b2a66; border-radius: 16px; background: #1e1038; padding: 13px 8px; }
.mp-mini-stats strong { color: #fff; font-size: 1.3rem; }
.mp-mini-stats span { color: #b8a8d9; font-size: .72rem; }
.mp-class-rank-badge { margin: 8px 3px 12px; color: #ffd66b; font-size: .78rem; font-weight: 900; }
.mp-get-coins { margin: 0 0 14px; padding: 13px 16px; background: #a3e635; color: #11150b; font-size: .84rem; }
.mp-section { border: 1px solid #3b2a66; border-radius: 19px; background: #1e1038; box-shadow: 0 12px 28px #08031435; }
.mp-kicker { color: #a3e635; }
.mp-section h2 { color: #fff; }
.mp-hype-wall { position: relative; overflow: hidden; border-color: #644b86; background: radial-gradient(ellipse at 100% 0%,#49315d75,transparent 58%),#1e1038; }
.mp-hype-wall>header { align-items: flex-start; gap: 10px; }
.mp-hype-wall>header>div { min-width: 0; }
.mp-hype-wall h2 { max-width: 30ch; font-size: clamp(1rem,4vw,1.25rem); line-height: 1.25; }
.mp-live-label { display: flex; align-items: center; gap: 6px; margin: 7px 0 0; color: #c8bdd9; font-size: .69rem; }
.mp-live-label>span { width: 7px; height: 7px; border-radius: 50%; background: #7ee787; box-shadow: 0 0 10px #7ee787; animation: mp-live-pulse 1.8s ease-in-out infinite; }
.mp-live-label i { color: #7ee787; font-style: normal; }
.mp-hype-messages { display: grid; gap: 8px; min-height: 142px; }
.mp-hype-bubble { margin: 0; padding: 10px 13px; border: 1px solid #8d6eaf45; border-radius: 14px 14px 14px 5px; background: linear-gradient(100deg,#ffffff12,#ffffff08); color: #f7f1ff; font-size: .83rem; font-weight: 750; line-height: 1.35; animation: mp-bubble-enter .42s ease both; animation-delay: calc(var(--bubble-order,0) * 90ms); }
.mp-hype-bubble.is-leaving { animation: mp-bubble-exit .38s ease both; }
.week-card>header { align-items: flex-end; }
#mp-week-label { color: #a99cb9; font-size: .67rem; }
.mp-week-grid { gap: 8px; }
.mp-week-grid div { min-height: 78px; padding: 9px 5px; border-radius: 13px; }
.mp-week-grid strong { color: #25183a; }
.mp-week-grid span { color: #756b82; line-height: 1.2; }
.boost-power-card>p { color: #c9bddb; }
.boost-power-card>p strong { color: #a3e635; }
.mp-notices>header h2 { font-size: 1.08rem; }
.mp-notice-card { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 10px; padding: 12px; border: 1px solid #a3e63545; border-radius: 14px; background: #ffffff08; }
.mp-notice-avatar { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #a3e63570; border-radius: 50%; background: #a3e63514; font-size: 1.15rem; }
.mp-notice-copy { display: grid; gap: 4px; min-width: 0; }
.mp-notice-copy strong { color: #fff; font-size: .8rem; line-height: 1.3; }
.mp-notice-copy small { color: #b8a8d9; font-size: .7rem; line-height: 1.35; }
.mp-notice-card .mp-outline { grid-column: 2; justify-self: start; border-color: #a3e635; background: transparent; color: #c8f675; }
.settings-card { background: #1e1038; }
.mp-setting-row { border-color: #3b2a66; }
.mp-setting-row small,.backup-row small { color: #b8a8d9; }
.mp-setting-row strong { color: #fff; }
.mp-setting-row>b { color: #a3e635; }
.mp-static-setting { cursor: default; }
.mp-static-setting .registered-note { margin-left: auto; color: #9486a8; font-size: .65rem; }
.mp-settings-collapse { padding: 0; overflow: hidden; }
.mp-settings-collapse>summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 17px; cursor: pointer; list-style: none; }
.mp-settings-collapse>summary::-webkit-details-marker { display: none; }
.mp-settings-collapse>summary>span { display: grid; gap: 3px; }
.mp-settings-collapse>summary strong { color: #c3b5d8; font-size: .95rem; }
.mp-settings-collapse>summary>b { color: #a99bbd; transition: transform .2s ease; }
.mp-settings-collapse[open]>summary>b { transform: rotate(180deg); }
.mp-settings-content { padding: 0 16px 14px; }
.mp-settings-group { padding-top: 12px; border-top: 1px solid #3b2a66; }
.mp-settings-group h3 { margin: 0 0 3px; color: #b8a8d9; font-size: .7rem; font-weight: 800; }
.mp-settings-group .mp-power-row { border-color: #3b2a66; }
.mp-control-row { border-color: #3b2a66; color: #a99db9; font-size: .75rem; }
.location-row>span { display: grid; gap: 5px; }
.location-row>span strong { color: #bcb0cc; font-size: .74rem; }
.location-row>span small { color: #8f829f; font-size: .62rem; line-height: 1.35; }
.location-row>strong { color: #c5b8d5; }
.backup-row { flex-wrap: wrap; gap: 8px; }
.backup-row>span { display: grid; gap: 4px; }
.backup-row>span strong { color: #bcb0cc; font-size: .74rem; }
.backup-row code { max-width: none; margin-left: auto; color: #d8cce8; font-size: .74rem; letter-spacing: .06em; }
.backup-row button { border: 1px solid #a3e63566; border-radius: 8px; background: transparent; color: #c9f379; padding: 7px 9px; font-size: .66rem; cursor: pointer; }
.backup-row button:disabled { opacity: .48; }
.mp-control-row:not(.backup-row):not(.location-row) { min-height: 42px; padding: 9px 2px; color: #aaa0b7; font-size: .73rem; }
.danger-row { color: #d58e9a !important; }
.mp-outline { border-color: #a3e635; color: #c8f675; background: #a3e6350d; }
.mp-main-action { margin-top: 17px; background: #a3e635; color: #11150b; }
.mp-dialog { background: #1e1038; border-color: #3b2a66; }
.mp-toast { background: #f8f5ff; color: #25183a; }
@keyframes mp-live-pulse { 50% { opacity: .55; transform: scale(.83); } }
@keyframes mp-bubble-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes mp-bubble-exit { to { opacity: 0; transform: translateY(-8px); } }
@media (max-width: 460px) {
  .my-profile-shell { width: calc(100% - 24px); padding-bottom: calc(150px + env(safe-area-inset-bottom)); }
  .mp-week-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .mp-week-grid div { min-height: 72px; }
  .mp-week-grid span { font-size: .59rem; }
  .mp-settings-content { padding-left: 12px; padding-right: 12px; }
  .mp-static-setting .registered-note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .mp-live-label>span { animation: none; }
  .mp-hype-bubble,.mp-hype-bubble.is-leaving { animation: none; }
}
/* Compact HypeBomb privacy controls inside the existing Settings panel. */
.mp-muted-hype-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #3b2a66;color:#fff}
.mp-muted-hype-row>span{display:grid;gap:4px}
.mp-muted-hype-row>span strong{font-size:.8rem}
.mp-muted-hype-row>span small{color:#b8a8d9;font-size:.66rem}
.mp-muted-hypes{display:grid;justify-items:end;gap:7px}
.mp-muted-hype-item{display:flex;align-items:center;gap:8px;color:#ded4ec;font-size:.72rem}
.mp-muted-hype-item button{padding:6px 9px;border:1px solid #a3e635;border-radius:9px;background:transparent;color:#d3ff92;font:inherit;font-weight:850;cursor:pointer}
.mp-outline.is-active{background:#293b1e;border-color:#a3e635;color:#d4ff99;pointer-events:none}
.mp-hidden-section{margin:8px 0;border-top:1px solid #ffffff17}.mp-hidden-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;list-style:none;cursor:pointer}.mp-hidden-section>summary::-webkit-details-marker{display:none}.mp-hidden-section>summary span{display:grid;gap:4px}.mp-hidden-section>summary strong{font-size:.82rem}.mp-hidden-section>summary small{color:#c8b9db;font-size:.68rem}.mp-hidden-items{display:grid;gap:8px;padding:0 0 12px}.mp-hidden-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #ffffff19;border-radius:13px;background:#ffffff08}.mp-hidden-copy{display:grid;gap:4px;min-width:0}.mp-hidden-copy strong{font-size:.78rem;overflow-wrap:anywhere}.mp-hidden-copy small{font-size:.66rem;color:#c8b9db}.mp-hidden-item button{flex:none;padding:8px 10px;border:1px solid #b9f553;border-radius:10px;background:#26351d;color:#d2ff91;font:inherit;font-size:.68rem;font-weight:900}.mp-submit.mp-delete-cancel{background:#ddd;color:#332748}.mp-submit.mp-delete-confirm{background:#a6223d;color:#fff}

.mp-settings-title>strong{display:flex;align-items:center;gap:5px}
.mp-settings-gear{position:relative;display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ffffff12;color:#e0d4f3;font-size:.9rem}
.mp-settings-gear i{position:absolute;top:-6px;right:-7px;display:grid;place-items:center;width:15px;height:15px;border:2px solid #1e1038;border-radius:50%;background:#ef4444;color:#fff;font-size:.58rem;font-style:normal;font-weight:950;line-height:1}
.mp-settings-gear i[hidden]{display:none}
.mp-backup-disclosure{border-top:1px solid #3b2a66}
.mp-backup-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;color:#fff;font-size:.78rem;font-weight:850;line-height:1.35;list-style:none;cursor:pointer}
.mp-backup-disclosure>summary::-webkit-details-marker{display:none}
.mp-backup-disclosure>summary>b{flex:none;color:#a99bbd;transition:transform .2s ease}
.mp-backup-disclosure[open]>summary>b{transform:rotate(180deg)}
.mp-backup-content{padding:0 0 5px}
.mp-backup-content .backup-row{padding-top:8px}
.mp-policy-link { display:flex; align-items:center; justify-content:space-between; width:100%; text-decoration:none; }
.mp-policy-link:hover,.mp-policy-link:focus-visible { color:#fff; }
.mp-policy-link:focus-visible { outline:2px solid #b9f553; outline-offset:2px; border-radius:6px; }