:root{--pink: #ff2e88;--purple: #7b2ff7;--blue: #2563eb;--cyan: #11c5e8;--yellow: #ffcc00;--green: #16a34a;--green-bright: #22c55e;--green-soft: #dcfce7;--amber: #f59e0b;--red: #e11d48;--red-soft: #ffe4e6;--ink: #16183d;--muted: #6b7194;--line: #e7e9f5;--bg: #f4f1fb;--card: #ffffff;--radius: 20px;--shadow: 0 8px 22px rgba(35, 20, 80, .1);--shadow-lg: 0 16px 40px rgba(35, 20, 80, .18);--brand-gradient: linear-gradient(100deg, #ff2e88 0%, #7b2ff7 38%, #2563eb 68%, #11c5e8 100%);--font: "Nunito", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;background-color:var(--bg);background-image:radial-gradient(circle at 12% 8%,rgba(255,46,136,.1),transparent 40%),radial-gradient(circle at 88% 12%,rgba(17,197,232,.12),transparent 42%),radial-gradient(circle at 50% 100%,rgba(123,47,247,.1),transparent 45%);background-attachment:fixed}button{font-family:inherit;cursor:pointer}.splash{text-align:center;padding:64px 20px;font-size:20px;font-weight:800;color:var(--muted)}.btn-primary{background:var(--brand-gradient);background-size:160% 100%;color:#fff;border:none;border-radius:14px;padding:11px 20px;font-weight:900;font-size:15px;letter-spacing:.2px;box-shadow:0 6px #7b2ff747,var(--shadow);transition:transform .06s ease,box-shadow .1s ease,background-position .3s ease}.btn-primary:hover{background-position:100% 0}.btn-primary:active{transform:translateY(3px);box-shadow:0 2px #7b2ff747}.btn-primary:disabled{opacity:.6;cursor:default;box-shadow:var(--shadow)}.btn-primary.big{width:100%;padding:15px;font-size:17px;border-radius:16px}.btn-primary.small,.btn-ghost.small{padding:8px 13px;font-size:13px;border-radius:11px}.btn-primary.small{box-shadow:0 4px #7b2ff747}.btn-ghost{background:#fff;border:2.5px solid var(--line);color:var(--ink);border-radius:14px;padding:9px 17px;font-weight:800;transition:border-color .15s ease,transform .06s ease}.btn-ghost:hover{border-color:var(--purple)}.btn-ghost:active{transform:translateY(2px)}.topbar{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:10}.topbar-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:13px 16px;flex-wrap:wrap}.brand{font-weight:900;font-size:19px;display:flex;align-items:center;gap:9px;text-shadow:0 2px 6px rgba(0,0,0,.18)}.brand-ball{width:32px;height:32px;border-radius:9px;display:block;box-shadow:0 2px 6px #00000040}.nav{display:flex;gap:6px;flex:1}.nav-link{color:#fff;text-decoration:none;font-weight:800;padding:9px 16px;border-radius:999px;font-size:14px;transition:background .15s ease,color .15s ease}.nav-link:hover{background:#fff3}.nav-link.active{background:#fff;color:var(--purple);box-shadow:0 4px 12px #00000026}.topbar-user{display:flex;align-items:center;gap:10px}.notif-badge{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ff3b30;color:#fff;font-weight:800;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;cursor:pointer;box-shadow:0 1px 4px #00000059;transition:transform .1s ease}.notif-badge:hover{transform:scale(1.08)}.notif-badge:active{transform:scale(.94)}.summary-modal{text-align:left}.summary-modal h2{text-align:center}.summary-list{list-style:none;margin:4px 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;align-items:center;gap:12px;padding:11px;border-radius:14px;background:var(--bg);cursor:pointer;transition:background .12s ease,transform .06s ease}.summary-row:hover{background:#ece7fb}.summary-row:active{transform:scale(.99)}.summary-name{font-weight:800;flex:1;display:flex;flex-direction:column}.summary-name small{color:var(--muted);font-weight:700;font-size:12px}.summary-counts{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-weight:800;font-size:12px}.summary-counts .give{color:var(--pink)}.summary-counts .get{color:var(--green)}.hello{font-weight:800;font-size:14px;background:transparent;border:none;color:#fff;cursor:pointer;font-family:inherit;padding:5px 8px;border-radius:9px;transition:background .15s ease}.hello:hover{background:#ffffff2e}.topbar-user .btn-ghost{background:#ffffff29;border-color:#ffffff8c;color:#fff}.topbar-user .btn-ghost:hover{background:#ffffff47}.content{max-width:980px;margin:0 auto;padding:22px 16px 64px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--brand-gradient);background-size:200% 200%;animation:drift 16s ease-in-out infinite}@keyframes drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-card{background:var(--card);border-radius:28px;padding:30px 26px;width:100%;max-width:410px;box-shadow:0 24px 60px #0000004d;text-align:center;border:3px solid #fff}.auth-logo{width:84px;height:84px;border-radius:20px;display:inline-block;box-shadow:0 8px 18px #00000040}.auth-card h1{margin:8px 0 4px;font-size:26px;font-weight:900}.auth-sub{color:var(--muted);margin:0 0 20px;font-size:14px;font-weight:600}.auth-hint{color:var(--muted);font-size:12px;margin-top:16px;font-weight:600}.tabs{display:flex;background:var(--bg);border-radius:14px;padding:5px;margin-bottom:20px}.tab{flex:1;border:none;background:transparent;padding:11px;border-radius:11px;font-weight:900;color:var(--muted);transition:all .15s ease}.tab.active{background:#fff;color:var(--purple);box-shadow:var(--shadow)}.auth-form{display:flex;flex-direction:column;gap:14px;text-align:left}.auth-form label,.field{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:13px;color:var(--ink)}.auth-form input,.field select,.field input,.add-friend input{border:2.5px solid var(--line);border-radius:13px;padding:12px 13px;font-size:16px;font-weight:700;font-family:inherit;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-form input:focus,.field select:focus,.field input:focus,.add-friend input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #7b2ff724}.field input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:16px;border-radius:50%;background:var(--muted);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M18.3 5.71 12 12.01l-6.29-6.3-1.42 1.42 6.3 6.29-6.3 6.29 1.42 1.42 6.29-6.3 6.29 6.3 1.42-1.42-6.3-6.29 6.3-6.29z'/></svg>") center/12px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M18.3 5.71 12 12.01l-6.29-6.3-1.42 1.42 6.3 6.29-6.3 6.29 1.42 1.42 6.29-6.3 6.29 6.3 1.42-1.42-6.3-6.29 6.3-6.29z'/></svg>") center/12px no-repeat;cursor:pointer}.error-box{background:var(--red-soft);color:var(--red);padding:11px 15px;border-radius:13px;font-weight:800;font-size:14px}.error-box.page{margin:20px}.ok-box{background:var(--green-soft);color:var(--green);padding:11px 15px;border-radius:13px;font-weight:800;font-size:14px}.progress-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:18px;border:2px solid #fff;position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--brand-gradient)}.progress-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.progress-head h2{margin:0;font-size:19px;font-weight:900}.progress-num{font-weight:900;font-size:22px;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.progress-bar{height:16px;background:var(--bg);border-radius:999px;overflow:hidden;margin:13px 0 9px;box-shadow:inset 0 2px 4px #00000014}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green-bright),var(--cyan));border-radius:999px;transition:width .4s ease}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-weight:800;font-size:13px}.team-banner{display:flex;align-items:center;gap:16px;background:var(--card);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);margin-bottom:16px;border:2px solid #fff;position:relative;overflow:hidden}.team-banner:after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;background:var(--brand-gradient);opacity:.12;border-radius:50%}.team-banner .banner-flag{width:64px;height:43px;border-radius:8px;box-shadow:0 4px 10px #0003,0 0 0 2px #fff;object-fit:cover}.team-banner .banner-emoji{font-size:44px;line-height:1}.team-banner h2{margin:0;font-size:22px;font-weight:900}.team-banner .banner-sub{color:var(--muted);font-weight:800;font-size:13px}.toolbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.field{min-width:230px;flex:1}.chip-row{display:flex;gap:8px}.chip{border:none;background:#fff;border-radius:999px;padding:12px 19px;font-weight:900;font-size:13px;color:var(--muted);box-shadow:inset 0 0 0 2.5px var(--line);transition:all .15s ease}.chip:hover{box-shadow:inset 0 0 0 2.5px var(--purple)}.chip.active{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow)}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:14px}.tile{background:#fbfbff;border:2.5px dashed #cfd2e8;border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:9px;min-height:132px;position:relative;transition:transform .12s ease,box-shadow .12s ease}.tile:not(.owned):before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:11px;background:repeating-linear-gradient(45deg,rgba(123,47,247,.04) 0 8px,transparent 8px 16px);pointer-events:none}.tile.owned{border:2.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--brand-gradient) border-box;box-shadow:0 10px 22px #23145024;overflow:hidden}.tile.owned:after{content:"";position:absolute;top:-60%;left:-30%;width:60%;height:220%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(8deg);pointer-events:none}.tile.owned:hover{transform:translateY(-3px) rotate(-.6deg);box-shadow:var(--shadow-lg)}.tile-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.tile-id{display:flex;align-items:center;gap:7px}.flag{border-radius:4px;box-shadow:0 0 0 1.5px #ffffffe6,0 1px 3px #00000040;display:block;object-fit:cover}.tile-code{font-weight:900;font-size:13px;color:var(--purple);background:#7b2ff71a;padding:3px 9px;border-radius:9px;letter-spacing:.3px}.tile.owned .tile-code{color:#fff;background:var(--brand-gradient)}.foil{font-size:15px;background:conic-gradient(from 0deg,#ff2e88,#fc0,#22c55e,#11c5e8,#7b2ff7,#ff2e88);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:spin-hue 4s linear infinite}@keyframes spin-hue{to{filter:hue-rotate(360deg)}}.tile-name{font-size:14px;font-weight:800;color:var(--ink);min-height:34px;position:relative;z-index:1}.tile:not(.owned) .tile-name{color:var(--muted)}.tile-have{margin-top:auto;background:#fff;border:2.5px dashed #cfd2e8;color:var(--muted);border-radius:12px;padding:10px;font-weight:900;font-size:13px;position:relative;z-index:1;transition:all .15s ease}.tile-have:hover{border-color:var(--green-bright);color:var(--green);border-style:solid;background:var(--green-soft)}.tile-controls{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}.step{width:40px;height:40px;border-radius:12px;border:none;background:var(--brand-gradient);color:#fff;font-size:22px;font-weight:900;line-height:1;box-shadow:0 4px #7b2ff74d;transition:transform .06s ease,box-shadow .1s ease}.step:active{transform:translateY(3px);box-shadow:0 1px #7b2ff74d}.count-readout{display:flex;align-items:center;gap:6px;font-weight:900}.check{color:var(--green);font-size:22px;filter:drop-shadow(0 1px 1px rgba(22,163,74,.3))}.dupes{background:var(--yellow);color:#7a4b00;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:900;box-shadow:0 2px 5px #f59e0b66}.empty{color:var(--muted);text-align:center;padding:28px;font-weight:800}.empty.small{padding:12px;font-size:13px}.panel{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:16px;border:2px solid #fff}.panel h2{margin:0 0 15px;font-size:19px;font-weight:900}.add-friend{display:flex;gap:10px}.add-friend input{flex:1}.add-friend+.ok-box,.add-friend+.error-box,.typeahead+.ok-box,.typeahead+.error-box{margin-top:12px}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.board-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;background:var(--bg)}.board-row.me{background:linear-gradient(100deg,#ff2e881f,#11c5e824);box-shadow:inset 0 0 0 2px #7b2ff740}.board-rank{font-size:18px;font-weight:900;min-width:30px;text-align:center}.board-name{flex:1;font-weight:800}.board-name small{color:var(--purple);font-weight:900}.board-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.board-count{font-weight:900;font-size:14px;color:var(--ink)}.board-dupes{font-weight:800;font-size:12px;color:var(--muted)}.typeahead{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.typeahead-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:var(--bg);cursor:pointer;transition:background .12s ease,transform .06s ease}.typeahead-item:hover{background:#ece7fb}.typeahead-item:active{transform:scale(.99)}.typeahead-item.disabled{cursor:default;opacity:.7}.typeahead-item.disabled:hover{background:var(--bg)}.avatar.small{width:34px;height:34px;font-size:15px}.ta-name{flex:1;font-weight:800}.ta-name small{color:var(--muted);font-weight:700}.ta-add{color:var(--purple);font-weight:900;font-size:13px;white-space:nowrap}.ta-status{color:var(--muted);font-weight:800;font-size:12px;white-space:nowrap}.friend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.friend-row{display:flex;align-items:center;gap:12px;padding:11px;border-radius:14px;background:var(--bg)}.friend-row.muted{opacity:.85}.avatar{width:42px;height:42px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;flex-shrink:0;box-shadow:var(--shadow)}.friend-name{font-weight:800;flex:1}.friend-name small{color:var(--muted);font-weight:700}.row-actions{display:flex;gap:8px;align-items:center}.pending-tag{color:var(--amber);font-weight:900;font-size:13px}.trade-summary{background:linear-gradient(120deg,#ff2e881a,#11c5e81f);border:2.5px solid rgba(123,47,247,.2);border-radius:var(--radius);padding:18px;font-size:16px;font-weight:800;margin-bottom:16px}.trade-summary p{margin:0}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-col{background:var(--card);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);border-top:6px solid var(--line);border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff}.trade-col.give{border-top-color:var(--pink)}.trade-col.get{border-top-color:var(--green-bright)}.trade-col header{display:flex;justify-content:space-between;align-items:center}.trade-col h3{margin:0;font-size:15px;font-weight:900}.trade-count{background:var(--brand-gradient);color:#fff;border-radius:999px;padding:3px 12px;font-weight:900;font-size:13px;box-shadow:var(--shadow)}.trade-hint{color:var(--muted);font-size:12px;margin:7px 0 13px;font-weight:700}.trade-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.trade-items li{display:flex;align-items:center;gap:9px;padding:9px;background:var(--bg);border-radius:12px}.trade-code{font-weight:900;color:var(--purple);font-size:13px;min-width:50px}.trade-desc{flex:1;font-size:13px;font-weight:700}.trade-dupes{background:var(--yellow);color:#7a4b00;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:900}.qr-panel{text-align:center}.qr-hint{color:var(--muted);font-weight:700;font-size:14px;margin:0 0 16px}.qr-box{display:inline-block;padding:16px;background:#fff;border-radius:20px;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--brand-gradient) border-box;box-shadow:var(--shadow-lg);margin-bottom:14px;line-height:0}.qr-box svg{display:block;border-radius:8px}.connect-screen{min-height:70vh;display:grid;place-items:center;padding:20px}.connect-card{max-width:420px;text-align:center}.connect-emoji{font-size:64px;line-height:1}.connect-card h2{margin:8px 0 6px;font-size:24px;font-weight:900}.connect-card p{color:var(--muted);font-weight:700}.connect-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.connect-actions .btn-ghost,.connect-actions a{text-decoration:none}.celebration{background:var(--brand-gradient);color:#fff;font-weight:900;font-size:17px;text-align:center;padding:14px 18px;border-radius:var(--radius);margin-bottom:16px;box-shadow:var(--shadow-lg);animation:pop-in .35s cubic-bezier(.18,.89,.32,1.28)}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.action-row{display:flex;gap:8px;margin-bottom:14px}.bulk-panel .bulk-input{width:100%;border:2.5px solid var(--line);border-radius:13px;padding:12px 13px;font-size:16px;font-weight:700;font-family:inherit;outline:none;resize:vertical}.bulk-panel .bulk-input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #7b2ff724}.bulk-actions{display:flex;gap:10px;margin:12px 0}.search-info{color:var(--muted);font-weight:800;font-size:14px;margin:0 0 14px}.trade-complete-btn{margin-top:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f10288c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:100;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);color:var(--ink);border-radius:24px;padding:26px;max-width:440px;width:100%;max-height:calc(100vh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:center;box-shadow:0 24px 60px #00000059;border:3px solid #fff;animation:pop-in .28s cubic-bezier(.18,.89,.32,1.28)}.modal-emoji{font-size:52px;line-height:1}.modal h2{margin:6px 0 14px;font-size:22px;font-weight:900}.modal-warn{background:#fff7ed;color:#9a3412;border:2.5px solid #fdba74;border-radius:14px;padding:13px 15px;font-size:15px;font-weight:800;line-height:1.4}.modal-counts{font-size:16px;font-weight:800;margin:14px 0 6px}.modal-note{color:var(--muted);font-size:13px;font-weight:700;margin:0 0 18px}.modal-actions{display:flex;gap:10px}.modal-actions .btn-ghost,.modal-actions .btn-primary,.modal-actions .btn-danger{flex:1}.account-modal{text-align:left}.account-modal h2{text-align:center}.account-section{padding:15px 0;border-top:1.5px solid var(--line)}.account-section:first-of-type{border-top:none;padding-top:4px}.account-section h3{margin:0 0 10px;font-size:15px;font-weight:900}.account-section.danger h3{color:var(--red)}.account-note{color:var(--muted);font-size:13px;font-weight:700;margin:0 0 10px}.account-input{width:100%;border:2.5px solid var(--line);border-radius:12px;padding:11px 12px;font-size:16px;font-weight:700;font-family:inherit;outline:none;margin-bottom:10px;background:#fff}.account-input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #7b2ff724}.btn-danger{background:var(--red);color:#fff;border:none;border-radius:14px;padding:10px 18px;font-weight:900;font-size:14px;transition:transform .06s ease,background .12s ease}.btn-danger:hover{background:#be123c}.btn-danger:active{transform:translateY(2px)}.btn-danger:disabled{opacity:.6}.toggle-row{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;cursor:pointer;margin-bottom:8px}.toggle-row input{width:20px;height:20px;accent-color:var(--purple);cursor:pointer}.count-readout.ro{margin-top:auto;justify-content:center}.ro-missing{margin-top:auto;text-align:center;color:var(--muted);font-weight:800;font-size:13px;padding:8px 0}.album-back{color:var(--purple);text-decoration:none;font-weight:800}.album-blocked{text-align:center;padding:50px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.album-blocked .error-box{max-width:360px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history-row{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:11px 13px;background:var(--bg);border-radius:12px}.history-date{font-weight:900;font-size:13px;color:var(--purple)}.history-detail{font-weight:800;font-size:13px;text-align:right}.history-detail .give{color:var(--pink)}.history-detail .get{color:var(--green)}.history-codes{grid-column:1 / -1;color:var(--muted);font-size:12px;font-weight:700}.pair-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.pair-item{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1.5px dashed var(--line)}.pair-item:last-child{border-bottom:none;padding-bottom:0}.pair-swap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.pair-confirm{align-self:center;background:var(--green-soft);color:var(--green);border:2px solid var(--green-bright);border-radius:11px;padding:7px 16px;font-weight:900;font-size:13px;transition:transform .06s ease,background .12s ease}.pair-confirm:hover{background:#c7f5d4}.pair-confirm:active{transform:translateY(2px)}.pair-side{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--bg);min-width:0}.pair-side.give{box-shadow:inset 4px 0 0 var(--pink)}.pair-side.get{box-shadow:inset -4px 0 0 var(--green-bright);flex-direction:row-reverse;text-align:right}.pair-code{font-weight:900;color:var(--purple);font-size:13px;flex-shrink:0}.pair-name{font-weight:700;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-arrow{font-size:20px;font-weight:900;color:var(--purple);flex-shrink:0}.pair-legend{text-align:center;color:var(--muted);font-weight:800;font-size:12px;margin:12px 0 0}.pair-legend .give{color:var(--pink)}.pair-legend .get{color:var(--green)}.request-card{text-align:center;border-top:6px solid var(--purple)}.request-card.incoming{border-top-color:var(--green-bright)}.request-card.outgoing{border-top-color:var(--amber)}.request-card h2{text-align:center}.request-emoji{font-size:44px;line-height:1}.request-hint{color:var(--muted);font-weight:700;font-size:13px;margin:0 0 12px}.request-card .pair-list{text-align:left;margin-top:10px}.request-card .modal-actions{margin-top:14px}.overhang-hint{color:var(--muted);font-weight:700;font-size:13px;margin:0 0 10px}.sticker-lines{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.sticker-lines li{display:flex;align-items:center;gap:9px;padding:8px;background:var(--bg);border-radius:10px}.gift-btn{margin-left:auto;flex-shrink:0;background:#fff3e0;color:#b45309;border:2px solid #fbbf24;border-radius:10px;padding:6px 12px;font-weight:900;font-size:12px;transition:transform .06s ease,background .12s ease}.gift-btn:hover{background:#ffe8bf}.gift-btn:active{transform:translateY(2px)}@media (max-width: 560px){.trade-columns{grid-template-columns:1fr}.nav{order:3;width:100%;justify-content:center}.topbar-inner{justify-content:space-between}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.add-friend{flex-direction:column;align-items:stretch}}