.friend-finder-container{flex-direction:column;gap:18px;width:100%;max-width:100%;display:flex}.friend-toast-alert{color:#fff;z-index:9999;-webkit-backdrop-filter:blur(8px);background:#10b981f2;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #10b98180}.animate-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.friend-header-card{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.friend-header-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#aa3bff26 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;top:-50%;right:-20%}.friend-badge-pill{color:#c084fc;letter-spacing:.05em;background:#aa3bff2e;border:1px solid #aa3bff59;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:750;display:inline-flex}.friend-title{color:var(--text-primary,#f8fafc);margin:0 0 .5rem;font-size:1.75rem;font-weight:850;line-height:1.2}.friend-subtitle{color:var(--text-muted,#cbd5e1);max-width:800px;margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.friend-actions-bar{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.btn-share-code{background:var(--accent-gradient,linear-gradient(135deg, #aa3bff 0%, #7e22ce 100%));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:10px 20px;font-size:.95rem;font-weight:750;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #aa3bff66}.btn-share-code:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #aa3bff99}.auto-expire-tag{color:var(--text-muted,#94a3b8);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.auto-expire-tag.active-community{color:#c084fc;background:#aa3bff1f;border:1px solid #aa3bff4d;border-radius:9999px;padding:4px 10px;font-weight:650}.my-code-pinned-banner{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#aa3bff29 0%,#161b2cf2 100%);border:1px solid #aa3bff73;border-radius:16px;flex-direction:column;gap:12px;padding:18px 22px;display:flex;box-shadow:0 4px 20px #aa3bff2e}.my-code-pinned-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.my-code-badge-title{color:#d8b4fe;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;display:inline-flex}.my-code-sparkle-icon{color:#aa3bff}.my-code-btn-group{align-items:center;gap:.5rem;display:flex}.btn-my-action{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.35rem;padding:5px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-my-action.edit{color:#38bdf8;background:#38bdf826;border-color:#38bdf859}.btn-my-action.edit:hover{background:#38bdf840;transform:translateY(-1px)}.btn-my-action.delete{color:#f87171;background:#ef444426;border-color:#ef444459}.btn-my-action.delete:hover{background:#ef444440;transform:translateY(-1px)}.my-code-pinned-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.my-code-display-group{flex-direction:column;gap:.25rem;display:flex}.my-trainer-code-digits{letter-spacing:.08em;color:#f8fafc;font-family:monospace;font-size:1.5rem;font-weight:850}.my-trainer-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.my-trainer-name{color:#e2e8f0;font-size:.95rem;font-weight:750}.my-code-actions-row{align-items:center;gap:.5rem;display:flex}.friend-controls-panel{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);-webkit-backdrop-filter:blur(12px);z-index:100;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;box-shadow:0 4px 16px #00000026}.friend-search-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.friend-search-input-wrapper{flex:1;min-width:260px;position:relative}.friend-search-input-wrapper .search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.friend-search-input{background:var(--bg-card-hover,#1e212bcc);border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#f8fafc);border-radius:12px;outline:none;padding:.7rem 2.2rem .7rem 2.4rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.friend-search-input:focus{border-color:var(--accent-color,#aa3bff);box-shadow:0 0 12px #aa3bff40}.clear-search-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:.2rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.purpose-filter-tabs{gap:8px;padding-bottom:.25rem;display:flex;overflow-x:auto}.purpose-tab-btn{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);color:var(--text-muted,#cbd5e1);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:.4rem;padding:7px 14px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.purpose-tab-btn:hover{background:var(--bg-card-hover,#1e212b);color:var(--text-primary,#f8fafc);border-color:#a855f759;transform:translateY(-1px)}.purpose-tab-btn.active{background:var(--accent-gradient,linear-gradient(135deg, #aa3bff 0%, #7e22ce 100%));color:#fff;border-color:#0000;font-weight:750;box-shadow:0 0 12px #aa3bff73}.pattern-picker-wrapper{z-index:101;align-items:center;gap:.4rem;display:flex;position:relative}.pattern-picker-trigger{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.pattern-picker-trigger:hover{color:#f8fafc;background:#334155e6;border-color:#3b82f64d}.pattern-picker-trigger.has-selection{color:#60a5fa;background:#3b82f626;border-color:#3b82f666;font-weight:600}.picker-trigger-sprite{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);width:24px;height:24px}.picker-chevron{color:#64748b;transition:transform .2s}.picker-chevron.open{transform:rotate(90deg)}.pattern-picker-clear{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:.4rem;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.pattern-picker-clear:hover{color:#fff;background:#ef44444d}.pattern-picker-backdrop{z-index:998;position:fixed;inset:0}.pattern-picker-popover{z-index:999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a;border:1px solid #3b82f666;border-radius:1rem;width:min(520px,100vw - 2rem);max-height:420px;padding:1rem;animation:.15s fadeSlideDown;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 25px 50px -12px #000000e6,0 0 25px #3b82f633}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.picker-popover-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:flex}.picker-popover-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.4rem;display:grid}.picker-popover-tile{color:#cbd5e1;cursor:pointer;text-transform:capitalize;background:#1e293b80;border:2px solid #0000;border-radius:.6rem;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.65rem;font-weight:600;transition:all .15s;display:flex;position:relative}.picker-popover-tile:hover{color:#fff;background:#334155e6;transform:translateY(-1px)}.picker-popover-tile.selected{color:#60a5fa;background:#3b82f633;border-color:#3b82f6}.picker-popover-tile.rare{border-color:#eab30833}.picker-popover-tile.rare.selected{color:#fde047;background:#eab30826;border-color:#eab308}.picker-all-icon{color:#64748b}.picker-tile-sprite{object-fit:contain;filter:drop-shadow(0 2px 4px #0006);transition:transform .2s}.picker-popover-tile:hover .picker-tile-sprite,.vivillon-picker-tile:hover .picker-tile-sprite{transform:scale(1.15)}.picker-tile-label{text-transform:capitalize}.picker-tile-rare-dot{background:#eab308;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #eab308}.form-vivillon-picker-grid{background:#0f172a80;border:1px solid #ffffff14;border-radius:.6rem;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.35rem;max-height:none;padding:.5rem;display:grid;overflow:visible}.vivillon-picker-tile{color:#94a3b8;cursor:pointer;text-transform:capitalize;background:#1e293b80;border:2px solid #0000;border-radius:.5rem;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .2rem;font-size:.6rem;font-weight:600;transition:all .15s;display:flex;position:relative}.vivillon-picker-tile:hover{color:#f8fafc;background:#334155cc}.vivillon-picker-tile.selected{color:#60a5fa;background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.vivillon-picker-tile.rare.selected{color:#fde047;background:#eab30826;border-color:#eab308}.badge-vivillon-sprite{object-fit:contain;filter:drop-shadow(0 1px 3px #00000080);vertical-align:middle;width:20px;height:20px}.friend-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;width:100%;display:grid}.friend-card{background:var(--bg-card,#161b2ccc);border:1px solid var(--border-color,#ffffff1a);-webkit-backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;gap:14px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000026}.friend-card:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.friend-card.is-my-code{background:linear-gradient(135deg, #aa3bff14 0%, var(--bg-card,#161b2ccc) 100%);border-color:#aa3bff8c;box-shadow:0 4px 20px #aa3bff26}.badge-my-code{color:#d8b4fe;text-transform:uppercase;background:#aa3bff40;border:1px solid #aa3bff80;border-radius:9999px;align-items:center;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.badge-new-code{color:#4ade80;text-transform:uppercase;background:#22c55e33;border:1px solid #22c55e73;border-radius:9999px;align-items:center;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.card-top-right{align-items:center;gap:.5rem;display:flex}.card-owner-quick-actions{align-items:center;gap:.25rem;display:flex}.owner-quick-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;padding:3px 6px;transition:all .2s;display:inline-flex}.owner-quick-btn.edit:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf866}.owner-quick-btn.delete:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.card-top-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.trainer-info{flex-direction:column;gap:.2rem;display:flex}.trainer-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.trainer-name{color:#f1f5f9;font-size:1.1rem;font-weight:700}.team-badge{text-transform:uppercase;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.team-badge.mystic{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.team-badge.valor{color:#f87171;background:#ef444433;border:1px solid #ef444466}.team-badge.instinct{color:#facc15;background:#eab30833;border:1px solid #eab30866}.trainer-location{color:#94a3b8;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.posted-time{color:#64748b;white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.card-tags-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pattern-badge{color:#e2e8f0;background:#1e293be6;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.pattern-badge.rare{color:#fde047;background:#eab30826;border-color:#eab30866}.purpose-pill{border-radius:.5rem;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.purpose-pill.vivillon{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.purpose-pill.raids{color:#fb923c;background:#f9731626;border:1px solid #f973164d}.purpose-pill.xp{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.purpose-pill.trades{color:#2dd4bf;background:#14b8a626;border:1px solid #14b8a64d}.trainer-note-box{color:#cbd5e1;background:#1e293b66;border-left:3px solid #3b82f6;border-radius:0 .5rem .5rem 0;padding:.5rem .75rem;font-size:.85rem;font-style:italic;line-height:1.4}.card-code-section{background:#0a0f1dcc;border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:.85rem;display:flex}.trainer-code-display{color:#38bdf8;letter-spacing:.1em;text-align:center;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}.card-buttons-row{gap:.5rem;display:flex}.btn-copy-code{color:#60a5fa;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-copy-code:hover{color:#fff;background:#3b82f659}.btn-copy-code.copied{color:#34d399;background:#10b98140;border-color:#10b981}.btn-qr-code{color:#cbd5e1;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;padding:.6rem .8rem;transition:all .15s;display:inline-flex}.btn-qr-code:hover{color:#fff;background:#334155}.friend-empty-card{text-align:center;color:#94a3b8;background:#0f172a99;border:1px dashed #ffffff26;border-radius:1rem;flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.friend-empty-card .empty-icon{color:#475569}.friend-modal-overlay{-webkit-backdrop-filter:blur(10px);padding:1.5rem 1rem calc(2rem + env(safe-area-inset-bottom,0px)) 1rem;z-index:9999;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#000000d1;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.friend-modal-card{background:#111827;border:1px solid #ffffff24;border-radius:1.25rem;flex-direction:column;width:100%;max-width:520px;height:auto;min-height:0;max-height:none;margin:auto 0;display:flex;position:relative;overflow:visible;box-shadow:0 20px 50px #000c}.modal-header{background:#111827;border-bottom:1px solid #ffffff14;border-radius:1.25rem 1.25rem 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-row{align-items:center;gap:.6rem;display:flex}.modal-header-icon{color:var(--accent-color,#aa3bff)}.modal-header h2{color:#f8fafc;margin:0;font-size:1.25rem;font-weight:700}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.4rem;padding:.3rem}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.form-error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:.5rem;padding:.6rem .9rem;font-size:.85rem}.modal-form-scrollable{flex-direction:column;flex:none;gap:1rem;max-height:none;padding:1.25rem 1.5rem 5.5rem;display:flex;overflow:visible}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:#cbd5e1;font-size:.85rem;font-weight:600}.form-input,.form-select{color:#f8fafc;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:.6rem;outline:none;padding:.65rem .85rem;font-size:.9rem}.form-input:focus,.form-select:focus{border-color:var(--accent-color,#aa3bff);background:#1e293b}.code-input{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.15rem}.form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-actions-row{padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom,0px)) 1.5rem;z-index:25;background:#111827;border-top:1px solid #ffffff14;border-radius:0 0 1.25rem 1.25rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #0009}.btn-cancel{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:.6rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-cancel:hover{color:#f8fafc;background:#334155e6}.btn-submit{background:var(--accent-gradient,linear-gradient(135deg, #aa3bff 0%, #7e22ce 100%));color:#fff;cursor:pointer;border:none;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:750;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #aa3bff66}.btn-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #aa3bff99}.btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.qr-modal-card{-webkit-overflow-scrolling:touch;text-align:center;background:#111827;border:1px solid #ffffff26;border-radius:1.25rem;flex-direction:column;gap:1.25rem;width:100%;max-width:380px;max-height:calc(100svh - 32px);padding:1.5rem;display:flex;overflow-y:auto}.qr-box-container{flex-direction:column;align-items:center;gap:.75rem;display:flex}.qr-code-canvas-wrapper{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 25px #0006}.qr-image{border-radius:.5rem;display:block}.qr-trainer-name{color:#f8fafc;font-size:1.2rem;font-weight:700}.qr-code-number{color:#38bdf8;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700}.qr-instructions{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.btn-copy-code-qr{color:#60a5fa;cursor:pointer;background:#3b82f633;border:1px solid #3b82f666;border-radius:.6rem;align-items:center;gap:.4rem;margin-top:.5rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}@media (max-width:640px){.friend-header-card{padding:1.25rem 1rem}.friend-title{font-size:1.45rem}.friend-subtitle{margin-bottom:1rem;font-size:.88rem}.friend-actions-bar{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.btn-share-code{justify-content:center;width:100%;min-height:48px;padding:12px 18px;font-size:.98rem}.auto-expire-tag{justify-content:center;font-size:.75rem}.form-row-2{grid-template-columns:1fr;gap:.85rem}.friend-cards-grid{grid-template-columns:1fr}.friend-modal-overlay{padding:8px 8px calc(16px + env(safe-area-inset-bottom,0px)) 8px;justify-content:center;align-items:flex-start;display:flex}.friend-modal-card{border-radius:1.25rem;width:100%;height:auto;min-height:0;max-height:none;margin:8px auto;overflow:visible}.modal-header{border-radius:1.25rem 1.25rem 0 0;padding:.9rem 1.15rem}.modal-header h2{font-size:1.05rem}.modal-form-scrollable{padding:.9rem 1.15rem calc(5.5rem + env(safe-area-inset-bottom,0px)) 1.15rem;flex:none;gap:.85rem;max-height:none;overflow:visible}.form-actions-row{padding:.8rem 1.15rem calc(.8rem + env(safe-area-inset-bottom,0px)) 1.15rem;z-index:25;background:#111827;border-top:1px solid #ffffff1a;border-radius:0 0 1.25rem 1.25rem;grid-template-columns:1fr 1.6fr;gap:.6rem;display:grid;position:sticky;bottom:0;box-shadow:0 -8px 24px #000000b3}.btn-submit{justify-content:center;width:100%;min-height:48px;font-size:.95rem}.btn-cancel{justify-content:center;min-height:48px;font-size:.9rem}.form-input,.form-select{font-size:16px!important}.form-vivillon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.35rem;max-height:none;padding:.4rem;overflow-y:visible}.vivillon-picker-tile{padding:.35rem .2rem;font-size:.58rem}.vivillon-picker-tile .picker-tile-sprite{width:30px;height:30px}.qr-modal-card{height:auto;max-height:none;margin:auto 0;padding:1.25rem 1rem;overflow:visible}}body.light-mode .friend-finder-container .friend-header-card,body.light-mode .friend-finder-container .friend-controls-panel,body.light-mode .friend-finder-container .friend-card,body.light-mode .friend-modal-card{background-color:#fff!important;border-color:#0f172a1f!important;box-shadow:0 4px 16px #0000000f!important}body.light-mode .friend-modal-card .modal-header{background:#fff!important;border-color:#0f172a14!important}body.light-mode .friend-modal-card .modal-header h2{color:#0f172a!important}body.light-mode .friend-modal-card .form-actions-row{background:#fff!important;border-color:#0f172a14!important;box-shadow:0 -4px 16px #0000000f!important}body.light-mode .friend-modal-card .btn-cancel{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}body.light-mode .friend-finder-container .friend-search-input,body.light-mode .friend-finder-container .purpose-tab-btn,body.light-mode .friend-finder-container .pattern-picker-trigger{color:#334155!important;background-color:#fff!important;border-color:#0f172a24!important}body.light-mode .friend-finder-container .purpose-tab-btn.active{background:var(--accent-gradient,linear-gradient(135deg, #aa3bff 0%, #7e22ce 100%))!important;color:#fff!important}body.light-mode .friend-finder-container .trainer-name{color:#0f172a!important}body.light-mode .friend-finder-container .my-code-pinned-banner{background:linear-gradient(135deg,#aa3bff14 0%,#fff 100%)!important;border-color:#aa3bff59!important;box-shadow:0 4px 16px #aa3bff14!important}body.light-mode .friend-finder-container .my-trainer-code-digits{color:#0f172a!important}body.light-mode .friend-finder-container .my-trainer-name{color:#1e293b!important}body.light-mode .friend-finder-container .friend-card.is-my-code{background-color:#faf5ff!important;border-color:#aa3bff73!important}body.light-mode .form-input,body.light-mode .form-select{color:#0f172a!important;background:#fff!important;border-color:#0f172a2e!important}body.light-mode .form-group label{color:#1e293b!important}body.light-mode .btn-copy-code{color:#0284c7!important;background:#3b82f61f!important;border-color:#3b82f64d!important}body.light-mode .btn-copy-code:hover{color:#0369a1!important;background:#3b82f638!important}body.light-mode .btn-copy-code.copied{color:#059669!important;background:#10b98126!important;border-color:#10b981!important}body.light-mode .btn-qr-code{color:#334155!important;background:#f1f5f9!important;border-color:#0f172a24!important}body.light-mode .btn-qr-code:hover{color:#0f172a!important;background:#e2e8f0!important}body.light-mode .qr-instructions{color:#475569!important}body.light-mode .qr-code-wrapper{background:#fff!important;border:1px solid #0f172a1f!important;border-radius:12px!important;padding:12px!important}body.light-mode .pattern-picker-popover{color:#0f172a!important;background:#fff!important;border-color:#0f172a24!important;box-shadow:0 20px 40px #0000001f!important}body.light-mode .picker-popover-header{color:#475569!important}body.light-mode .picker-popover-tile{color:#1e293b!important;background:#f8fafc!important;border-color:#0f172a14!important}body.light-mode .picker-popover-tile:hover{color:#0284c7!important;background:#3b82f61a!important}body.light-mode .picker-popover-tile.selected{color:#0284c7!important;background:#3b82f626!important;border-color:#0284c7!important}body.light-mode .auto-expire-tag{color:#475569!important;background:#f1f5f9!important;border-color:#0f172a1f!important}body.light-mode .empty-friends-card{color:#0f172a!important;background:#fff!important;border-color:#0f172a1f!important}body.light-mode .pattern-badge{color:#1e293b!important;background:#f1f5f9!important;border-color:#0f172a1f!important}body.light-mode .pattern-badge.rare{color:#b45309!important;background:#f59e0b1f!important;border-color:#f59e0b59!important}body.light-mode .card-code-section{background:#f8fafc!important;border-color:#0f172a1a!important}body.light-mode .trainer-code-display{color:#0284c7!important}body.light-mode .trainer-note-box{color:#334155!important;background:#f8fafc!important;border:1px solid #0f172a14!important;border-left:3px solid #2563eb!important}body.light-mode .qr-modal-card{color:#0f172a!important;background:#fff!important;border-color:#0f172a24!important;box-shadow:0 20px 50px #00000026!important}body.light-mode .qr-trainer-name{color:#0f172a!important}body.light-mode .qr-code-number{color:#0284c7!important}body.light-mode .btn-copy-code-qr{color:#0284c7!important;background:#3b82f61f!important;border-color:#3b82f64d!important}body.light-mode .btn-copy-code-qr:hover{color:#0369a1!important;background:#3b82f638!important}body.light-mode .qr-modal-card .modal-close-btn{color:#475569!important}body.light-mode .qr-modal-card .modal-close-btn:hover{color:#0f172a!important;background:#0f172a14!important}body.light-mode .friend-empty-card{color:#475569!important;background:#fff!important;border-color:#0f172a26!important}body.light-mode .friend-empty-card .empty-icon{color:#94a3b8!important}body.light-mode .form-vivillon-picker-grid{background:#f8fafc!important;border-color:#0f172a1a!important}body.light-mode .vivillon-picker-tile{color:#334155!important;background:#fff!important;border-color:#0f172a14!important}body.light-mode .vivillon-picker-tile:hover{color:#0f172a!important;background:#f1f5f9!important}body.light-mode .vivillon-picker-tile.selected{color:#0284c7!important;background:#3b82f61f!important;border-color:#3b82f6!important}body.light-mode .vivillon-picker-tile.rare.selected{color:#b45309!important;background:#f59e0b1f!important;border-color:#f59e0b!important}body.light-mode .owner-quick-btn{color:#64748b!important;background:#f1f5f9!important;border-color:#0f172a1f!important}body.light-mode .owner-quick-btn.edit:hover{color:#0284c7!important;background:#38bdf826!important;border-color:#38bdf859!important}body.light-mode .owner-quick-btn.delete:hover{color:#dc2626!important;background:#ef444426!important;border-color:#ef444459!important}body.light-mode .friend-modal-card .modal-close-btn{color:#64748b!important}body.light-mode .friend-modal-card .modal-close-btn:hover{color:#0f172a!important;background:#0f172a14!important}body.light-mode .form-error-banner{color:#b91c1c!important;background:#ef44441a!important;border-color:#ef444440!important}body.light-mode .team-badge.mystic{color:#1d4ed8!important;background:#2563eb1a!important;border-color:#2563eb4d!important}body.light-mode .team-badge.valor{color:#b91c1c!important;background:#dc26261a!important;border-color:#dc26264d!important}body.light-mode .team-badge.instinct{color:#b45309!important;background:#d977061f!important;border-color:#d9770659!important}body.light-mode .purpose-pill.vivillon{color:#db2777!important;background:#ec48991a!important;border-color:#ec489940!important}body.light-mode .purpose-pill.raids{color:#c2410c!important;background:#f973161a!important;border-color:#f9731640!important}body.light-mode .purpose-pill.xp{color:#7e22ce!important;background:#a855f71a!important;border-color:#a855f740!important}body.light-mode .purpose-pill.trades{color:#0f766e!important;background:#14b8a61a!important;border-color:#14b8a640!important}body.light-mode .trainer-location{color:#64748b!important}body.light-mode .posted-time{color:#94a3b8!important}