:root{--primary-red: #D71920;--dark-red: #B01218;--gold: #C8952A;--gold-light: #F5E6C0;--gold-border: #D4A843;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--border: #E0E0E0;--background: #FFFFFF;--background-gray: #F5F5F5;--green-active: #2E7D32;--statusbar-height: 28px;--navbar-height: 64px;--safe-bottom: 20px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.16);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--app-max-width: 430px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#eee;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-y}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-frame{position:relative;width:100%;max-width:var(--app-max-width);height:100vh;height:100dvh;overflow:hidden;background:var(--background);box-shadow:var(--shadow-lg)}@media (max-width: 480px){.app-frame{max-width:100%;box-shadow:none}}.scroll-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}.scroll-container::-webkit-scrollbar{display:none}.page{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background);display:flex;flex-direction:column;overflow:hidden}input,select,textarea{font-size:16px;font-family:Roboto,sans-serif}button{border:none;background:none;cursor:pointer;font-family:Roboto,sans-serif;outline:none;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes pulseFingerprint{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.4}to{transform:scale(4);opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.profile-page--reference{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;color:#292725;background:#fff;animation:slideInFromRight .24s ease forwards}.iphone-12-promax-build{--iphone-12pm-safe-top: max(env(safe-area-inset-top, 0px), 47px);--iphone-12pm-safe-bottom: max(env(safe-area-inset-bottom, 0px), 34px);width:100%;max-width:428px;background:#fff}.iphone-12-promax-build .home-red-header{padding-top:var(--iphone-12pm-safe-top)!important}.iphone-12-promax-build .home-bottom-nav{height:calc(60px + var(--iphone-12pm-safe-bottom))!important;min-height:calc(60px + var(--iphone-12pm-safe-bottom));padding-bottom:var(--iphone-12pm-safe-bottom)!important}.iphone-12-promax-build .personal-profile-hero{height:calc(clamp(238px,67.5vw,290px) + var(--iphone-12pm-safe-top))}.iphone-12-promax-build .personal-profile-toolbar{height:calc(58px + var(--iphone-12pm-safe-top));padding-top:calc(8px + var(--iphone-12pm-safe-top))}.iphone-12-promax-build .personal-profile-identity{top:calc(clamp(64px,18.5vw,78px) + var(--iphone-12pm-safe-top))}.personal-profile-hero{position:relative;height:clamp(238px,67.5vw,290px);flex-shrink:0;overflow:hidden;background:#f3eee8}.personal-profile-wave{position:absolute;z-index:0;left:0;bottom:-2%;width:100%;height:auto;opacity:.075;filter:brightness(0);pointer-events:none}.personal-profile-toolbar{position:relative;z-index:2;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;height:58px;padding:8px 18px 0}.personal-profile-toolbar h1{margin:0;color:#292725;font-size:18px;font-weight:700;line-height:1.2;text-align:left}.personal-profile-icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:flex-start;color:#353331;background:transparent;padding:0}.personal-profile-icon-btn:last-child{justify-content:flex-end}.personal-profile-identity{position:absolute;z-index:1;top:clamp(64px,18.5vw,78px);left:0;right:0;display:flex;flex-direction:column;align-items:center}.personal-profile-avatar{width:clamp(92px,26vw,108px);height:clamp(92px,26vw,108px);overflow:hidden;flex-shrink:0;border:4px solid #fff;border-radius:50%;background:#d3d3d3;box-shadow:0 1px 3px #00000014}.personal-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.personal-profile-name{max-width:calc(100% - 36px);margin-top:12px;overflow:hidden;color:#2a2826;font-size:18px;font-weight:700;line-height:1.25;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.personal-profile-level{min-height:34px;margin-top:9px;padding:3px 10px 3px 14px;display:inline-flex;align-items:center;gap:9px;border-radius:18px;color:#3d3935;background:#fff;font-size:15px;font-weight:700;line-height:1;box-shadow:0 1px 3px #00000008}.personal-profile-level img{width:23px;height:23px;object-fit:contain}.personal-info-list{flex:1;min-height:0;padding:0 18px;overflow-x:hidden;overflow-y:auto;background:#fff;scrollbar-width:none;overscroll-behavior:contain}.personal-info-list::-webkit-scrollbar{display:none}.personal-info-row{min-height:56px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eeeeee}.personal-info-row--multiline{min-height:78px;align-items:flex-start;padding:18px 0}.personal-info-label{width:27%;flex-shrink:0;color:#86817d;font-size:14px;font-weight:400;line-height:1.35;white-space:nowrap}.personal-info-value{flex:1;min-width:0;color:#373330;font-size:14px;font-weight:400;line-height:1.4;overflow-wrap:anywhere;text-align:right}@media (max-width: 340px){.personal-profile-toolbar{padding-inline:14px}.personal-info-list{padding-inline:15px}.personal-info-row{gap:8px}.personal-info-label,.personal-info-value{font-size:13px}}@media (max-height: 640px){.personal-profile-hero{height:220px}.personal-profile-toolbar{height:50px;padding-top:3px}.personal-profile-identity{top:55px}.personal-profile-avatar{width:84px;height:84px}.personal-profile-name{margin-top:8px;font-size:16px}.personal-profile-level{min-height:29px;margin-top:6px;padding-block:2px;font-size:13px}.personal-profile-level img{width:20px;height:20px}.personal-info-row{min-height:50px}.personal-info-row--multiline{min-height:70px;padding-block:14px}}.device-frame{position:relative;width:100%;max-width:var(--app-max-width);height:100dvh;border-radius:0;overflow:hidden}@media (min-width: 500px){.device-frame{max-height:900px;height:95vh;border-radius:40px;box-shadow:0 0 0 2px #ccc,0 20px 60px #00000059}}