@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{color:#f8fafc;background:#030405;min-height:100%;margin:0;font-family:Space Grotesk,system-ui,sans-serif}body{min-height:100dvh;overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}main{min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:radial-gradient(at 80% 8%,#00f2ea24,#0000 36%),radial-gradient(at 7% 88%,#ff00501f,#0000 38%),linear-gradient(160deg,#090b0e 0%,#040506 48%,#020203 100%);place-items:center;display:grid;position:relative;overflow:hidden}main:before{content:"";opacity:.17;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.orb{filter:blur(105px);pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute}.o1{opacity:.11;background:#00f2ea;width:390px;height:390px;top:-230px;right:-180px}.o2{opacity:.09;background:#ff174f;width:380px;height:380px;bottom:-230px;left:-190px}.shell{z-index:1;flex-direction:column;width:min(100%,430px);min-height:min(770px,100dvh - 42px);display:flex;position:relative}header{justify-content:space-between;align-items:center;display:flex}.eyebrow{letter-spacing:.32em;color:#646871;font-size:9px;font-weight:800}h1{letter-spacing:-.055em;margin:5px 0 0;font-size:21px;font-weight:800}.icon{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#181b20d1,#08090be0);border:1px solid #ffffff17;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #ffffff12,0 12px 30px #00000059}.hero{text-align:center;margin:auto 0 26px;position:relative}.hero:before{content:"";filter:blur(4px);z-index:-1;background:radial-gradient(circle,#fff1,#00f2ea06 38%,#0000 68%);border-radius:50%;width:230px;height:230px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.fire{color:#fff;background:linear-gradient(145deg,#1c2025,#08090b);border:1px solid #ffffff1c;border-radius:17px;place-items:center;width:49px;height:49px;margin:0 auto 14px;display:grid;box-shadow:inset 0 1px #ffffff14,-8px 8px 28px #00f2ea12,8px 8px 28px #ff174f12}.number{letter-spacing:-.09em;background:linear-gradient(#fff 16%,#e9ebef 48%,#777b84 100%);color:#0000;filter:drop-shadow(0 20px 28px #0009);-webkit-background-clip:text;font-size:clamp(118px,40vw,170px);font-weight:900;line-height:.8}.days{letter-spacing:.31em;text-shadow:-1px 0 12px #00f2ea2e,1px 0 12px #ff174f29;margin-top:22px;font-size:12px;font-weight:900}.hero p{color:#777b84;margin:9px 0 0;font-size:13px}.post{color:#07080a;letter-spacing:.085em;background:linear-gradient(115deg,#fff 0%,#e9edf1 48%,#fff 100%);border:1px solid #ffffffb8;border-radius:22px;justify-content:center;align-items:center;gap:10px;height:68px;font-size:14px;font-weight:900;transition:transform .16s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:-14px 15px 42px #00f2ea14,14px 15px 42px #ff174f14,inset 0 1px #fff}.post:before{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb3 46%,#0000 70%);transition:all .5s;position:absolute;inset:0;transform:translate(-130%)}.post:active{transform:scale(.975);box-shadow:0 8px 22px #00000080}.post:active:before{transform:translate(130%)}.post.done{color:#f5f7fa;background:linear-gradient(135deg,#13161af2,#08090bfa);border:1px solid #ffffff1c;box-shadow:inset 0 1px #ffffff0f,-12px 12px 34px #00f2ea0e,12px 12px 34px #ff174f0e}.post span{color:#727780;letter-spacing:.13em;font-size:10px}.stats{grid-template-columns:1fr 1px 1fr;align-items:center;margin:25px 8px 24px;padding:0 4px;display:grid}.stats i{background:linear-gradient(#0000,#282c32,#0000);height:30px}.stats div{text-align:center}.stats span,footer span{color:#555a63;letter-spacing:.23em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.stats b{letter-spacing:-.02em;font-size:14px}.week{justify-content:space-between;padding:0 5px 22px;display:flex}.week div{flex-direction:column;align-items:center;gap:9px;display:flex}.week span{color:#515660;font-size:9px;font-weight:800}.week i{background:linear-gradient(145deg,#101216,#090a0c);border:1px solid #1d2127;border-radius:11px;place-items:center;width:31px;height:31px;font-style:normal;display:grid;box-shadow:inset 0 1px #ffffff06}.week i.hit{color:#060708;background:linear-gradient(145deg,#f8fafc,#bfc4cb);border-color:#f8fafc;box-shadow:0 7px 22px #ffffff14}.week i.current{box-shadow:0 0 0 2px #050607,0 0 0 3px #00f2ea8c,0 0 18px #00f2ea1f}footer{text-align:center;border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#22262c,#0000) 1;padding-top:18px}footer b{letter-spacing:.07em;font-size:13px}footer small{color:#41464f;margin-top:5px;font-size:9px;display:block}@media (height<=700px){.shell{min-height:calc(100dvh - 30px)}.hero{margin:auto 0 16px}.number{font-size:108px}.stats{margin:16px 8px}.week{padding-bottom:13px}.post{height:61px}}h1,.number,.days,.post,.stats b,footer b{font-family:Barlow Condensed,Space Grotesk,sans-serif}.number{font-stretch:75%}.days{font-size:13px}.post,.stats b{font-size:16px}footer b{font-size:15px}