*{box-sizing:border-box}:root{--p:#6845e8;--pink:#ff4697;--mint:#40dca1;--ink:#251647;--muted:#746b89}body{margin:0;min-height:100vh;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;color:var(--ink);background:linear-gradient(145deg,#75ddff,#e5d1ff 48%,#fff1a8)}.app{max-width:1180px;margin:auto;padding:18px}.top{display:flex;align-items:center;gap:12px}.top h1{margin-right:auto}.top a{padding:10px 15px;border-radius:999px;background:#ffffffd9;color:#5435c3;text-decoration:none;font-weight:900}.hero,.panel,.stat{background:#fffffff0;border:2px solid #fff;box-shadow:0 16px 45px #40216e20}.hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:32px;border-radius:30px;margin:12px 0 18px}.level{font-size:clamp(45px,7vw,76px);font-weight:1000;letter-spacing:-4px}.rank{display:inline-block;padding:7px 12px;border-radius:99px;background:#eee8ff;color:#5738c9;font-weight:900}.xp{margin:15px 0 6px;font-weight:900}.bar{height:13px;border-radius:99px;background:#e9e3f2;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),#ffe05c,var(--pink))}.hero p{color:var(--muted);line-height:1.6}.daily{display:grid;gap:10px}.goal{padding:14px;border-radius:17px;background:#f7f3ff}.goal-head{display:flex;justify-content:space-between;font-weight:900}.mini{height:8px;margin-top:8px;border-radius:99px;background:#e5deef;overflow:hidden}.mini i{display:block;height:100%;background:linear-gradient(90deg,#6c48e6,#ff4d99)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.stat{padding:18px;border-radius:19px}.stat b{display:block;font-size:30px}.stat span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.panel{padding:22px;border-radius:23px}.panel h2{margin-top:0}.tiers,.badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tier,.badge{padding:14px;border-radius:16px;background:#f6f3fa}.tier.on,.badge.on{background:linear-gradient(135deg,#e8fff4,#fff7c8);box-shadow:inset 0 0 0 2px #54c994}.tier.lock,.badge.lock{filter:grayscale(.7);opacity:.55}.tier b,.badge b{display:block}.badge{min-height:92px}.badge .icon{font-size:27px}.types{display:grid;gap:9px}.type{display:grid;grid-template-columns:120px 1fr 35px;gap:8px;align-items:center;font-size:12px}.history{list-style:none;padding:0;margin:0}.history li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eee9f2}.empty{color:var(--muted)}@media(max-width:780px){.hero,.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:480px){.app{padding:9px}.top h1{font-size:21px}.hero{padding:22px}.tiers,.badges{grid-template-columns:1fr}.type{grid-template-columns:100px 1fr 30px}}