@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{color-scheme:light;--bg: #f2f6f0;--surface: #ffffff;--surface-2: #edf4ed;--ink: #10241a;--muted: #61766b;--line: #dbe7df;--green: #14a34a;--green-dark: #0b7a3a;--gold: #efb51b;--orange: #ee7a22;--red: #dc3f3b;--shadow: 0 16px 42px rgba(15, 66, 36, .13)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:100%;min-height:100vh;max-width:780px;margin:0 auto;padding-bottom:88px;overflow-x:hidden;background:radial-gradient(circle at 20% -8%,rgba(239,181,27,.26),transparent 28rem),linear-gradient(180deg,#e9f3eb 0%,var(--bg) 18rem)}.topbar{position:sticky;top:0;z-index:10;padding:16px 18px 18px;color:#fff;background:linear-gradient(135deg,#075f31,var(--green),#128344);border-radius:0 0 24px 24px;box-shadow:var(--shadow)}.brand-row,.global-progress,.section-head,.trade-row,.progress-row{display:flex;align-items:center}.brand-row{justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;min-width:0;gap:12px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:#ffffff2e;font-size:27px;box-shadow:inset 0 1px #ffffff40}h1,h2,h3,.section-title strong,.stat-card strong{margin:0;font-family:Fredoka,Inter,sans-serif;letter-spacing:0}h1{overflow:hidden;max-width:100%;font-size:clamp(1.1rem,4vw,1.55rem);line-height:1;text-overflow:ellipsis;white-space:nowrap}.brand p{margin:4px 0 0;color:#ffffffc7;font-size:.78rem;font-weight:600}.shiny-counter{display:flex;flex:none;flex-direction:column;align-items:flex-end;line-height:1.05}.shiny-counter strong{font-family:Fredoka,Inter,sans-serif;font-size:1.35rem}.shiny-counter span{font-size:.7rem;opacity:.78}.global-progress{gap:12px;margin-top:16px}.bar,.row-bar{overflow:hidden;border-radius:999px;background:#ffffff40}.bar{flex:1;height:12px}.bar span,.row-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,#ffe7a3);transition:width .22s ease}.global-copy{display:flex;flex-direction:column;align-items:flex-end}.global-copy strong{font-family:Fredoka,Inter,sans-serif;font-size:1.2rem;line-height:1}.global-copy span{color:#ffffffc7;font-size:.72rem;font-weight:600}.content{padding:16px 14px 0}.screen{animation:fade-up .18s ease}.screen h2{margin:4px 2px 12px;font-size:1.45rem}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}}.view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border-radius:15px;background:#e3eee5}.view-tabs button,.quick-actions button,.secondary-action{border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font-weight:700}.view-tabs button{min-width:0;padding:10px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-tabs .active{background:#fff;color:var(--green-dark);box-shadow:0 4px 14px #11412417}.toolbar,.filters,.quick-actions{margin-top:12px}.search{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 12px;color:var(--muted)}.search input{min-width:0;flex:1;border:0;outline:0;padding:13px 0;background:transparent;color:var(--ink)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters select{min-width:0;width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:10px 11px}.quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:.78rem}.quick-actions button,.secondary-action{border-color:var(--line);background:#fff;color:var(--green-dark);padding:8px 12px}.sections{display:flex;flex-direction:column;gap:10px;margin-top:12px}.album-section,.panel,.trade-row,.stat-card{border:1px solid var(--line);border-radius:16px;background:var(--surface)}.album-section{overflow:hidden}.album-section.done{border-color:#edca5a;box-shadow:inset 0 0 0 2px #efb51b29}.section-head{width:100%;gap:12px;border:0;background:transparent;padding:13px 14px;color:var(--ink);text-align:left}.progress-ring{width:46px;height:46px;flex:none;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:#e3ede6;stroke-width:5}.progress-ring circle+circle{stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset .24s ease}.progress-ring circle.complete{stroke:var(--gold)}.progress-ring text{fill:var(--green-dark);font-family:Fredoka,Inter,sans-serif;font-size:12px;font-weight:700;transform:rotate(90deg);transform-origin:center}.section-icon{width:28px;flex:none;text-align:center;font-size:1.4rem}.section-title{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.section-title strong{overflow:hidden;font-size:1.02rem;text-overflow:ellipsis;white-space:nowrap}.section-title small,.muted{color:var(--muted);font-size:.85rem;font-weight:600}.chevron{color:var(--muted);font-size:1.4rem;transition:transform .18s ease}.chevron.open{transform:rotate(180deg)}.section-body{padding:2px 14px 15px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:9px}.sticker{position:relative;display:grid;min-height:66px;aspect-ratio:1 / 1.18;place-items:center;border:2px solid;border-radius:12px;font-family:Fredoka,Inter,sans-serif;font-size:1.18rem;font-weight:700;transition:transform 90ms ease,box-shadow .16s ease,background .16s ease}.sticker:active{transform:scale(.94)}.sticker-missing{border-color:#d4e2da;border-style:dashed;background:#fff;color:#93a99c}.sticker-owned,.sticker-repeated{border-color:#0b7135;background:linear-gradient(160deg,#1fb455,#0b7a3a);color:#fff;box-shadow:0 6px 15px #0b7a3a3d}.sticker-owned .sticker-number,.sticker-repeated .sticker-number{text-decoration:line-through;text-decoration-thickness:2px}.sticker-shiny{border-color:var(--gold);box-shadow:0 0 0 2px #efb51b4d}.sticker-shiny.sticker-missing{border-style:solid;background:linear-gradient(160deg,#fff9ea,#f9e8ba);color:#98721a}.shine,.check,.repeat{position:absolute}.shine{top:-7px;left:-5px;color:#d99c00;font-size:.82rem}.check{right:7px;bottom:4px;font-size:.72rem}.repeat{top:-8px;right:-7px;border:2px solid #fff;border-radius:999px;background:var(--orange);color:#fff;padding:1px 7px;font-size:.72rem}.complete-section,.primary-action,.danger-action{width:100%;border:0;border-radius:13px;font-family:Fredoka,Inter,sans-serif;font-weight:700}.complete-section{margin-top:12px;border:1px dashed var(--green);background:#eef9f0;color:var(--green-dark);padding:10px}.primary-action{margin-bottom:14px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;padding:13px;box-shadow:0 8px 20px #0b7a3a33}.secondary-action:disabled{cursor:default;opacity:.5}.danger-action{background:var(--red);color:#fff;padding:12px}.settings-hero{display:flex;flex-direction:column;gap:14px}.settings-hero .muted{margin:4px 0 0}.settings-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.settings-metrics span{display:flex;min-width:0;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:13px;background:#f8fbf8;padding:11px 9px;color:var(--muted);font-size:.72rem;font-weight:700}.settings-metrics strong{overflow:hidden;color:var(--green-dark);font-family:Fredoka,Inter,sans-serif;font-size:1.05rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.settings-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.settings-actions .primary-action,.settings-actions .secondary-action,.settings-actions .danger-action{margin:0}.import-preview{margin:8px 0 10px;border-radius:12px;padding:10px 12px;font-size:.84rem;font-weight:700}.import-preview.ok{border:1px solid #bde5c8;background:#eef9f1;color:var(--green-dark)}.import-preview.bad{border:1px solid #f0c9c7;background:#fff1f1;color:var(--red)}.restore-action{width:100%}.backup-status{margin:2px 0 12px;border-radius:12px;padding:9px 12px;font-size:.84rem;font-weight:600;border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.backup-status.pending{border-color:#f3d79a;background:#fff6e3;color:#8a5a08}.backup-status strong{color:var(--ink)}.backup-download{width:100%;margin-top:8px}.backup-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 16px 0;border:1px solid #f3d79a;border-radius:14px;background:linear-gradient(135deg,#fff7e6,#fdeecd);padding:10px 12px 10px 14px;font-size:.86rem;font-weight:600;color:#8a5a08;box-shadow:0 8px 22px #a06e0a1f}.backup-nudge strong{color:#6f4906}.backup-nudge-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.backup-nudge-go{border:none;border-radius:10px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;font-weight:800;font-size:.82rem;padding:8px 12px;cursor:pointer}.backup-nudge-dismiss{border:1px solid rgba(138,90,8,.25);border-radius:10px;background:transparent;color:#8a5a08;font-weight:800;font-size:.82rem;width:32px;height:32px;cursor:pointer}.reset-confirm{display:flex;flex-direction:column;gap:10px;border:1px solid #efc2c0;border-radius:13px;background:#fff6f5;padding:12px}.reset-confirm strong{color:#9f2420;font-family:Fredoka,Inter,sans-serif}.empty-state{margin-top:14px;border:1px dashed var(--line);border-radius:16px;background:#ffffffa8;padding:34px 18px;color:var(--muted);text-align:center;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat-card{padding:16px 10px;text-align:center}.stat-card strong{display:block;font-size:1.7rem}.stat-card span{color:var(--muted);font-size:.78rem;font-weight:700}.stat-card.green strong{color:var(--green)}.stat-card.red strong{color:var(--red)}.stat-card.orange strong{color:var(--orange)}.stat-card.gold strong{color:#bb8709}.panel{margin-bottom:14px;padding:16px}.panel h3{margin-bottom:10px;font-size:1.08rem}.history-chart{display:flex;align-items:flex-end;height:132px;gap:8px;padding-top:12px}.history-bar{display:flex;flex:1;height:100%;min-width:20px;flex-direction:column;justify-content:flex-end;gap:6px;text-align:center}.history-bar span{display:block;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,var(--green),var(--green-dark))}.history-bar small{color:var(--muted);font-size:.67rem}.progress-list{display:flex;max-height:360px;flex-direction:column;gap:9px;overflow:auto;padding-right:2px}.progress-row{gap:9px;min-width:0}.row-icon{width:24px;text-align:center}.progress-row strong{overflow:hidden;width:126px;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.row-bar{flex:1;height:9px;background:var(--surface-2)}.row-bar span{background:linear-gradient(90deg,var(--green),var(--gold))}.progress-row small{width:46px;color:var(--muted);text-align:right;font-weight:700}.trade-list{display:flex;flex-direction:column;gap:8px}.trade-row{gap:10px;padding:10px 12px}.trade-row>strong{width:48px;font-family:Fredoka,Inter,sans-serif}.trade-row>b{flex:1;font-family:Fredoka,Inter,sans-serif}.stepper{display:flex;align-items:center;gap:7px}.stepper button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#f7fbf8;color:var(--green-dark);font-size:1.1rem;font-weight:800}.stepper span{min-width:34px;color:var(--orange);text-align:center;font-family:Fredoka,Inter,sans-serif;font-weight:700}.field{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.86rem;font-weight:700}.field input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:11px}textarea{min-height:104px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.warning{background:#fff9eb;border-color:#ecd9a8}.danger{border-color:#efc2c0}.bottom-nav{position:fixed;bottom:0;left:50%;z-index:20;display:grid;width:100%;max-width:780px;overflow:hidden;transform:translate(-50%);grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fffffff2;padding:7px 6px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:flex;align-items:center;min-width:0;flex-direction:column;gap:3px;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:7px 4px}.bottom-nav span{font-size:1.25rem;line-height:1}.bottom-nav small{font-size:.7rem;font-weight:800}.bottom-nav .active{color:var(--green-dark);background:#edf7ef}.toast{position:fixed;bottom:92px;left:50%;z-index:30;display:flex;align-items:center;gap:14px;max-width:calc(100% - 28px);transform:translate(-50%);border-radius:999px;background:var(--ink);color:#fff;padding:11px 17px;font-weight:700;box-shadow:var(--shadow)}.toast-undo{flex:none;border:0;background:var(--gold, #f4b41a);color:#14281d;border-radius:999px;padding:6px 14px;font-weight:800;font-family:inherit;cursor:pointer}.search-clear{flex:none;border:0;background:#eef2ee;color:var(--ink);width:26px;height:26px;border-radius:8px;cursor:pointer}.backup-text{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.backup-text>summary{cursor:pointer;font-weight:700;color:var(--muted);margin-bottom:10px}@media(max-width:520px){.brand-row{align-items:flex-start}.shiny-counter{flex-direction:row;align-items:baseline;max-width:none;gap:2px;white-space:nowrap}.shiny-counter strong{font-size:1rem}.global-progress{align-items:stretch;flex-direction:column;gap:8px}.global-copy{align-items:flex-start}.filters{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.view-tabs button,.bottom-nav small{font-size:.68rem}.quick-actions span{display:none}.progress-row strong{width:94px}.settings-metrics{grid-template-columns:repeat(2,1fr)}.settings-actions{grid-template-columns:1fr}}@media(max-width:380px){.content{padding-inline:10px}.topbar{padding-inline:14px}.view-tabs button,.bottom-nav small{font-size:.64rem}}