:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2efe7;--surface:#fff;--ink:#12281c;--ink-soft:#5c6b62;--pitch:#0e6b45;--pitch-deep:#0a3d2a;--gold:#d4a017;--gold-soft:#fbf3dc;--line:#e3dfd3;--dash:#b8b3a6;--mint:#e3f1ea}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.prevent-text-selection,body.prevent-text-selection *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:active{transform:scale(.98)}input::placeholder{color:var(--dash)}.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:20px 16px 90px;overflow-x:hidden}.app-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.app-header p{color:var(--pitch);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.app-header h1{letter-spacing:0;margin:2px 0 0;font-size:26px;font-weight:900;line-height:1}.pill-button{border:1.5px solid var(--line);color:var(--ink-soft);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700}.progress-card{z-index:20;color:#fff;background:var(--pitch-deep);border-radius:16px;margin-bottom:14px;padding:16px;position:sticky;top:0;box-shadow:0 8px 26px #0a3d2a2e}.progress-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.progress-heading span{opacity:.85;font-size:12px;font-weight:700}.progress-heading strong{font-size:20px;font-weight:900}.progress-track{background:#ffffff2e;border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.progress-track span{background:var(--gold);border-radius:999px;height:100%;transition:width .18s;display:block}.progress-stats{gap:18px;font-size:12px;display:flex}.progress-stats span:nth-child(2){opacity:.8}.progress-stats span:nth-child(3){color:var(--gold)}.progress-stats strong{font-size:15px}.trade-share-card{border:1.5px dashed var(--dash);color:var(--ink-soft);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;font-size:12.5px;display:grid}.trade-share-card div{gap:3px;min-width:0;display:grid}.trade-share-card strong{color:var(--ink);font-size:13px}.trade-share-card span{line-height:1.35}.trade-share-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.trade-share-card button{color:#fff;background:var(--pitch-deep);border:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.trade-share-card button+button{border:1.5px solid var(--line);color:var(--pitch-deep);background:var(--surface)}.trade-share-card small{color:var(--pitch);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:12px;overflow:hidden}.qr-card{border-top:1px solid var(--line);grid-column:1/-1;justify-items:center;gap:8px;min-height:272px;padding-top:12px}.qr-card img{aspect-ratio:1;background:#fff;border:8px solid #fff;border-radius:12px;width:min(220px,100%);height:auto;display:block;box-shadow:0 4px 16px #12281c1f}.qr-card span{color:var(--ink-soft);text-align:center;font-size:12px;font-weight:700}.mode-tabs{gap:8px;margin-bottom:14px;display:flex}.mode-tabs button{border:1.5px solid var(--line);color:var(--ink-soft);background:var(--surface);text-align:center;border-radius:12px;flex:1;padding:11px 0;font-size:14px;font-weight:800;text-decoration:none}.mode-tabs button.active{border-color:var(--pitch);color:var(--pitch-deep);background:var(--mint)}.hint-card{border:1.5px solid var(--pitch);color:var(--pitch-deep);background:var(--mint);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:12.5px;line-height:1.35;display:flex}.hint-card button{color:var(--pitch-deep);background:0 0;border:none;font-size:14px;font-weight:900}.album-tools{margin-bottom:16px}.search-field{position:relative}.search-field input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:12px;outline:none;padding:12px 44px 12px 14px;font-size:16px}.search-field button{width:28px;height:28px;min-height:0;color:var(--ink-soft);background:var(--bg);border:none;border-radius:999px;place-items:center;font-size:18px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-field button:active{transform:translateY(-50%)scale(.96)}.filter-chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.filter-chips button{border:1.5px solid var(--line);color:var(--ink-soft);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.filter-chips button.active{border-color:var(--pitch);color:#fff;background:var(--pitch-deep)}.sticker-section{min-width:0;margin-bottom:22px}.section-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-header h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:14px;font-weight:800}.section-header h2 span{color:var(--ink-soft);font-size:11px;font-weight:600}.section-header button{border:1.5px solid var(--line);max-width:48%;color:var(--ink-soft);background:var(--surface);white-space:normal;border-radius:999px;flex-shrink:0;padding:5px 11px;font-size:11px;font-weight:800}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.compact-sticker-list{flex-wrap:wrap;gap:6px;display:flex}.compact-sticker-badge{border:1.5px dashed var(--dash);color:var(--ink-soft);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;background:0 0;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.compact-sticker-badge.has-sticker{border-style:solid;border-color:var(--line);color:var(--ink);background:var(--surface)}.compact-sticker-badge.wanted-sticker{border-color:var(--gold);color:#8a6d10;background:var(--gold-soft)}.compact-sticker-badge.trade-sticker{border-color:var(--pitch)}.compact-sticker-badge small{color:var(--pitch);margin-left:4px;font-size:10px;font-weight:900}.compact-sticker-badge *{pointer-events:none;-webkit-user-select:none;user-select:none}.sticker-tile{aspect-ratio:3/4;border:2px dashed var(--dash);min-width:0;color:var(--ink-soft);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;background:0 0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:6px;display:flex;position:relative}.sticker-tile *{pointer-events:none;-webkit-user-select:none;user-select:none}.sticker-tile.has-sticker{border:1.5px solid var(--line);color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #12281c14}.sticker-tile.wanted-sticker{border-color:var(--gold);color:#8a6d10;background:var(--gold-soft)}.tile-code{letter-spacing:.04em;align-self:flex-start;font-size:10px;font-weight:800}.tile-check{color:#fff;background:var(--pitch);text-align:center;border-radius:999px;width:14px;height:14px;font-size:9px;font-weight:800;line-height:14px;position:absolute;top:6px;right:6px}.tile-star{color:var(--gold);font-size:12px;position:absolute;top:4px;right:6px}.sticker-tile strong{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--ink);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.tile-count{text-align:center;min-height:16px;color:var(--pitch-deep);font-size:10px;font-weight:900}.tile-count:not(:empty){border:1px solid var(--gold);background:var(--gold-soft);border-radius:999px;justify-content:center;align-self:center;align-items:center;padding:1px 7px;display:inline-flex}.trades-panel{gap:14px;display:grid}.trade-empty{border:1.5px solid var(--line);background:var(--surface);border-radius:16px;padding:18px}.trade-empty span{color:var(--pitch);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.trade-empty h2{margin:6px 0 8px;font-size:20px;line-height:1.1}.trade-empty p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.trade-match{border:1.5px solid var(--line);width:100%;color:var(--ink);background:var(--surface);text-align:left;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;text-decoration:none;display:grid}.trade-match.has-match{border-color:var(--gold)}.friend-avatar{color:#fff;background:var(--pitch-deep);border-radius:999px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:grid}.trade-match-copy{gap:2px;min-width:0;display:grid}.trade-match-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.trade-match-copy small{color:var(--ink-soft);font-size:12px;line-height:1.35}.trade-match-copy b:first-child{color:#8a6d10}.trade-match em{color:#fff;background:var(--gold);letter-spacing:.05em;border-radius:999px;padding:4px 9px;font-size:10px;font-style:normal;font-weight:900}.trade-detail{gap:12px;display:grid}.trade-detail h2{margin:0;font-size:20px;line-height:1.1}.trade-detail p{color:var(--ink-soft);margin:-6px 0 4px;font-size:12.5px}.back-button{color:var(--pitch);background:0 0;border:none;justify-self:start;padding:0;font-size:13px;font-weight:800;text-decoration:none}.trade-chip-group{gap:8px;display:grid}.trade-chip-group h3{color:var(--pitch);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.trade-chip-group p{width:100%;color:var(--ink-soft);margin:2px 0 0;font-size:11px}.trade-chip-group div{flex-wrap:wrap;gap:7px;display:flex}.trade-chip-group span{color:var(--ink-soft);font-size:13px}.trade-chip-group button{border:1.5px solid var(--line);color:var(--ink);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.trade-chip-group button.active{border-color:var(--gold);background:var(--gold-soft)}.trade-chip-group button.dim:not(.active){color:var(--ink-soft);opacity:.76}.trade-chip-group small{color:var(--ink-soft);font-size:11px;font-weight:600}.trade-chip-group em{color:var(--pitch);font-size:11px;font-style:normal;font-weight:900}.trade-message{color:var(--pitch);text-align:center;font-size:12px;font-weight:800}.trade-section,.proposal-list{gap:8px;display:grid}.trade-section h2,.proposal-list h2{margin:0;font-size:16px}.proposal-list-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.proposal-list-header button{border:1.5px solid var(--line);color:var(--ink-soft);background:var(--surface);border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:11px;font-weight:800}.proposal-empty{border:1.5px dashed var(--dash);color:var(--ink-soft);text-align:center;background:#ffffff73;border-radius:12px;margin:0;padding:12px;font-size:12px;font-weight:700}.proposal-history{border-top:1px solid var(--line);gap:8px;margin-top:4px;padding-top:10px;display:grid}.proposal-history h3{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.proposal-card{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;gap:8px;padding:12px;display:grid}.proposal-card>div:first-child{justify-content:space-between;gap:12px;display:flex}.proposal-card strong{font-size:14px}.proposal-card span{color:var(--pitch);font-size:12px;font-weight:900}.proposal-card p,.proposal-card small{color:var(--ink-soft);margin:0;font-size:12px}.proposal-items{border:1px solid var(--line-soft);background:var(--paper);border-radius:12px;gap:5px;padding:8px;display:grid}.proposal-items strong{color:var(--ink-soft);text-transform:uppercase;font-size:11px}.proposal-items ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.proposal-items li{color:var(--ink);grid-template-columns:minmax(48px,max-content) 1fr;align-items:baseline;gap:7px;font-size:12px;font-weight:700;display:grid}.proposal-items b{color:var(--pitch-deep);font-size:12px}.proposal-items span{color:var(--ink);font-size:12px;font-weight:700}.proposal-actions{flex-wrap:wrap;gap:7px;display:flex}.proposal-actions button{border:1.5px solid var(--line);color:var(--ink);background:var(--surface);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.proposal-actions button:first-child{border-color:var(--pitch);color:var(--pitch-deep);background:var(--mint)}.proposal-message{color:var(--ink-soft);gap:6px;font-size:12px;font-weight:800;display:grid}.proposal-message textarea{resize:vertical;border:1.5px solid var(--line);min-height:72px;color:var(--ink);background:var(--surface);font:inherit;border-radius:12px;padding:10px 12px;font-size:13px}.sheet-backdrop{z-index:50;background:#12281c73;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--surface);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:20px 20px 0 0;width:100%;max-width:480px;margin:0 auto;padding:14px 20px 28px;animation:.18s slide-up}.bottom-sheet *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.sheet-handle{background:var(--line);border-radius:999px;width:36px;height:4px;margin:0 auto 14px}.sheet-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.sheet-header span{color:var(--pitch);letter-spacing:.08em;font-size:11px;font-weight:900}.sheet-header h2{margin:2px 0;font-size:18px;line-height:1.1}.sheet-header p{color:var(--ink-soft);margin:0;font-size:12px}.sheet-header>strong{color:var(--pitch);background:var(--mint);border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:12px}.sheet-counter{grid-template-columns:52px 1fr 52px;align-items:center;gap:12px;margin-top:14px;margin-bottom:14px;display:grid}.sheet-counter button{border:1.5px solid var(--line);width:52px;height:52px;color:var(--ink);background:var(--bg);border-radius:16px;font-size:24px;font-weight:900}.sheet-counter strong{text-align:center;font-size:28px}.wanted-action{border:1.5px solid var(--line);width:100%;color:var(--ink-soft);background:var(--surface);border-radius:12px;padding:13px 0;font-size:14px;font-weight:900}.wanted-action.active{border-color:var(--gold);color:#8a6d10;background:var(--gold-soft)}.sheet-counter+.wanted-action{margin-top:4px}.danger-action{color:#a33;background:0 0;border:none;border-radius:12px;width:100%;margin-top:8px;padding:11px 0;font-size:13px;font-weight:800}.notice,.auth-panel{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;gap:10px;margin-bottom:14px;padding:14px;display:grid}.notice{background:#fff4cf;border-color:#e4c568}.notice span,.form-message,.empty-state{color:var(--ink-soft);font-size:13px;line-height:1.4}.auth-panel h2{margin:0;font-size:20px}.auth-panel form{gap:8px;display:grid}.auth-panel label{color:var(--ink-soft);font-size:13px;font-weight:700}.auth-panel input{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px}.primary-button,.auth-panel form button{color:#fff;background:var(--pitch-deep);border:none;border-radius:12px;padding:12px 0;font-size:14px;font-weight:900}.divider{color:var(--ink-soft);align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.empty-state{border:1.5px dashed var(--dash);text-align:center;border-radius:14px;padding:18px}.public-header{align-items:center}.public-profile-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:20px 16px 40px}.public-brand{color:var(--pitch);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:900}.public-profile-shell>h1{letter-spacing:0;margin:2px 0 12px;font-size:24px;font-weight:900;line-height:1.05}.public-subtitle{color:var(--ink-soft);margin:0 0 18px;font-size:12.5px;line-height:1.4}.public-progress{color:#fff;background:var(--pitch-deep);border-radius:16px;margin-bottom:12px;padding:14px}.public-progress>div:first-child{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.public-progress span{opacity:.85;font-size:12px;font-weight:700}.public-progress strong{font-size:18px;font-weight:900}.visitor-card,.match-card{border:1.5px solid var(--line);background:var(--surface);border-radius:16px;margin-bottom:14px;padding:16px}.visitor-card p,.match-card p{margin:0 0 10px;font-size:13.5px;line-height:1.45}.visitor-card p{color:var(--ink-soft)}.visitor-card a,.visitor-card button,.match-card a,.match-card button,.proposal-button{color:#fff;background:var(--pitch-deep);text-align:center;border:none;border-radius:12px;width:100%;padding:13px 0;font-size:15px;font-weight:800;text-decoration:none;display:block}.match-card{border-color:var(--gold);background:var(--gold-soft)}.match-card div{color:#8a6d10;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900}.match-card b:first-of-type{color:var(--pitch)}.match-card b:last-of-type{color:#8a6d10}.match-card .remove-friend{border:1.5px solid var(--gold);color:#8a6d10;background:0 0;margin-top:8px}.public-tabs{gap:8px;margin-bottom:14px;display:flex}.public-tabs button{border:1.5px solid var(--line);color:var(--ink-soft);background:var(--surface);border-radius:12px;flex:1;padding:11px 0;font-size:14px;font-weight:800}.public-tabs button.active{border-color:var(--pitch);color:var(--pitch-deep);background:var(--mint)}.public-hint{color:var(--ink-soft);margin:0 0 12px;font-size:12px}.public-hint span{color:#8a6d10;font-weight:900}.public-list-toggle{gap:7px;margin:-4px 0 12px;display:flex}.public-list-toggle button{border:1.5px solid var(--line);color:var(--ink-soft);background:var(--surface);border-radius:999px;flex:1;padding:8px 10px;font-size:12px;font-weight:800}.public-list-toggle button.active{border-color:var(--pitch);color:var(--pitch-deep);background:var(--mint)}.wanted-section{border:1.5px solid var(--gold);background:var(--surface);border-radius:14px;margin-bottom:8px;overflow:hidden}.public-section-header{width:100%;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;padding:16px 14px 10px;display:flex}.wanted-section b{color:var(--gold)}.offer-section{border-color:var(--pitch)}.offer-section b{color:var(--pitch)}.wanted-section span{font-size:14px;font-weight:800}.wanted-section small{color:var(--ink-soft);margin-left:8px;font-size:11px;font-weight:600}.wanted-section em{color:var(--ink-soft);font-size:12px;font-style:normal}.public-badge-list{flex-wrap:wrap;gap:6px;padding:0 14px 14px;display:flex}.public-badge-list button{border:1.5px dashed var(--line);color:var(--ink-soft);background:#f8f7f0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.public-badge-list button.is-priority{border-color:var(--gold);color:#8a6d10;background:var(--gold-soft)}.public-badge-list button.selected{color:#fff;background:var(--gold);border-style:solid}.offer-section .public-badge-list button{border-color:var(--pitch);color:var(--pitch-deep);background:var(--mint)}.offer-section .public-badge-list button.selected{color:#fff;background:var(--pitch)}.public-badge-list button small{color:inherit;margin-left:4px;font-size:10px;font-weight:900}.public-badge-list button .priority-marker{color:inherit;margin-right:4px;font-size:11px;font-weight:900}.public-proposal-card{z-index:10;border:1.5px solid var(--pitch);background:var(--surface);border-radius:16px;gap:8px;padding:14px;display:grid;position:sticky;bottom:12px;box-shadow:0 10px 30px #12281c2e}.public-proposal-card strong{font-size:15px}.public-proposal-card p,.public-proposal-card small,.public-form-message{color:var(--ink-soft);margin:0;font-size:12px;font-weight:700}.public-proposal-card input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:12px;padding:11px 12px;font-size:16px}.public-proposal-card button{color:#fff;background:var(--pitch-deep);border:none;border-radius:12px;padding:12px 0;font-size:14px;font-weight:900}.public-form-message{color:var(--pitch);text-align:center;margin-top:10px}.offer-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.offer-card{aspect-ratio:3/4;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:space-between;padding:8px;display:flex;box-shadow:0 1px 3px #12281c14}.offer-card>span{font-size:10px;font-weight:800}.offer-card strong{text-align:center;font-size:12px;font-weight:800;line-height:1.2}.offer-card em{border:1px solid var(--gold);color:var(--pitch-deep);background:var(--gold-soft);text-align:center;border-radius:999px;align-self:center;padding:1px 8px;font-size:10px;font-style:normal;font-weight:900}.copy-public-list{border:1.5px solid var(--line);width:100%;color:var(--ink-soft);background:var(--surface);border-radius:12px;margin-top:10px;padding:12px 0;font-size:13px;font-weight:800}.copy-public-list.copied{color:var(--pitch-deep);background:var(--mint)}.proposal-section{margin-bottom:18px}.proposal-section h2{color:var(--pitch);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.proposal-section.gold h2{color:#8a6d10}.proposal-section p{color:var(--ink-soft);margin:8px 0 6px;font-size:11px}.proposal-section>div{flex-wrap:wrap;gap:7px;margin-bottom:6px;display:flex}.proposal-chip{border:1.5px solid var(--line);color:var(--ink);background:var(--surface);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.proposal-chip.active{border-color:var(--pitch);background:var(--mint)}.proposal-chip.gold.active{border-color:var(--gold);background:var(--gold-soft)}.proposal-chip.dim:not(.active){color:var(--ink-soft);opacity:.75}.proposal-chip span{color:var(--ink-soft);font-weight:500}.trade-warning{border:1.5px solid var(--gold);color:#8a6d10;background:var(--gold-soft);border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:12px}.proposal-button.sent{color:var(--pitch-deep);background:var(--mint)}.public-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.public-action{color:#fff;background:var(--pitch-deep);white-space:nowrap;border:none;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;line-height:1;text-decoration:none}.public-action.secondary{color:var(--pitch-deep);background:var(--mint)}.public-hero-card{color:#fff;background:var(--pitch-deep);border-radius:16px;gap:8px;margin-bottom:14px;padding:16px;display:grid;box-shadow:0 8px 26px #0a3d2a2e}.public-hero-card>span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.public-hero-card>strong{font-size:18px;line-height:1.12}.public-hero-card div{color:#ffffffd1;gap:18px;font-size:12px;display:flex}.public-hero-card b{color:#fff;font-size:15px}.public-lists{gap:12px;display:grid}.public-list-card{border:1.5px solid var(--line);background:var(--surface);border-radius:16px;padding:14px}.public-list-card h2{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:16px;font-weight:900;display:flex}.public-list-card h2 span{min-width:28px;min-height:28px;color:var(--pitch-deep);background:var(--mint);border-radius:999px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.pill-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.public-sticker-card{aspect-ratio:3/4;border:1.5px solid var(--line);color:var(--ink);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:space-between;padding:6px;display:flex;position:relative;box-shadow:0 1px 3px #12281c14}.public-sticker-card.wanted-sticker{border:2px dashed var(--gold);color:#8a6d10;background:var(--gold-soft)}.public-sticker-card strong{color:var(--ink);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.public-sticker-card small{min-height:16px;color:var(--ink-soft);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9.5px;line-height:1.1;display:-webkit-box;overflow:hidden}@keyframes slide-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}@media (max-width:380px){.public-header{flex-direction:column;align-items:flex-start}.public-actions{width:100%}.public-action{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}