:root{--bg:#f0f7f0;--surface:#fff;--surface2:#e8f5e8;--line:#c8e6c8;--text:#1a2e1a;--muted:#5a7a5a;--have:#2e7d32;--foil:#b45309;--dbl:#1565c0;--on-have:#fff;--sheet-btn-bg:#e8f5e8;--sheet-btn-text:#1a2e1a}[data-theme=dark]{--bg:#16181d;--surface:#1e2127;--surface2:#23262e;--line:#2c3038;--text:#e6e8eb;--muted:#7b8290;--have:#ff6b1a;--foil:#d9a441;--dbl:#3b82f6;--on-have:#16181d;--sheet-btn-bg:#fff;--sheet-btn-text:#16181d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.boot{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.login>*{z-index:1;position:relative}.cards-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fall-card{background:linear-gradient(150deg,var(--surface),var(--surface2));border:1px solid var(--line);opacity:0;will-change:transform,opacity;width:40px;height:54px;transform:translate(var(--sx),-115vh) rotate(var(--sr0));border-radius:6px;margin:-27px 0 0 -20px;animation-name:card-settle;animation-timing-function:cubic-bezier(.22,.7,.3,1);animation-fill-mode:forwards;position:absolute;box-shadow:0 6px 18px #00000012}.fall-card:before{content:"";background:var(--have);opacity:.5;border-radius:3px;height:5px;position:absolute;top:7px;left:7px;right:7px}@keyframes card-settle{0%{opacity:0;transform:translate(var(--sx),-115vh) rotate(var(--sr0))}14%{opacity:.32}46%{opacity:.32;transform:translate(var(--cx),var(--cy)) rotate(var(--cr))}68%{opacity:.32;transform:translate(var(--cx),var(--cy)) rotate(var(--cr))}to{opacity:.3;transform:translate(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.fall-card{opacity:.22;animation:none;transform:none}}.logo{letter-spacing:-.02em;font-size:34px;font-weight:800}.logo span{color:var(--have)}.logo.sm{font-size:20px}.tagline{color:var(--muted);max-width:280px;font-size:14px}.google-btn{font:inherit;color:#16181d;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:8px;padding:13px 22px;font-size:15px;font-weight:600}.google-btn:active{transform:scale(.98)}.app{min-height:100%;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;width:220px;padding:16px 12px;display:flex}.nav-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:14px 4px 4px;font-size:10px}.album-item{border:1px solid #0000;border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.album-item:hover{background:var(--surface2)}.album-item.active{background:var(--surface2);border-color:var(--have)}.album-btn{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;padding:9px 10px;display:flex}.album-name{font-size:14px;font-weight:600}.album-full{color:var(--muted);font-size:11px}.pin-btn{cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 8px;font-size:12px;transition:opacity .15s;display:flex}.album-item:hover .pin-btn{opacity:.55}.pin-btn.is-pinned{opacity:1}.album-divider{background:var(--line);height:1px;margin:2px 0}.sidebar-foot{margin-top:auto;padding-top:10px}.ghost{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}.scrim{display:none}.main{flex:1;width:100%;min-width:0;max-width:1000px;margin:0 auto;padding:14px 16px 48px}header{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 0 12px;position:sticky;top:0}.topbar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.burger{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px;display:none}.user img{border-radius:50%;width:26px;height:26px}.topbar-end{align-items:center;gap:8px;display:flex}.theme-btn{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:5px 9px;font-size:11px}.theme-btn:active{transform:scale(.97)}.friends-btn{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:11px;position:relative}.friends-btn:active{transform:scale(.97)}.friends-badge{background:var(--dbl);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.notif-btn{font:inherit;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:15px;line-height:1;position:relative}.notif-btn:active{transform:scale(.95)}.notif-badge{color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--bg);background:#e5392f;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-7px;right:-7px}.hub-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hub{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:100%;max-width:440px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.hub-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.hub-title{font-size:15px;font-weight:700}.hub-close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.hub-tabs{gap:6px;padding:10px 16px 0;display:flex}.hub-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:12px;font-weight:600}.hub-tabs button.on{color:var(--have);border-bottom-color:var(--have)}.hub-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}.hub-card{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:12px}.hub-card-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px}.hub-card-label.section{margin:4px 0 0}.invite-code{letter-spacing:.12em;color:var(--have);text-align:center;margin-bottom:10px;font-family:ui-monospace,Menlo,monospace;font-size:26px;font-weight:700}.connect-row{gap:8px;display:flex}.hub-input{min-width:0;font:inherit;letter-spacing:.08em;color:var(--text);background:var(--surface);border:1px solid var(--line);text-transform:uppercase;border-radius:8px;outline:none;flex:1;padding:9px 11px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.hub-input:focus{border-color:var(--have)}.hub-select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;outline:none;padding:9px 11px;font-size:13px}.hub-btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.hub-btn:active{transform:scale(.98)}.hub-btn:disabled{opacity:.5;cursor:default}.hub-btn.primary{background:var(--have);color:var(--on-have);border-color:var(--have)}.hub-btn.ghost{color:var(--muted);background:0 0}.hub-btn.wide{width:100%}.hub-btn.sm{padding:6px 10px;font-size:11px}.hub-error{color:#c0392b;margin-top:8px;font-size:12px}.hub-note{color:var(--have);margin-top:8px;font-size:12px;font-weight:600}.conn-pending{color:var(--muted);background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:12px}.conn-pending b{color:var(--text);font-weight:600}.hub-empty{color:var(--muted);text-align:center;padding:18px 8px;font-size:13px}.conn-list{flex-direction:column;gap:6px;display:flex}.conn-row{font:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.conn-row:active{transform:scale(.99)}.conn-row img,.conn-avatar{border-radius:50%;flex-shrink:0;width:30px;height:30px}.conn-avatar{background:var(--surface2);color:var(--muted);text-transform:uppercase;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.conn-name{color:var(--text);flex:1;font-size:14px;font-weight:600}.conn-go{color:var(--have);white-space:nowrap;font-size:11px}.hub-subhead{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.hub-back{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px}.hub-subtitle{font-size:14px;font-weight:700}.hub-foot{border-top:1px solid var(--line);padding:12px 16px}.trade-list{flex-direction:column;gap:4px;display:flex}.trade-item{font:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:9px 11px;display:flex}.trade-item.sel{border-color:var(--have);background:var(--surface2)}.trade-check{border:1px solid var(--line);width:16px;height:16px;color:var(--have);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.trade-item.sel .trade-check{border-color:var(--have)}.trade-tag{color:var(--muted);background:var(--surface2);border-radius:4px;flex-shrink:0;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:10px}.trade-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.trade-need{color:var(--dbl);white-space:nowrap;font-size:10px;font-weight:700}.req-card{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:12px}.req-head{color:var(--text);margin-bottom:8px;font-size:13px}.req-items{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.req-chip{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 7px;font-size:11px}.req-chip b{font-family:ui-monospace,Menlo,monospace}.req-actions{justify-content:flex-end;gap:8px;display:flex}.req-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.req-status{font-size:11px;font-weight:600}.req-status.s-pending{color:var(--muted)}.req-status.s-accepted{color:var(--dbl)}.req-status.s-completed{color:var(--have)}.req-status.s-declined,.req-status.s-cancelled{color:#c0392b}.album-title{margin:2px 0 10px;font-size:16px;font-weight:700}.stats{align-items:baseline;gap:10px;font-family:ui-monospace,Menlo,Consolas,monospace;display:flex}.have-n{color:var(--have);font-size:28px;font-weight:700;line-height:1}.total{color:var(--muted);font-size:13px}.miss{color:var(--muted);text-align:right;margin-left:auto;font-size:12px}.miss b{color:var(--text)}.bar{background:var(--line);border-radius:3px;height:5px;margin-top:9px;overflow:hidden}.bar>i{background:var(--have);height:100%;transition:width .2s;display:block}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;display:flex}.controls button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;padding:7px 12px;font-size:12px}.controls button:active{transform:scale(.97)}.controls button.on{border-color:var(--have);color:var(--have)}.mode-switch{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.mode-switch button{background:var(--surface);border:none;border-radius:0}.mode-switch button.on{background:var(--have);color:var(--on-have);font-weight:600}.hint{color:var(--dbl);margin-top:8px;font-size:11px}.search-wrap{margin-top:10px}.search-input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);-webkit-appearance:none;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.search-input:focus{border-color:var(--have)}.search-input::placeholder{color:var(--muted)}.group-label{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--line);margin:22px 0 8px;padding-bottom:5px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.collapsible-label{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.collapsible-label:hover{color:var(--text)}.collapsible-label.collapsed{border-bottom-color:#0000;margin-bottom:0}.collapse-icon{opacity:.55;flex-shrink:0;font-size:7px}.team{margin:10px 0 4px}.team-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:5px;display:flex}.team-chevron{opacity:.55;flex-shrink:0;font-size:7px}.flag{font-size:16px;line-height:1}.team-name{font-size:14px;font-weight:600}.team-code{color:var(--muted);background:var(--surface2);border-radius:4px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.team-prog{color:var(--muted);margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:12px}.team.done .team-prog{color:var(--have)}.cells{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;display:grid}.cell{min-height:38px;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:4px;justify-content:center;align-items:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;transition:background 70ms,color 70ms;display:flex;position:relative}.cell.foil{border-color:var(--foil)}.cell.have{background:var(--have);color:var(--on-have);border-color:var(--have);font-weight:700}.cell.hasdbl{box-shadow:inset 0 0 0 2px var(--dbl)}.dbl-badge{background:var(--dbl);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.named-list{flex-direction:column;gap:4px;display:flex}.named-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex;position:relative}.named-card.have{background:var(--have);border-color:var(--have)}.named-card.have .le-name{color:var(--on-have)}.named-card.have .le-tag{color:var(--on-have);border-color:var(--on-have)}.named-card.hasdbl{box-shadow:inset 0 0 0 2px var(--dbl)}.le-tag{color:var(--muted);border:1px solid var(--line);border-radius:4px;flex-shrink:0;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:10px}.le-name{font-size:13px;font-weight:500}footer{color:var(--muted);text-align:center;padding:22px 0 0;font-size:11px}.footer-sep{opacity:.6;margin:0 6px}.footer-disclaimer{color:var(--muted);opacity:.8;max-width:520px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:10px;line-height:1.45}.legal-link{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.legal-link:hover{color:var(--text)}.login .legal-link{margin-top:6px;font-size:12px}.hub.legal{max-width:460px}.legal-body{text-align:left;flex-direction:column;gap:22px;padding:20px;display:flex;overflow-y:auto}.legal-body section{flex-direction:column;gap:10px;display:flex}.legal-body section+section{border-top:1px solid var(--line);padding-top:22px}.legal-body h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:700}.legal-body p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.legal-body p b{font-weight:600}.legal-body a{color:var(--have);text-decoration:none}.legal-body a:hover{text-decoration:underline}.legal-body .hub-btn.primary{align-self:flex-start;margin-top:2px}.legal-dl{grid-template-columns:auto 1fr;align-items:baseline;gap:10px 24px;font-size:14px;display:grid}.legal-dl dt{color:var(--muted)}.legal-dl dd{color:var(--text);margin:0}.legal-list{flex-direction:column;gap:7px;margin:0;padding-left:18px;display:flex}.legal-list li{color:var(--text);padding-left:3px;font-size:14px;line-height:1.5}.legal-small{color:var(--muted);margin:0;font-size:12.5px}.grid.only-missing .cell.have,.grid.only-missing .named-card.have,.grid.only-missing .team.done{display:none}.action-sheet-backdrop{z-index:40;background:#0000008c;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.action-sheet{background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 12px 12px;width:100%;max-width:420px;padding:18px;box-shadow:0 20px 60px #00000059}.action-sheet-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.action-sheet-title{color:var(--text);font-size:15px;font-weight:700}.action-sheet-subtitle{color:var(--muted);margin-top:6px;font-size:12px}.action-sheet-close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.action-sheet-buttons{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.action-sheet-buttons button{font:inherit;color:var(--sheet-btn-text);background:var(--sheet-btn-bg);cursor:pointer;border:none;border-radius:12px;padding:12px 0;font-size:14px;font-weight:700;transition:transform .15s,background .15s}.action-sheet-buttons button:active{filter:brightness(.93);transform:scale(.98)}.action-sheet-note{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.4}@keyframes install-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.install-banner{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"icon body""actions actions";gap:6px 12px;width:calc(100% - 24px);max-width:380px;padding:14px 16px;animation:.25s both install-in;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #00000047}.install-icon{grid-area:icon;font-size:22px;line-height:1.2}.install-body{grid-area:body;min-width:0}.install-title{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:700}.install-text{color:var(--muted);font-size:12px;line-height:1.45}.install-text b{color:var(--text);font-weight:600}.install-share{color:var(--have);font-weight:700;display:inline-block}.install-close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px;line-height:1;position:absolute;top:8px;right:10px}.install-actions{grid-area:actions;gap:8px;margin-top:6px;display:flex}.install-btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.install-btn:active{transform:scale(.98)}.install-btn.primary{background:var(--have);color:var(--on-have);border-color:var(--have);flex:1}.install-btn.ghost{color:var(--muted)}.invite-wrap{display:inline-flex;position:relative}.invite-btn{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:11px}.invite-btn:active{transform:scale(.97)}.invite-btn:disabled{opacity:.5;cursor:default}.invite-wrap .tooltip{z-index:40;text-align:left;background:var(--surface);width:250px;color:var(--muted);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;flex-direction:column;gap:4px;padding:11px 13px;font-size:12px;line-height:1.5;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 12px 30px #0000002e}.invite-wrap .tooltip b{color:var(--text);font-weight:600}.invite-wrap:hover .tooltip,.invite-wrap:focus-within .tooltip{opacity:1;visibility:visible;transform:translateY(0)}.invite-hint{color:var(--muted);text-align:left;margin-top:9px;font-size:11px;line-height:1.5}.invite-hint b{color:var(--text);font-weight:600}.toast{left:50%;top:calc(14px + env(safe-area-inset-top));z-index:70;background:var(--have);max-width:90%;color:var(--on-have);text-align:center;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;animation:.25s both toast-in;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #00000038}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=760px){.sidebar{z-index:30;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim{z-index:25;background:#00000080;display:block;position:fixed;inset:0}.burger{display:inline-block}.pin-btn{opacity:.3}.topbar-end{gap:6px}.invite-label{display:none}.invite-wrap .tooltip{width:min(250px,76vw)}}@media print{:root{--bg:#fff;--surface:#fff;--surface2:#fff;--line:#000;--text:#000;--muted:#333}.sidebar,.scrim,.topbar,.stats,.bar,.controls,.hint,footer{display:none}header{border:none;padding:0 0 6px;position:static}.main{max-width:none;padding:0}.album-title{font-size:13px}.group-label{color:#000;break-after:avoid;border-color:#000;margin:10px 0 4px}.team{break-inside:avoid;margin:5px 0 2px}.cells{gap:1px}.cell{color:#000;border:1px solid #888;border-radius:0;height:14px;min-height:0;font-size:7px}.cell.have{color:#fff;background:#000}.dbl-badge{display:none}.named-card{break-inside:avoid;border:1px solid #888;border-radius:0;padding:3px 6px}.named-card.have{background:#000}.named-card.have .le-name,.named-card.have .le-tag{color:#fff}}