@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");:root{--ink:#4d3054;--muted:#967c9a;--pink:#f263a6;--cream:#fff9fb;--lilac:#f6eaf8;--line:#eadbea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}button{font:inherit;cursor:pointer}.brand{font-weight:700;font-size:19px;color:var(--ink);text-decoration:none;letter-spacing:-.5px}.landing{min-height:100vh;overflow:hidden;position:relative;background:linear-gradient(155deg,#fffafd,#fff7fb 58%,#fae9f7);padding:31px max(6vw,40px)}.landing nav{display:flex;justify-content:space-between;position:relative;z-index:1}.fine,.nav-note{font-family:DM Mono;font-size:11px;color:var(--muted)}.hero{position:relative;z-index:1;margin:13vh 0 7vh 11vw;max-width:620px}.eyebrow{font:500 10px DM Mono;letter-spacing:1.5px;color:#c17aa9;margin:0 0 13px}.dash h1,.hero h1{font:500 clamp(48px,5vw,76px)/.99 Playfair Display;letter-spacing:-3px;margin:0}.dash h1 i,.hero h1 i{color:var(--pink)}.lede{line-height:1.7;color:#775e7a;max-width:420px;margin:27px 0}.primary{border:0;border-radius:30px;background:var(--ink);color:white;padding:15px 20px;font-weight:600;box-shadow:0 10px 22px #70386628}.primary span{padding-left:20px;font-size:20px}.fine{margin:14px 8px}.promise{position:relative;z-index:1;display:flex;gap:18px;justify-content:center}.promise article{background:#ffffffa8;border:1px solid #fff;border-radius:17px;width:205px;padding:19px 20px;box-shadow:0 8px 30px #9164910d}.promise b{font-size:19px;color:var(--pink)}.promise h3{font-size:13px;margin:10px 0 5px}.promise p{font-size:12px;line-height:1.4;color:var(--muted);margin:0}.cloud{filter:drop-shadow(0 15px 20px #dbacd832)}.cloud,.cloud:after,.cloud:before{position:absolute;background:#fff;border-radius:50%}.cloud:after,.cloud:before{content:""}.cloud-a{width:190px;height:55px;right:8%;top:18%}.cloud-a:before{width:90px;height:90px;left:28px;bottom:18px}.cloud-a:after{width:70px;height:70px;right:22px;bottom:12px}.cloud-b{width:260px;height:65px;left:-70px;bottom:15%}.cloud-b:before{width:110px;height:110px;left:66px;bottom:20px}.cloud-b:after{width:82px;height:82px;right:32px;bottom:14px}.dash{min-height:100vh;display:grid;grid-template-columns:245px minmax(500px,1fr) 310px;background:linear-gradient(125deg,#fff9fc,#fff6fa 48%,#f8ecfb);position:relative;overflow:hidden}.dash aside{border-right:1px solid #eadce9;background:#fffafdcc;padding:31px 24px;position:relative;z-index:1}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.avatar,.rank-avatar{width:35px;height:35px;border-radius:50%;background:#fedcec;display:grid;place-items:center;overflow:hidden;font-weight:700;color:#a44c7d}.avatar img,.rank-avatar img{width:100%;height:100%;object-fit:cover}.profile strong{font-size:13px;display:block}.profile small{font:10px DM Mono;color:var(--muted)}.side-nav{margin-top:47px;display:grid;grid-gap:6px;gap:6px}.side-nav a{color:#906f90;text-decoration:none;font-size:13px;padding:11px 12px;border-radius:10px}.side-nav .active{color:var(--ink);background:#f9e9f4;font-weight:600}.signout{position:absolute;bottom:30px;color:var(--muted);background:none;border:0;font-size:12px}.content{padding:58px clamp(35px,5vw,85px);position:relative;z-index:1}.content header{display:flex;align-items:flex-start;justify-content:space-between}.dash h1{font-size:clamp(42px,4vw,58px)}.sync{color:var(--pink);background:#fffafd;border:1px solid #efcae0;padding:9px 13px;font-size:11px;font-weight:600}.level-card,.sync{border-radius:20px}.level-card{margin:38px 0 46px;background:linear-gradient(110deg,#51405c,#695373);color:white;display:flex;align-items:center;padding:20px 27px;box-shadow:0 18px 40px #4a315026;position:relative;overflow:hidden}.level-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#ffffff0c;right:-35px}.level-num{border-right:1px solid #ffffff30;padding-right:22px;text-align:center}.level-num b{font:500 42px/1 Playfair Display;display:block}.level-num span{font:9px DM Mono;letter-spacing:1px;color:#e7d7e9}.level-copy{padding-left:22px;flex:1 1}.level-copy p{margin:0 0 3px;font:500 19px Playfair Display}.level-copy strong{font:11px DM Mono;font-weight:400;color:#eee2f0}.meter{height:5px;background:#ffffff28;margin-top:12px;max-width:280px;overflow:hidden}.meter,.meter i{border-radius:4px}.meter i{display:block;height:100%;background:#ffa5cf}.sparkles{font-size:28px;color:#ffb3d7;line-height:1.2;transform:rotate(-7deg);position:relative;z-index:1}.section-title{display:flex;align-items:end;justify-content:space-between}.section-title h2{font:500 26px Playfair Display;margin:0}.section-title h2 span{font:10px DM Mono;background:#f9e3f1;color:#bf6298;border-radius:12px;padding:3px 6px;vertical-align:middle}.text-button{border:0;background:none;color:#bf6298;font-size:12px}.issue-list{margin-top:18px;display:grid;grid-gap:9px;gap:9px}.issue{display:flex;align-items:center;gap:14px;background:#ffffffbd;border:1px solid #f0e2ed;border-radius:13px;padding:14px 16px;text-decoration:none;color:inherit;transition:.2s}.issue:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7e4a7810}.check{border:1.5px solid #d9bdd1;border-radius:50%;width:19px;height:19px}.issue-body{flex:1 1;min-width:0}.issue h3{font-size:13px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.issue p{margin:0;color:#9b829b;font:10px DM Mono}.issue p span{color:#bd6698}.xp{color:#d65a98;font-weight:700;font-size:12px}.rank strong small,.xp small{font:9px DM Mono;font-weight:400}.arrow{color:#ae8aa8}.empty{margin-top:18px;text-align:center;border:1px dashed #dfbfd8;border-radius:14px;padding:36px;color:var(--muted)}.empty b{font-size:30px}.empty h3{margin:8px 0 4px;font:500 20px Playfair Display;color:var(--ink)}.empty p{font-size:12px;margin:0 0 16px}.small{font-size:12px;padding:10px 15px}.leaderboard{position:relative;z-index:1;border-left:1px solid #eadce9;padding:60px 25px;background:#fffafd8c}.tabs{background:#f5eaf4;padding:3px;border-radius:20px;margin:23px 0 14px;display:flex}.tabs button{border:0;background:transparent;border-radius:16px;color:#a687a1;font-size:10px;padding:7px;flex:1 1}.tabs .selected{color:var(--ink);background:white;box-shadow:0 2px 8px #82547514}.rank-list{grid-gap:8px}.rank,.rank-list{display:grid;gap:8px}.rank{grid-template-columns:20px 29px 1fr auto;align-items:center;grid-gap:8px;font-size:11px}.rank>b{font:500 11px DM Mono;color:#ab90aa;text-align:center}.rank .medal{font-size:15px}.m0{color:#efad49!important}.m1{color:#b9a4bd!important}.m2{color:#d39265!important}.rank-avatar{width:29px;height:29px;font-size:11px}.rank span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank strong{font-size:10px;color:#c15893}.reward-note{margin-top:29px;padding:14px;background:#f9e7f2;border-radius:12px;display:flex;gap:10px}.reward-note b{color:#f269a6;font-size:18px}.reward-note p{font-size:10px;line-height:1.6;margin:0;color:#967590}.reward-note strong{color:var(--ink)}.sky-orb{position:absolute;border-radius:50%;background:#f8d9ef;filter:blur(1px)}.orb1{width:260px;height:260px;right:-120px;top:-80px}.orb2{width:180px;height:180px;left:160px;bottom:-110px}@media(max-width:1000px){.dash{grid-template-columns:210px 1fr}.leaderboard{grid-column:2;padding-top:10px;border-top:1px solid var(--line);border-left:0}.leaderboard .rank-list{grid-template-columns:1fr 1fr}.content{padding-right:35px}}@media(max-width:690px){.landing{padding:25px}.nav-note{display:none}.hero{margin:13vh 0 10vh}.promise{flex-wrap:wrap}.dash{display:block}.dash aside{padding:18px 20px;border:0}.profile,.side-nav,.signout{display:none}.content{padding:35px 20px}.content header{gap:12px}.dash h1{font-size:43px}.level-card{padding:16px}.leaderboard{padding:35px 20px}.leaderboard .rank-list{grid-template-columns:1fr}.issue{padding:12px}.sparkles{display:none}}.login-options{max-width:400px}.email-login{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.email-login label{font:10px DM Mono;color:#9a7695;display:grid;grid-gap:5px;gap:5px}.email-login input{border:1px solid #edcee1;background:#fffafd;border-radius:9px;padding:10px;color:var(--ink);font:12px DM Sans;outline-color:#e678ae}.email-login .primary{grid-column:1/-1;margin-top:5px}.or{display:flex;align-items:center;gap:10px;color:#b896ad;font:10px DM Mono;margin:13px 0}.or:after,.or:before{content:"";height:1px;background:#ecd9e7;flex:1 1}.github-login{width:100%;border:1px solid #e8cddd;color:var(--ink);background:#fffafd;border-radius:28px;padding:12px;font-size:12px;font-weight:600}