@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Schoolbell&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:after,:before{box-sizing:border-box}button,input{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Mini Wakuwaku;src:url(/static/media/mini-wakuwaku.ttf.23e6107d509d21362012.woff) format("woff")}body{background-color:#f6f7f4;color:#4b5f6b;font-family:Mini Wakuwaku,cursive;margin:0;padding:0}.app-container{background:linear-gradient(to bottom right,#e7f0ec,#f6f7f4 80%);display:flex;flex-direction:column;min-height:100vh}.header{background:#e7f0ec;box-shadow:0 2px 10px #78aaaa21;color:#5f7c8a;font-size:2.2rem;font-weight:700;padding:2rem 0 1rem;text-align:center}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:2rem}.stickers-title{color:#6b8e7c;font-size:1.8rem;margin-bottom:1rem}.stickers-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.sticker-card{align-items:center;background:#f4f8f7;border-radius:20px;box-shadow:0 4px 12px #78aaaa21;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s;width:160px}.sticker-card:hover{transform:translateY(-4px)}.sticker-img{background:#e7f0ec;border-radius:12px;margin-bottom:.5rem}.sticker-name{font-size:1rem;text-align:center}.sticker-name,.sticker-select{color:#4b5f6b;margin-bottom:.5rem}.sticker-select{background:#e7f0ec;border:2px solid #b7d3c6;border-radius:12px;font-family:Mini Wakuwaku,cursive;padding:.4rem}.wishlist-btn{background:#d3e7e4;border:none;border-radius:8px;color:#4b5f6b;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s}.wishlist-btn:hover{background:#b7d3c6}.wishlisted{background:#7ec4b2!important;color:#fff!important}.plus-card{background:#e7f0ec;border:2px dashed #7ec4b2;color:#7ec4b2;justify-content:center}.plus-icon{color:#b7d3c6;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.add-sticker-text,.footer{color:#6b8e7c;font-size:1rem}.footer{background:#e7f0ec;box-shadow:0 -2px 10px #78aaaa12;padding:1rem 0;text-align:center}.centered{align-items:center;background:linear-gradient(to top right,#e7f0ec,#f6f7f4);display:flex;justify-content:center;min-height:100vh}.login-btn{background:#7ec4b2;border:none;border-radius:20px;box-shadow:0 4px 10px #78aaaa21;color:#fff;font-size:1.2rem;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:background .3s}.login-btn:hover{background:#6b8e7c}.github-link{color:#4b5f6b;display:inline-block;font-size:.9rem;margin-top:1rem;text-decoration:none}.github-link:hover{color:#7ec4b2}.popup-overlay{background:#3c505a2e;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.popup-card,.popup-overlay{align-items:center;display:flex}.popup-card{background:#f4f8f7;border-radius:18px;box-shadow:0 8px 32px #3c505a21;flex-direction:column;font-family:Mini Wakuwaku,cursive;max-height:80vh;max-width:90vw;min-height:70vh;min-width:340px;padding:2rem}.popup-sticker-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0;max-height:60vh;overflow-y:auto}.popup-sticker-item{align-items:center;background:#e7f0ec;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-width:80px;padding:.5rem 1rem;transition:border .2s}.popup-sticker-item.selected{background:#d3e7e4;border:2px solid #7ec4b2}.popup-sticker-item img{margin-bottom:.3rem}.popup-qty-row{align-items:center;display:flex;gap:.7rem;margin:1rem 0}.popup-actions{display:flex;gap:1rem;margin-top:1rem}.popup-btn{background:#7ec4b2;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Mini Wakuwaku,cursive;font-size:1rem;padding:.5rem 1.2rem;transition:background .2s}.popup-btn:disabled{background:#b7d3c6;cursor:not-allowed}.popup-btn.cancel{background:#b7d3c6;color:#4b5f6b}.tabs-row{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.tab-btn{background:#e7f0ec;border:none;border-radius:16px;box-shadow:0 2px 8px #78aaaa14;color:#4b5f6b;cursor:pointer;font-family:Mini Wakuwaku,cursive;font-size:1.1rem;font-weight:700;padding:.7rem 2rem;transition:background .2s,color .2s}.tab-btn.active,.view-all-btn{background:#7ec4b2;color:#fff}.view-all-btn{border:none;border-radius:16px;box-shadow:0 2px 8px #78aaaa14;cursor:pointer;font-family:Mini Wakuwaku,cursive;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:.8rem 2rem;transition:background .2s,color .2s}.view-all-btn:hover{background:#6b8e7c}.all-stickers-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.already-have-text{border-radius:8px;color:#6b8e7c;font-size:1rem;margin-top:.7rem;padding:.3rem 1rem}.already-have-text,.back-btn{background:#e7f0ec;box-shadow:0 2px 8px #78aaaa14;font-family:Mini Wakuwaku,cursive;font-weight:700}.back-btn{border:none;border-radius:12px;color:#4b5f6b;cursor:pointer;font-size:1.1rem;left:2rem;padding:.5rem 1.2rem;position:absolute;text-decoration:none;top:2rem;transition:background .2s,color .2s;z-index:10}.back-btn:hover{background:#b7d3c6}.share-link{background:#e7f0ec;border:none;border-radius:12px;box-shadow:0 2px 8px #78aaaa14;color:#4b5f6b;cursor:pointer;font-family:Mini Wakuwaku,cursive;font-size:1.1rem;font-weight:700;padding:.5rem 1.2rem;position:absolute;right:2rem;text-decoration:none;top:2rem;transition:background .2s,color .2s}.share-link:hover{background:#b7d3c6}.sticker-qty{background:#7ec4b2;border-radius:8px;color:#fff;font-family:Mini Wakuwaku,cursive;font-size:.95rem;font-weight:700;left:12px;padding:2px 10px}.sticker-qty,.update-icon{position:absolute;top:10px;z-index:2}.update-icon{border-radius:50%;color:#6b8e7c;cursor:pointer;font-size:1.2rem;padding:4px 8px;right:12px;transition:background .2s}.update-icon:hover{color:#b7d3c6}.update-qty-col{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:.7rem}.update-btn{background:#7ec4b2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Mini Wakuwaku,cursive;font-size:.95rem;padding:.3rem .9rem;transition:background .2s}.update-btn.cancel{background:#b7d3c6;color:#4b5f6b}.search-wrapper{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.sticker-search{background-color:#fceef2;border:2px solid #c3dccf;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#333;font-size:14px;max-width:260px;padding:8px 12px;transition:all .2s ease;width:60%}.sticker-search:focus{background-color:#fde7ef;border-color:#c3dccf;outline:none}.search-button{background-color:#dbeae3;border:none;border-radius:8px;color:#4b6458;cursor:pointer;font-size:16px;padding:8px 12px;transition:background-color .2s ease}.search-button:hover{background-color:#c3dccf;color:#2f3e36}.progress-container{left:50%;margin-bottom:.5rem;margin-top:0;max-width:500px;position:relative;text-align:center;transform:translateX(-50%);width:90%}.progress-label{color:#4b5f6b;font-size:.95rem;margin-bottom:.4rem}.progress-bar{background:#e0dede;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;height:12px;overflow:hidden}.progress{background:linear-gradient(90deg,#ffd6e0,#d4e7ff);height:100%;transition:width .4s ease}:root{--ink:#20292e;--muted:#69747b;--paper:#fbfaf7;--canvas:#f1f1ed;--line:#d8ddd8;--accent:#7ec4b2;--accent-dark:#5e9f8f;--navy:#1f2d3d}body{color:#20292e;color:var(--ink)}.app-container,body{background:#f1f1ed;background:var(--canvas)}.app-container{background-image:radial-gradient(rgba(70,98,88,.075) .7px,#0000 0),repeating-linear-gradient(0deg,#0000 0 5px,#fff6 5px 6px);background-size:13px 13px,auto}.dashboard-shell{height:100dvh;min-height:0;overflow:hidden}.header{background:#fbfaf7;background:var(--paper);box-shadow:inset 0 -1px 0 #d8ddd8;box-shadow:inset 0 -1px 0 var(--line);color:#1f2d3d;color:var(--navy);font-size:clamp(1.25rem,2.5vw,1.8rem);letter-spacing:-.045em;overflow:hidden;padding:.85rem max(1.25rem,calc(50vw - 560px));position:relative}.header h1{font-weight:760;margin:0;position:relative;z-index:1}.header .back-btn,.header .progress-container,.header .share-link{z-index:1}.username{color:#7ec4b2;color:var(--accent)}.header-stickers{color:#5e9f8f;font-family:Schoolbell,Comic Sans MS,Mini Wakuwaku,cursive;font-weight:800;letter-spacing:.01em;margin-inline:.04em;text-shadow:1px 1px 0 #ffffffe6,-1px 0 0 #4c85762b,0 2px 0 #4c85761f;transform:rotate(-2deg)}.header-stickers,.tape-label{display:inline-block;position:relative}.tape-label{color:#315d51;font-family:Permanent Marker,Comic Sans MS,cursive;font-size:.88em;font-weight:400;letter-spacing:.015em;margin:0 .1em;padding:.08em .36em .12em;text-shadow:0 1px 0 #fff6;transform:rotate(-1.4deg);z-index:1}.tape-label:before{background:#bee0ccd1;border-left:1px solid #5c8f7c2e;border-right:1px solid #5c8f7c2e;box-shadow:0 2px 3px #25473b1f;content:"";inset:-.09em -.2em -.05em;position:absolute;transform:rotate(.7deg);z-index:-1}.crayon-name{color:#5e9f8f;display:inline-block;font-family:Schoolbell,Comic Sans MS,Mini Wakuwaku,cursive;font-weight:800;letter-spacing:.025em;text-shadow:1px 1px 0 #ffffffe6,-1px 0 #4c857624;transform:rotate(-1deg)}.header-stickers:after{background:currentColor;border-radius:999px;bottom:-.12em;content:"";height:.1em;left:-.08em;opacity:.45;position:absolute;right:-.18em;transform:rotate(-1deg)}.header:after,.header:before{color:#a8d8cb;font-family:Comic Sans MS,cursive;font-size:1.3rem;font-weight:800;opacity:.85;pointer-events:none;position:absolute}.header:before{content:"✦";left:4%;top:.45rem;transform:rotate(-12deg)}.header:after{bottom:.35rem;content:"✷";right:4%;transform:rotate(14deg)}.main-content{margin:0 auto;overflow-y:auto;overscroll-behavior:contain;padding:2rem 1.25rem 3rem;scrollbar-width:none;width:min(1120px,100%)}.main-content::-webkit-scrollbar{display:none}.tabs-row{background:#e4e7e4;border-radius:8px;gap:0;margin:0 0 1.5rem;padding:.25rem;width:fit-content}.back-btn,.popup-btn,.share-link,.tab-btn,.update-btn,.view-all-btn,.wishlist-btn{border-radius:7px;box-shadow:none;font-family:inherit;font-weight:650}.tab-btn{background:#0000;color:#69747b;color:var(--muted);padding:.55rem 1rem}.tab-btn.active{background:#fbfaf7;background:var(--paper);box-shadow:0 1px 3px #17212a21;color:#20292e;color:var(--ink)}.all-stickers-grid,.stickers-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));justify-content:normal;margin-top:0;width:100%}.sticker-card{background:#fbfaf7;background:var(--paper);border:1px solid #d8ddd8;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 4px #17212a0a;min-height:150px;padding:.75rem;width:auto}.sticker-card:hover{border-color:#b9c3bd;box-shadow:0 8px 16px #17212a14;transform:translateY(-3px) rotate(-.7deg)}.sticker-img{background:#0000;border-radius:0;height:58px;object-fit:contain;width:58px}.sticker-card:hover .sticker-img{animation:sticker-bounce .35s ease-out both}.sticker-name{color:#20292e;color:var(--ink);font-size:.84rem;font-weight:650;line-height:1.25}.plus-card{background:#0000;border:1px dashed #aeb9b2}.add-sticker-text,.plus-card,.plus-icon{color:#69747b;color:var(--muted)}.plus-icon{font-size:2rem}.plus-card:hover .plus-icon{transform:rotate(90deg);transition:transform .25s ease}.login-btn,.popup-btn,.update-btn,.view-all-btn,.wishlist-btn{background:#7ec4b2;background:var(--accent);color:#fff}.login-btn:hover,.popup-btn:hover:not(:disabled),.update-btn:hover,.view-all-btn:hover,.wishlist-btn:hover{background:#5e9f8f;background:var(--accent-dark)}.popup-btn.cancel,.update-btn.cancel,.wishlisted{background:#e7eae7!important;color:#20292e!important;color:var(--ink)!important}.already-have-text{background:#e2efe7;border-radius:999px;box-shadow:none;color:#326b4f;font-family:inherit;font-size:.78rem}.footer{background:#fbfaf7;background:var(--paper);box-shadow:inset 0 1px 0 #d8ddd8;box-shadow:inset 0 1px 0 var(--line);color:#69747b;color:var(--muted);font-family:inherit;font-size:.85rem;padding:.7rem 1rem}.footer-note{color:#55766c;font-family:Schoolbell,Comic Sans MS,Mini Wakuwaku,cursive;font-size:1.1em;letter-spacing:.025em}.footer-note .github-link{color:#3e796a;font-family:Permanent Marker,Comic Sans MS,cursive}.github-link{color:#1f2d3d;color:var(--navy);margin:0}.centered{background:#f1f1ed;background:var(--canvas);flex:1 1;min-height:0}.login-btn{border-radius:8px;box-shadow:0 2px 4px #17212a1f;font-family:inherit}.progress-container{left:auto;margin:.45rem auto 0;transform:none}.progress-label{color:#69747b;color:var(--muted);font-size:.83rem;letter-spacing:0}.progress-bar{background:#e1e4e1;box-shadow:none;height:8px}.progress{background:#7ec4b2;background:var(--accent);background-image:repeating-linear-gradient(135deg,#ffffff3b 0 7px,#0000 7px 14px)}.back-btn,.share-link{background:#7ec4b2;background:var(--accent);border:1px solid #5e9f8f;border:1px solid var(--accent-dark);box-shadow:0 2px 5px #2c635229;color:#fff;font-size:.85rem;top:.75rem}.back-btn{left:1rem}.share-link{right:1rem}.share-link:hover{background:#5e9f8f;background:var(--accent-dark);color:#fff;transform:translateY(-1px)}.share-link span{display:inline-block;margin-left:.15rem;transition:transform .2s ease}.share-link:hover span{transform:translate(2px,-2px)}.search-wrapper{margin-bottom:1rem}.sticker-search{border:1px solid #bdc6c0;border-radius:7px;box-shadow:none;color:#20292e;color:var(--ink);font-family:inherit}.sticker-search,.sticker-search:focus{background:#fbfaf7;background:var(--paper)}.sticker-search:focus{border-color:#7ec4b2;border-color:var(--accent);box-shadow:0 0 0 3px #7ec4b240}.search-button{background:#1f2d3d;background:var(--navy);border-radius:7px;color:#fff}.search-button:hover{background:#33485d;color:#fff}.popup-overlay{background:#1822297a}.popup-card{align-items:stretch;background:#fbfaf7;background:var(--paper);border:1px solid #d8ddd8;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 48px #141c2338;font-family:inherit;height:min(760px,calc(100dvh - 2rem));max-height:calc(100dvh - 2rem);min-height:0;min-width:0;padding:1.25rem;width:min(900px,calc(100vw - 2rem))}.popup-card h3{color:#1f2d3d;color:var(--navy);font-size:1.15rem;margin:0 0 .75rem}.popup-card .search-wrapper{margin:0 0 .75rem;width:100%}.popup-card .sticker-search{max-width:none;width:min(100%,480px)}.popup-sticker-list{grid-gap:.7rem;align-content:start;display:grid;flex:1 1;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));justify-content:normal;margin:0;max-height:none;min-height:0;padding:.25rem .35rem .25rem .1rem}.popup-sticker-item{font-size:.78rem;min-width:0;padding:.55rem .4rem;text-align:center}.popup-sticker-item .sticker-img{height:56px;margin-bottom:.2rem;width:56px}.popup-qty-row{justify-content:center;margin:.75rem 0 0}.popup-actions{justify-content:center;margin-top:.75rem}.popup-sticker-item{background:#f2f3f0;border-radius:8px}.popup-sticker-item.selected{background:#edf8f4;border-color:#7ec4b2;border-color:var(--accent)}.sticker-qty,.sticker-select{font-family:inherit}.sticker-qty{background:#1f2d3d;background:var(--navy)}.update-icon{color:#69747b;color:var(--muted)}.loading-screen,.profile-message{grid-gap:1rem;background:#f1f1ed;background:var(--canvas);color:#69747b;color:var(--muted);display:grid;font-weight:600;gap:1rem;justify-items:center;min-height:100vh;place-content:center}.profile-page .sticker-name,.profile-page h2{font-family:Schoolbell,Comic Sans MS,Mini Wakuwaku,cursive;letter-spacing:.025em}.loading-mark{align-items:end;display:flex;gap:.35rem;height:2.5rem}.loading-mark span{animation:sticker-loading .8s ease-in-out infinite alternate;background:#7ec4b2;background:var(--accent);border-radius:.2rem;height:1rem;width:.48rem}.loading-mark span:nth-child(2){animation-delay:.16s}.loading-mark span:nth-child(3){animation-delay:.32s}@keyframes sticker-loading{to{height:2.4rem;opacity:.45}}@keyframes sticker-bounce{50%{transform:translateY(-5px) rotate(4deg) scale(1.06)}to{transform:translateY(0) rotate(0) scale(1)}}@media (max-width:600px){.header{padding:1.25rem 1rem}.header h1{margin:0 auto;max-width:14rem}.back-btn,.share-link{display:inline-block;margin-bottom:1rem;position:static}.all-stickers-grid,.stickers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-card{min-height:132px;padding:.6rem .35rem}.sticker-img{height:48px;width:48px}.sticker-name{font-size:.75rem}.main-content{padding-inline:1rem}.popup-card{height:calc(100dvh - 1rem);padding:1rem;width:calc(100vw - 1rem)}.popup-sticker-list{grid-template-columns:repeat(3,minmax(0,1fr))}.header:before{left:.65rem}.header:after{right:.65rem}}
/*# sourceMappingURL=main.cdbbb858.css.map*/