@import"https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap";.navbar{position:sticky;top:0;z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);overflow:visible}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:150px;gap:1rem}.navbar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;color:var(--text-primary);text-decoration:none;white-space:nowrap}.navbar-brand-top{display:flex;align-items:center;gap:.75rem}.navbar-brand-name{font-family:Trade Winds,system-ui;font-weight:400;font-style:normal;font-size:1.4rem;color:var(--text-primary);line-height:1.1;display:flex;flex-direction:column;align-items:center}.navbar-unite{color:var(--accent-yellow);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}.navbar-slogan{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:.9rem;font-weight:400;font-style:italic;color:var(--text-secondary);letter-spacing:.02em;text-transform:capitalize;margin-top:5px}.navbar-beta{font-size:.6rem;font-weight:900;letter-spacing:.1em;color:var(--accent-blue);background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:4px;padding:.15rem .4rem;align-self:flex-start;margin-top:2px}.navbar-brand .icon{font-size:1.5rem}.navbar-logo{height:120px;width:auto}.navbar-links{display:flex;align-items:center;gap:.25rem;list-style:none}.navbar-links a{padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .18s}.navbar-links a:hover,.navbar-links a.active{background:var(--bg-card);color:var(--text-primary)}.navbar-links a.active{color:var(--accent-blue)}.navbar-report-btn{padding:.5rem 1.1rem;background:var(--accent-blue);color:#fff!important;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;transition:background .18s;white-space:nowrap}.navbar-report-btn:hover{background:var(--accent-blue-hover)!important}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.1rem;cursor:pointer;padding:.3rem .55rem;transition:border-color .18s,background .18s;line-height:1}.theme-toggle:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.lang-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.78rem;font-weight:700;cursor:pointer;padding:.3rem .6rem;letter-spacing:.05em;transition:border-color .18s,color .18s}.lang-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.navbar-hamburger{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.25rem}.navbar-support-link{color:var(--text-secondary)!important;font-size:.85rem!important}.navbar-support-link:hover{color:#ff5e3a!important}.navbar-auth-link{color:var(--text-secondary)!important}.navbar-register-btn{padding:.4rem .9rem!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;font-weight:600!important;font-size:.85rem!important;transition:border-color .18s!important}.navbar-register-btn:hover{border-color:var(--border-hover)!important;background:var(--bg-card-hover)!important}.navbar-user-menu-wrap{position:relative}.navbar-user-btn{display:flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .7rem;cursor:pointer;color:var(--text-primary);font-size:.85rem;font-weight:600;transition:border-color .15s}.navbar-user-btn:hover{border-color:var(--border-hover)}.navbar-user-avatar{width:24px;height:24px;border-radius:50%;background:#3b82f626;border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);flex-shrink:0}.navbar-username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-blue)}.navbar-user-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:200;overflow:hidden}.navbar-user-info{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.15rem}.navbar-user-info strong{font-size:.9rem;color:var(--accent-blue)}.navbar-user-info span{font-size:.75rem;color:var(--text-muted)}.navbar-user-logout{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.65rem 1rem;cursor:pointer;font-size:.85rem;color:var(--danger);font-weight:600;text-align:left;transition:background .15s}.navbar-user-logout:hover{background:#ef444412}@media (max-width: 640px){.navbar-links{display:none;flex-direction:column;position:absolute;top:150px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.75rem 1rem;gap:.25rem}.navbar-links.open{display:flex}.navbar-hamburger{display:block}}.vote-buttons{display:flex;align-items:center;gap:.4rem}.vote-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:99px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s;border:1px solid var(--border);background:none;color:var(--text-muted)}.vote-btn:disabled{cursor:not-allowed;opacity:.6}.vote-btn--like:not(:disabled):hover{border-color:#22c55e80;color:var(--success);background:#22c55e12}.vote-btn--like.active{border-color:#22c55e80;color:var(--success);background:#22c55e1a}.vote-btn--dislike:not(:disabled):hover{border-color:#ef444480;color:var(--danger);background:#ef444412}.vote-btn--dislike.active{border-color:#ef444480;color:var(--danger);background:#ef44441a}.vote-login-hint{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--text-muted);text-decoration:none;padding:.25rem .5rem;border-radius:99px;border:1px dashed var(--border);transition:color .15s,border-color .15s}.vote-login-hint:hover{color:var(--accent-blue);border-color:#3b82f666}.comments-wrap{border-top:1px solid var(--border);padding-top:.6rem}.comments-toggle{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:.2rem 0;transition:color .15s;text-transform:uppercase;letter-spacing:.04em}.comments-toggle:hover{color:var(--text-secondary)}.comments-count{background:var(--bg-secondary);border:1px solid var(--border);border-radius:99px;padding:.05rem .45rem;font-size:.7rem}.comments-body{margin-top:.75rem}.comments-loading{display:flex;justify-content:center;padding:.75rem 0}.comments-empty{font-size:.82rem;color:var(--text-muted);margin:0 0 .75rem}.comments-list{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin-bottom:.75rem}.comment-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.comment-author{font-size:.75rem;font-weight:700;color:var(--accent-blue)}.comment-time{font-size:.7rem;color:var(--text-muted);margin-left:auto}.comment-delete{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center;transition:color .15s}.comment-delete:hover{color:var(--danger)}.comment-text{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin:0}.comment-form{display:flex;flex-direction:column;gap:.4rem}.comment-input-wrap{display:flex;gap:.5rem;align-items:center}.comment-input{flex:1;font-size:.85rem;padding:.45rem .7rem}.comments-login-prompt{font-size:.82rem;color:var(--text-muted);margin:0}.comments-login-prompt a{color:var(--accent-blue);text-decoration:none;font-weight:600}.report-card{display:flex;flex-direction:column;gap:.75rem}.report-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.report-player-name{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.report-reported-player{display:flex;align-items:center;font-size:1.05rem;font-weight:700;color:var(--danger)}.report-reporter-name{display:flex;align-items:center;font-size:.78rem;color:var(--text-secondary);margin-top:.2rem}.report-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-offense{background:#ef444426;border:1px solid currentColor}.badge-region{background:#3b82f61f;border:1px solid rgba(59,130,246,.4);color:var(--accent-blue)}.badge-anon{background:#94a3b81a;border:1px solid rgba(148,163,184,.25);color:var(--text-muted)}.badge-pokemon{background:#a855f71f;border:1px solid rgba(168,85,247,.35);color:#c084fc;text-transform:none;font-weight:600}.badge-reported-pokemon{background:#eab3081f;border:1px solid rgba(234,179,8,.4);color:#facc15;text-transform:none;font-weight:600}.badge-item{background:#14b8a61a;border:1px solid rgba(20,184,166,.35);color:#2dd4bf;text-transform:none;font-weight:500}.badge-battle-item{background:#f973161f;border:1px solid rgba(249,115,22,.4);color:#fb923c;text-transform:none;font-weight:500}.report-section{display:flex;flex-direction:column;gap:.4rem}.report-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.report-section-content{display:flex;flex-wrap:wrap;gap:.35rem}.report-player-meta{font-size:.8rem;font-weight:400;color:var(--text-muted);margin-left:.4rem}.report-game-rows{display:flex;flex-direction:column;gap:.4rem}.report-game-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.report-game-row-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:90px}.report-chat-bubble{background:#ffffff0a;border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) var(--radius);padding:.65rem .85rem;position:relative}.report-chat-bubble:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;background:var(--border);clip-path:polygon(0 0,100% 0,0 100%)}.report-chat-author{display:flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.report-chat-text{color:var(--text-secondary);font-size:.9rem;line-height:1.55;margin:0 0 .5rem}.report-chat-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:.45rem;flex-wrap:wrap;gap:.5rem}.report-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.report-evidence-thumb{width:80px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:opacity .18s}.report-evidence-thumb:hover{opacity:.85}.reports-grid{display:flex;flex-direction:column;gap:1rem}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;cursor:pointer}.lightbox-img{max-width:100%;max-height:90vh;border-radius:var(--radius);box-shadow:0 8px 48px #000c}.hero{text-align:center;padding:3rem 0 2.5rem}.hero-logo{height:110px;width:auto;margin:0 auto 1.25rem;display:block;filter:drop-shadow(0 4px 16px rgba(59,130,246,.2))}.hero h1{font-size:clamp(1.85rem,5vw,3.1rem);font-weight:900;line-height:1.15;margin-bottom:1rem}.hero h1 .highlight{color:var(--accent-blue)}.hero h1 .danger-text{color:var(--danger)}.hero h1 .hero-brand-font{font-family:Trade Winds,system-ui}.hero p{font-size:1.05rem;color:var(--text-secondary);max-width:540px;margin:0 auto 2rem}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.stats-bar{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:2.5rem}.stat-item{text-align:center}.stat-value{display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:var(--accent-blue);min-height:2.25rem}.stat-value--green{color:var(--success)}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.how-it-works-wrap{margin-bottom:2.5rem}.how-it-works-header{text-align:center;margin-bottom:1.75rem}.how-it-works-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin:0 0 .35rem;letter-spacing:-.01em}.how-it-works-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.how-it-works{display:flex;align-items:stretch;gap:0}.how-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.25rem 1.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}.how-step:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.how-step--blue:hover{border-color:#3b82f699}.how-step--orange:hover{border-color:#f9731699}.how-step--red:hover{border-color:#ef444499}.how-step-icon-wrap{position:relative;margin-bottom:1.1rem}.how-step-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.how-step--blue .how-step-icon{background:#3b82f61f;border:2px solid rgba(59,130,246,.3);color:var(--accent-blue)}.how-step--orange .how-step-icon{background:#f973161f;border:2px solid rgba(249,115,22,.3);color:#fb923c}.how-step--red .how-step-icon{background:#ef44441f;border:2px solid rgba(239,68,68,.3);color:var(--danger)}.how-step-num{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--bg-page);border:2px solid var(--border);font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.how-step--blue .how-step-num{border-color:var(--accent-blue);color:var(--accent-blue)}.how-step--orange .how-step-num{border-color:#fb923c;color:#fb923c}.how-step--red .how-step-num{border-color:var(--danger);color:var(--danger)}.how-step strong{display:block;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.how-step p{font-size:.83rem;color:var(--text-secondary);line-height:1.5;margin:0}.how-step-connector{display:flex;align-items:center;justify-content:center;padding:0 .6rem;color:var(--text-muted);opacity:.4;flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.hero{padding:2rem 0 1.5rem}.stats-bar{gap:1.25rem}.how-it-works{flex-direction:column}.how-step-connector{padding:.1rem 0;transform:rotate(90deg)}}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-label .required{color:var(--danger);margin-left:.2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.form-hint{font-size:.78rem;color:var(--text-muted)}.form-error{font-size:.82rem;color:var(--danger)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:2rem;text-align:center;cursor:pointer;transition:border-color .18s,background .18s;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-blue);background:#3b82f60d}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-zone-icon{font-size:2rem;margin-bottom:.5rem}.upload-zone-text{font-size:.9rem;color:var(--text-secondary)}.upload-zone-hint{font-size:.78rem;color:var(--text-muted);margin-top:.25rem}.upload-preview{position:relative;display:inline-block;margin-top:.75rem}.upload-preview img{max-height:160px;border-radius:var(--radius-sm);border:1px solid var(--border)}.upload-preview-remove{position:absolute;top:-8px;right:-8px;background:var(--danger);color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.verified-badge{margin-left:.5rem;font-size:.75rem;font-weight:700;color:var(--success);background:#22c55e1f;border:1px solid rgba(34,197,94,.35);padding:.1rem .5rem;border-radius:99px}.searching-badge{margin-left:.5rem;font-size:.75rem;color:var(--text-muted)}.input-verified{border-color:var(--success)!important;box-shadow:0 0 0 3px #22c55e1f!important}.input-not-found{border-color:var(--accent-yellow)!important;box-shadow:0 0 0 3px #f59e0b1f!important}.player-status{margin-top:.4rem;font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:var(--radius-sm);display:inline-block}.player-status-found{color:var(--success);background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.player-status-not-found{color:var(--accent-yellow);background:#f59e0b14;border:1px solid rgba(245,158,11,.3)}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-sm);z-index:300;overflow:hidden;box-shadow:var(--shadow)}.suggestion-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .9rem;background:none;border:none;cursor:pointer;text-align:left;color:var(--text-primary);transition:background .15s;gap:.5rem}.suggestion-item:hover{background:var(--bg-card-hover)}.suggestion-item+.suggestion-item{border-top:1px solid var(--border)}.suggestion-name{font-size:.9rem;font-weight:600}.suggestion-meta{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.suggestion-empty{padding:.75rem .9rem;font-size:.85rem;color:var(--text-muted)}.reporter-display{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;color:var(--accent-blue)}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.btn-submit{width:100%;justify-content:center}}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{text-align:left;padding:.65rem 1rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border)}.ranking-table td{padding:.9rem 1rem;font-size:.95rem;border-bottom:1px solid var(--border);vertical-align:middle}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tr:hover td{background:var(--bg-card-hover)}.rank-number{font-weight:800;font-size:1rem;min-width:2rem;display:inline-block}.rank-1{color:#fbbf24}.rank-2{color:#94a3b8}.rank-3{color:#cd7c3a}.rank-bar-wrap{display:flex;align-items:center;gap:.65rem}.rank-bar-bg{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;min-width:60px}.rank-bar-fill{height:100%;background:var(--accent-blue);border-radius:3px;transition:width .6s ease}.rank-count{font-weight:700;color:var(--danger);min-width:2.5rem;text-align:right}.pagination{display:flex;gap:.4rem;justify-content:center;margin-top:2rem}.pagination button{padding:.45rem .85rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .18s}.pagination button:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.pagination button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.pagination button:disabled{opacity:.35;cursor:default}.search-bar{display:flex;gap:.5rem;margin-bottom:2rem}.search-bar .form-input{flex:1;font-size:1rem}.player-result{margin-bottom:1.5rem}.player-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.player-result-name{font-size:1.1rem;font-weight:800}.player-result-count{font-size:.88rem;color:var(--danger);font-weight:600}.player-aliases{font-size:.78rem;color:var(--text-muted);margin-top:.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.player-alias-tag{background:var(--bg-secondary);border:1px solid var(--border);border-radius:99px;padding:.1rem .55rem;font-size:.75rem;color:var(--text-secondary)}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.25rem 2rem}.auth-logo{text-align:center;margin-bottom:1.75rem}.auth-logo-icon{width:56px;height:56px;border-radius:50%;background:#ef44441f;border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;margin:0 auto .85rem;color:var(--danger)}.auth-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0 0 .3rem}.auth-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-divider{text-align:center;margin:.5rem 0;font-size:.82rem;color:var(--text-muted)}.auth-footer{text-align:center;margin-top:1.25rem;font-size:.85rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent-blue);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.username-preview{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;background:#3b82f60f;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);font-size:.85rem}.username-preview-name{font-weight:700;color:var(--accent-blue)}.username-preview-hint{font-size:.78rem;color:var(--text-muted)}.username-available{font-size:.75rem;color:var(--success);font-weight:600}.username-taken{font-size:.75rem;color:var(--danger);font-weight:600}.profile-photo-placeholder{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px dashed var(--border);border-radius:var(--radius-sm);opacity:.6;cursor:not-allowed}.profile-photo-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.profile-photo-info{flex:1}.profile-photo-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.pin-inputs{display:flex;gap:.5rem;justify-content:center}.pin-input{width:48px;height:56px;text-align:center;font-size:1.4rem;font-weight:800;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:border-color .15s}.pin-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.btn-link{background:none;border:none;cursor:pointer;color:var(--accent-blue);font-weight:600;font-size:inherit;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled{opacity:.5;cursor:not-allowed}.profile-photo-badge{font-size:.7rem;background:#3b82f61f;color:var(--accent-blue);border:1px solid rgba(59,130,246,.25);border-radius:99px;padding:.1rem .5rem;font-weight:700;letter-spacing:.04em;margin-left:.4rem}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.support-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1rem}.support-card--donate{border-color:#ff5e3a4d;background:linear-gradient(160deg,var(--bg-card) 60%,rgba(255,94,58,.04))}.support-card--feedback{border-color:#3b82f64d;background:linear-gradient(160deg,var(--bg-card) 60%,rgba(59,130,246,.04))}.support-card h2{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}.support-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.support-card-icon{width:60px;height:60px;border-radius:50%;background:#ff5e3a1f;border:2px solid rgba(255,94,58,.25);display:flex;align-items:center;justify-content:center;color:#ff5e3a}.support-card-icon--blue{background:#3b82f61f;border-color:#3b82f640;color:var(--accent-blue)}.support-perks{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.support-perks li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.support-perks li .icon{color:var(--success)}.btn-kofi{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.5rem;background:#ff5e3a;color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;text-decoration:none;transition:background .18s,transform .15s;border:none;cursor:pointer}.btn-kofi:hover{background:#e84e2c;transform:translateY(-1px)}.support-note{font-size:.75rem!important;color:var(--text-muted)!important;text-align:center}.feedback-form{display:flex;flex-direction:column;gap:1rem}.feedback-categories{display:flex;flex-direction:column;gap:.4rem}.feedback-cat{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.65rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.feedback-cat:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.feedback-cat.active{border-color:var(--accent-blue);background:#3b82f612}.feedback-cat-label{font-size:.88rem;font-weight:700;color:var(--text-primary)}.feedback-cat-desc{font-size:.75rem;color:var(--text-muted)}.feedback-success{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;text-align:center}.feedback-success strong{font-size:1.1rem;color:var(--text-primary)}.feedback-success span{font-size:.88rem;color:var(--text-secondary);margin-bottom:.5rem}@media (max-width: 768px){.support-grid{grid-template-columns:1fr}}:root,[data-theme=dark]{--bg-primary: #070b14;--bg-secondary: #0e1525;--bg-card: #111827;--bg-card-hover: #1a2335;--border: #1e2d45;--border-hover: #2d4a6e;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #4a5568;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-yellow: #f59e0b;--accent-yellow-glow: #fbbf2440;--danger: #ef4444;--danger-hover: #dc2626;--success: #22c55e;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--navbar-bg: rgba(7, 11, 20, .92)}[data-theme=light]{--bg-primary: #f0f4f8;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--border: #cbd5e1;--border-hover: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-yellow: #d97706;--accent-yellow-glow: #f59e0b30;--danger: #dc2626;--danger-hover: #b91c1c;--success: #16a34a;--shadow: 0 4px 24px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(37, 99, 235, .1);--navbar-bg: rgba(240, 244, 248, .92)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.container{width:100%;padding:0 2rem}.page{padding:100px 0 4rem}.page-header{width:100%;margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:800;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.page-header p{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.4rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .18s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:var(--accent-blue-hover);text-decoration:none;color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary);text-decoration:none}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .18s,box-shadow .18s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;padding:.65rem .9rem;width:100%;outline:none;transition:border-color .18s;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-textarea{min-height:120px;resize:vertical}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;padding:3rem}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;margin-bottom:1.25rem}.alert-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#4ade80}.alert-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#f87171}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:.75rem}.empty-state p{font-size:.95rem}@media (max-width: 640px){.container{padding:0 1rem}.page{padding-top:50px}}