:root{--ink:#24313f;--muted:#78828c;--bg:#f8f9fb;--red:#f74752;--yellow:#ffcb4c;--line:#e9edf1;--purple:#8062df;--blue:#5a9fe4;--green:#5fbf97}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:4}.brand{font:bold 25px Fredoka,sans-serif;color:#263341;text-decoration:none;letter-spacing:-1px;margin:0 12px 40px}.brand span:last-child{color:var(--red)}.pokeball{color:var(--red);font-size:31px;vertical-align:-3px;margin-right:5px}nav{display:grid;gap:7px}.nav-link{font:600 15px 'DM Sans';text-align:left;border:0;border-radius:10px;background:transparent;color:#76808a;padding:12px 14px;cursor:pointer}.nav-link span{font-size:20px;width:30px;display:inline-block;vertical-align:-2px}.nav-link:hover,.nav-link.active{background:#fff0f1;color:var(--red)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:19px 8px 0}.user-mini{display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;border-radius:50%;background:#ffd255;display:grid;place-items:center;font-weight:700;color:#765800}.user-mini strong,.user-mini small{display:block;font-size:13px}.user-mini small{font-size:11px;color:var(--muted);margin-top:2px}.user-mini button{border:0;background:none;color:var(--muted);margin-left:auto}.small{width:33px;height:33px}main{margin-left:248px;width:calc(100% - 248px)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(25px,5vw,75px);display:flex;align-items:center;justify-content:flex-end}.top-actions{display:flex;align-items:center;gap:17px}.icon-button{border:0;background:#f4f6f8;width:35px;height:35px;border-radius:50%;font-size:20px;color:#52606d;position:relative}.icon-button i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);right:5px;top:5px}.menu-button,.mobile-brand{display:none}.view{display:none;padding:45px clamp(25px,5vw,75px) 70px;max-width:1470px;margin:auto}.view.active{display:block}.hero{min-height:284px;padding:47px 54px;border-radius:18px;color:#fff;background:linear-gradient(112deg,#f74752,#f65e60 70%,#fa7270);display:flex;justify-content:space-between;overflow:hidden;position:relative}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--red);margin:0 0 10px}.hero .eyebrow{color:#ffd9dc}.hero h1,.page-heading h1{font:600 clamp(30px,4vw,42px)/1.12 Fredoka;margin:0;letter-spacing:-1px}.hero>div>p:not(.eyebrow){opacity:.88;margin:14px 0 25px;font-size:15px}.primary-button,.secondary-button,.text-button{border:0;cursor:pointer;font:600 14px 'DM Sans';border-radius:9px}.primary-button{padding:12px 18px;background:#fff;color:var(--red)}.primary-button span{font-size:18px;margin-left:10px}.hero-card-stack{width:270px;position:relative}.hero-card{position:absolute;width:152px;height:210px;right:31px;top:-10px;border-radius:14px;background:#f8dc60;border:6px solid #fee986;box-shadow:0 10px 22px #8f202833;padding:13px;font:29px Fredoka;color:#8d5e00;transform:rotate(10deg)}.hero-card b{font:600 15px Fredoka;display:block;margin-top:15px}.hero-card em{font-style:normal;position:absolute;font-size:58px;left:46px;top:70px}.hero-card.card-blue{background:#94c9ec;border-color:#b8e2ff;right:150px;top:42px;transform:rotate(-12deg);color:#17618e}.section-heading,.page-heading,.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.section-heading{margin:40px 0 19px}.section-heading h2,.panel h2{font:600 20px Fredoka;margin:0}.section-heading p,.panel-title p,.page-heading p{color:var(--muted);font-size:13px;margin:5px 0}.text-button{padding:3px;background:transparent;color:var(--red)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;display:flex;gap:15px;align-items:center}.stat-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;font-size:22px}.stat-icon.red{background:#fff0f1;color:var(--red)}.stat-icon.yellow{background:#fff8e3;color:#d69d00}.stat-icon.green{background:#eaf8f1;color:#299c70}.stat-card strong,.stat-card span{display:block}.stat-card strong{font:600 23px Fredoka}.stat-card span{font-size:12px;color:var(--muted);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:18px;margin-top:19px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px}.more-button{border:0;background:none;color:var(--muted);font-weight:bold}.set-row{display:flex;align-items:center;gap:13px;margin-top:21px}.set-symbol{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:20px}.purple{background:#9f7bdc}.blue{background:#67a3e6}.red{background:#e96e70}.set-info{flex:1}.set-info strong,.set-info small{display:block;font-size:13px}.set-info small{color:var(--muted);font-size:11px;margin:2px 0 6px}.set-row>b{font-size:12px}.progress{height:5px;background:#edf0f3;border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;border-radius:5px;background:var(--red)}.activity{display:flex;align-items:center;gap:10px;border-top:1px solid #f0f1f3;padding:16px 0 0;margin-top:15px}.activity p{font-size:12px;line-height:1.45;flex:1;margin:0}.activity small{color:var(--muted)}.tiny-card{width:32px;height:43px;border:2px solid #ffd166;background:#ee735d;border-radius:4px;display:grid;place-items:center}.tiny-album{width:37px;height:37px;border-radius:7px;background:#e9f4f2;color:#4aab91;display:grid;place-items:center;font-size:19px}.page-heading{margin-bottom:29px}.page-heading h1{color:#25313d}.page-heading .eyebrow{margin-top:2px}.page-heading .primary-button,.modal .primary-button{background:var(--red);color:#fff}.collection-toolbar{display:flex;gap:11px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:12px}.search{flex:1;position:relative}.search span{position:absolute;left:13px;top:8px;color:#9099a1;font-size:19px}.search input,.collection-toolbar select{height:37px;border:1px solid #e5e9ed;border-radius:7px;background:#fbfcfd;color:#51606e;padding:0 12px;font:13px 'DM Sans'}.search input{width:100%;padding-left:37px}.collection-summary{font-size:13px;color:var(--muted);margin:21px 0 17px}.collection-summary b{color:var(--ink)}.dot{margin:0 7px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.pokemon-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}.card-art{height:150px;display:grid;place-items:center;font-size:67px;position:relative}.card-art:after{content:'✦';font-size:24px;position:absolute;right:16px;top:14px;opacity:.55}.art-yellow{background:linear-gradient(145deg,#f8dd66,#e9a63d)}.art-purple{background:linear-gradient(145deg,#ba96e1,#76509d)}.art-blue{background:linear-gradient(145deg,#9ad4eb,#4d91ba)}.art-orange{background:linear-gradient(145deg,#ffb667,#dc5948)}.art-green{background:linear-gradient(145deg,#a7d789,#4b9a6b)}.card-info{padding:13px}.card-name{display:flex;justify-content:space-between;gap:4px;font:600 16px Fredoka}.card-name span{font:11px 'DM Sans';color:var(--muted);padding-top:3px}.card-info p{font-size:11px;color:var(--muted);margin:5px 0 9px}.card-bottom{border-top:1px solid #f0f1f3;padding-top:9px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6f7a84}.rarity{padding:3px 6px;border-radius:10px;background:#fff2d7;color:#ad7900;font-weight:700}.quantity{font-weight:700;color:#49535e}.album-grid,.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.album-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.album-cover{height:170px;padding:18px;position:relative;background:#66395c;color:#fff;overflow:hidden}.album-cover:before,.album-cover:after{content:'✦';position:absolute;font-size:95px;opacity:.22}.album-cover:before{left:28px;top:20px}.album-cover:after{right:35px;bottom:-23px}.album-cover.alt{background:#376b71}.album-cover.gold{background:#99753a}.album-cover b{font:600 24px Fredoka;position:relative;z-index:1}.album-cover span{font-size:12px;position:absolute;bottom:17px;left:18px;z-index:1}.album-body{padding:17px}.album-body h3,.friend-card h3,.invite-card h3{font:600 18px Fredoka;margin:0}.album-body p,.friend-card p,.invite-card p{font-size:12px;color:var(--muted);margin:5px 0 0}.album-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1f3;margin-top:15px;padding-top:12px;font-size:11px;color:var(--muted)}.friend-card,.invite-card{background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;padding:29px}.large{margin:auto auto 12px;width:64px;height:64px;font-size:21px}.purple-avatar{background:#b394d7;color:#fff}.teal-avatar{background:#76c1bf;color:#fff}.secondary-button{margin-top:19px;border:1px solid #e0e5e9;background:#fff;color:#3e4c58;padding:9px 13px}.invite-card{border:2px dashed #dfe5e8;background:transparent;padding-top:38px}.invite-card>span{font-size:30px;color:var(--red)}.empty-state{max-width:560px;margin:60px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:45px}.empty-state>div{font-size:45px;color:var(--red)}.empty-state h2{font:600 23px Fredoka;margin:10px 0}.empty-state p{font-size:14px;color:var(--muted);line-height:1.6}.empty-state .secondary-button{margin-top:12px}dialog{border:0;background:transparent;padding:20px;max-width:440px;width:100%}dialog::backdrop{background:#17212bb8}.modal{position:relative;background:#fff;border-radius:16px;padding:31px;box-shadow:0 25px 70px #1118}.modal h2{font:600 25px Fredoka;margin:0 0 23px}.modal label{display:block;color:#42505c;font-size:12px;font-weight:700;margin:14px 0}.modal input,.modal select,.modal textarea{display:block;margin-top:6px;width:100%;border:1px solid #e0e5e8;border-radius:8px;height:39px;padding:0 10px;font:14px 'DM Sans';color:var(--ink)}.modal textarea{height:74px;padding:10px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.wide{width:100%;margin-top:10px}.modal-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:27px;color:#7e8790;cursor:pointer}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #0002}.app-shell main{margin-left:0;width:100%}.topbar{height:60px;padding:0 19px;justify-content:space-between}.menu-button,.mobile-brand{display:block}.menu-button{border:0;background:none;font-size:22px;color:#52606d}.mobile-brand{font:600 20px Fredoka}.view{padding:29px 19px}.hero{padding:30px 26px;min-height:280px}.hero-card-stack{display:none}.stats-grid,.dashboard-grid,.album-grid,.friends-grid{grid-template-columns:1fr}.collection-toolbar{display:grid;grid-template-columns:1fr 1fr}.search{grid-column:span 2}.page-heading{gap:15px}.page-heading h1{font-size:32px}.card-grid{grid-template-columns:repeat(2,1fr);gap:11px}.card-art{height:125px}.card-info{padding:10px}.card-name{font-size:14px}}@media(max-width:430px){.hero h1{font-size:29px}.page-heading{align-items:flex-end}.page-heading .primary-button{padding:10px 12px;font-size:12px}.collection-toolbar{grid-template-columns:1fr}.search{grid-column:auto}}