*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ps-blue: #003087;--ps-blue-dark: #00235a;--ps-blue-light: #0070d1;--ps-blue-mid: #0050c8;--ps-white: #ffffff;--ps-gray: #f0f4ff;--ps-gray-mid: #d8e0f0;--ps-text: #0f1923;--ps-text-muted: #5a6a7a;--ps-error: #c0392b;--ps-plus: #f5a623;--ps-gold: #ffd700;--ps-silver: #b8bec6;--ps-bronze: #cd7f32;--radius: 16px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(0,48,135,.1);--shadow-lg: 0 8px 40px rgba(0,48,135,.16);--grad-primary: linear-gradient(135deg, #003087 0%, #0070d1 100%);--grad-bg: linear-gradient(160deg, #e8eeff 0%, #f4f7ff 50%, #f8f9ff 100%)}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--grad-bg);color:var(--ps-text)}.app{min-height:100dvh;display:flex;flex-direction:column}.header{background:var(--grad-primary);color:var(--ps-white);padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 20px #00308759;position:relative;overflow:hidden}.header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.header-logo{background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);color:var(--ps-white);font-weight:900;font-size:13px;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.5px}.header h1{font-size:17px;font-weight:700;flex:1;letter-spacing:-.2px}.header-signout{color:#ffffffd9!important;border-color:#ffffff40!important;font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14!important}.header-signout:hover{background:#ffffff2e!important}.main{flex:1;padding:24px 16px;max-width:520px;width:100%;margin:0 auto}.loading{text-align:center;padding:60px 20px;color:var(--ps-text-muted)}.card{background:var(--ps-white);border-radius:var(--radius);padding:28px 24px;margin-bottom:16px;box-shadow:var(--shadow);border:1px solid rgba(0,48,135,.06)}.card h2{font-size:19px;font-weight:700;margin-bottom:16px;color:var(--ps-blue-dark)}.login-card{text-align:center;padding:36px 28px}.ps-logo-large{background:var(--grad-primary);color:var(--ps-white);font-weight:900;font-size:24px;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #0050c859;letter-spacing:-1px}.login-card h2{text-align:center}.subtitle{color:var(--ps-text-muted);font-size:14px;margin-bottom:24px;line-height:1.5}.login-steps{text-align:left;margin-top:8px}.step{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.step-num{background:var(--grad-primary);color:var(--ps-white);font-size:12px;font-weight:800;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;box-shadow:0 2px 8px #0050c84d}.step p{font-size:14px;line-height:1.55;color:var(--ps-text)}.step code{background:var(--ps-gray);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--ps-blue-dark)}.lookup-form{display:flex;gap:10px}.input{width:100%;padding:12px 16px;border:1.5px solid var(--ps-gray-mid);border-radius:var(--radius-sm);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s;background:var(--ps-white);color:var(--ps-text)}.input:focus{border-color:var(--ps-blue-light);box-shadow:0 0 0 3px #0070d11f}.btn{padding:11px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;border:1.5px solid transparent;transition:all .18s;white-space:nowrap;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:var(--ps-white);border-color:transparent;box-shadow:0 4px 14px #0050c84d}.btn-primary:not(:disabled):hover{box-shadow:0 6px 20px #0050c873;transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--ps-blue);border-color:var(--ps-gray-mid)}.btn-ghost:not(:disabled):hover{background:var(--ps-gray)}.btn-sm{padding:7px 13px;font-size:13px}.btn-full{width:100%;padding:14px;font-size:15px}.btn-row{display:flex;gap:10px;margin-top:16px}.error-box{margin-top:14px;background:#fdf0ef;border:1px solid #f5c6c3;color:var(--ps-error);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;line-height:1.5}.result-card{border-top:3px solid transparent;background-image:linear-gradient(#fff,#fff),var(--grad-primary);background-origin:border-box;background-clip:padding-box,border-box}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid transparent;background-image:linear-gradient(#fff,#fff),var(--grad-primary);background-origin:border-box;background-clip:padding-box,border-box}.avatar-placeholder{background:var(--grad-primary);color:var(--ps-white);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}.profile-info h3{font-size:18px;font-weight:700;color:var(--ps-blue-dark)}.badge-row{display:flex;gap:6px;margin-top:6px}.badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.03em}.ps-plus{background:linear-gradient(135deg,#f5a623,#e8920a);color:#fff;box-shadow:0 2px 6px #f5a62366}.verified{background:var(--grad-primary);color:#fff;box-shadow:0 2px 6px #0050c84d}.about-me{font-size:13px;color:var(--ps-text-muted);margin-bottom:16px;font-style:italic;line-height:1.5}.ids-section{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.copy-field{background:var(--ps-gray);border-radius:var(--radius-sm);padding:12px 16px;border:1px solid rgba(0,48,135,.07)}.copy-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ps-text-muted);margin-bottom:6px}.copy-row{display:flex;align-items:center;gap:8px}.copy-value{flex:1;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:13px;word-break:break-all;color:var(--ps-blue-dark);font-weight:500}.trophy-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--ps-text-muted);padding-top:14px;border-top:1px solid var(--ps-gray-mid)}.trophy-level{font-weight:600;color:var(--ps-text)}.trophy-progress{color:var(--ps-blue-light);font-weight:700}.trophy-counts{display:flex;flex-wrap:wrap;gap:6px}.trophy-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.t-platinum{background:#e8e4f0;color:#5b4c7a}.t-gold{background:#fef3cd;color:#856404}.t-silver{background:#eaecef;color:#4a5568}.t-bronze{background:#fce8d0;color:#7a4010}.paywall-wrap{position:relative}.paywall-wrap--locked{min-height:260px;overflow:hidden}.paywall-blur{filter:blur(7px);-webkit-user-select:none;user-select:none;pointer-events:none}.blurred-text{letter-spacing:.05em}.paywall-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f8faffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);padding:20px 16px;text-align:center;border:1px solid rgba(0,48,135,.1)}.paywall-icon{font-size:28px;line-height:1}.paywall-title{font-size:16px;font-weight:800;color:var(--ps-blue-dark);margin:0;letter-spacing:-.2px}.paywall-desc{font-size:12.5px;color:var(--ps-text-muted);margin:0;line-height:1.5}.paywall-desc strong{color:var(--ps-blue-dark)}.paywall-price-tag{font-size:11px;font-weight:600;color:var(--ps-text-muted);background:var(--ps-gray);border-radius:20px;padding:3px 10px;border:1px solid var(--ps-gray-mid)}.btn-unlock{background:var(--grad-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:11px 24px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 18px #0050c859;transition:all .18s;letter-spacing:.01em;margin-top:2px}.btn-unlock:not(:disabled):hover{box-shadow:0 6px 24px #0050c880;transform:translateY(-1px)}.btn-unlock:disabled{opacity:.5;cursor:not-allowed}.footer{text-align:center;padding:20px 16px;font-size:12px;color:var(--ps-text-muted)}.footer a{color:var(--ps-blue-light);text-decoration:none}@media (max-width: 400px){.lookup-form{flex-direction:column}.card{padding:20px 16px}}