*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ladder-black:#0e0e0e;--deep-gray:#171717;--charcoal:#1e1b1d;--slate-gray:#202020;--shadow-gray:#333;--dark-gray:#5a5a5a;--medium-gray:#9e9e9e;--light-gray:#c4c4c4;--ladder-white:#fafafa;--label-primary:#fff;--lemonade:#e6ff00;--vermillion:#ff5349;--purple:#b982ff;--spring-green:#5cfe6d;--success:#54f46d;--success-2:#3ae180;--overlay:#0e0e0e80;--font-family:"Inter", system-ui, -apple-system, sans-serif;--h1-size:33px;--h1-weight:800;--h1-line:1.2;--h1-tracking:-.03em;--h2-size:27px;--h2-weight:700;--h2-line:1.2;--h2-tracking:-.03em;--h4-size:19px;--h4-weight:700;--h4-line:1.2;--h4-tracking:-.03em;--h5-size:17px;--h5-weight:700;--h5-line:1.2;--h5-tracking:-.03em;--body-size:15px;--body-weight:500;--body-line:1.4;--body-tracking:-.03em;--caption-size:13px;--caption-weight:400;--caption-line:1.6;--caption-tracking:-.03em;--footnote-size:11px;--footnote-weight:400;--footnote-line:1.6;--footnote-tracking:-.03em;--button-size:14px;--button-weight:500;--button-line:1.4;--button-tracking:0;--bg:var(--ladder-black);--card:var(--slate-gray);--card-2:#262626;--border:var(--shadow-gray);--border-2:#2a2a2a;--lime:var(--lemonade);--lime-dim:color-mix(in srgb, var(--lime) 12%, transparent);--lime-faint:color-mix(in srgb, var(--lime) 7%, transparent);--white:var(--label-primary);--grey:var(--medium-gray);--dim:var(--dark-gray);--faint:#3a3a3a;--green:var(--success);--red:var(--vermillion);--radius:16px}html,body{height:100%}body{background:var(--ladder-black);color:var(--white);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;align-items:stretch;min-height:100dvh;display:flex}.phone-frame{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.phone-scroll{scrollbar-width:none;flex:1;overflow:hidden auto}.phone-scroll::-webkit-scrollbar{display:none}.status-bar{display:none}@media (width>=700px){.app{background:radial-gradient(900px 500px at 50% -10%, color-mix(in srgb, var(--lime) 6%, transparent), transparent 70%), var(--ladder-black);flex-direction:row;justify-content:center;align-items:flex-start;padding:32px 24px 64px}.phone-frame{border:1px solid var(--border-2);width:393px;min-height:820px;max-height:calc(100dvh - 96px);box-shadow:0 30px 90px #000000e6, inset 0 0 0 8px var(--ladder-black);border-radius:46px;flex:none;overflow:hidden}.status-bar{letter-spacing:.2px;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px 6px;font-size:13px;font-weight:700;display:flex}.status-bar .dots{color:var(--light-gray);align-items:center;gap:5px;display:flex}}.tabbar-dock{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute}.tabbar{-webkit-backdrop-filter:blur(22px)saturate(140%);background:#1c1c1cd1;border:1px solid #ffffff14;border-radius:100px;flex:1;justify-content:space-between;align-items:stretch;gap:4px;padding:8px;display:flex;box-shadow:0 14px 40px #0000008c}.tab{color:var(--medium-gray);border-radius:100px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 7px;transition:color .15s,background .15s;display:flex}.tab-icon{display:flex;position:relative}.tab-icon svg{width:23px;height:23px;display:block}.tab-dot{background:var(--lime);border:1.5px solid #1c1c1cf2;border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;right:-3px}.tab .tab-label{letter-spacing:-.01em;font-size:10px;font-weight:600}.tab.active{color:var(--white);background:#ffffff1a}.tab-fab{width:58px;height:58px;color:var(--white);-webkit-backdrop-filter:blur(22px)saturate(140%);z-index:21;background:#1c1c1cd1;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s;display:flex;box-shadow:0 14px 40px #0000008c}.tab-fab.open{background:#303030f2}.fab-overlay{z-index:15;-webkit-backdrop-filter:blur(16px);background:#0808089e;animation:.2s fabFade;position:absolute;inset:0}@keyframes fabFade{0%{opacity:0}to{opacity:1}}.fab-glow{pointer-events:none;background:radial-gradient(circle,#5cfe6d38,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:150px;right:-30px}.fab-items{flex-direction:column;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:104px;left:18px;right:18px}.fab-item{opacity:0;align-items:center;gap:16px;animation:.34s cubic-bezier(.22,.68,0,1.1) forwards fabRise;display:flex;transform:translateY(16px)}@keyframes fabRise{to{opacity:1;transform:translateY(0)}}.fab-item-label{letter-spacing:-.01em;color:var(--white);font-size:16px;font-weight:700}.fab-icon-btn{width:48px;height:48px;color:var(--white);background:#1e1e1eeb;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.placeholder{text-align:center;color:var(--dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 28px;display:flex}.placeholder h2{font-size:var(--h4-size);font-weight:var(--h4-weight);letter-spacing:var(--h4-tracking);color:var(--white)}.placeholder p{font-size:var(--caption-size);max-width:260px;line-height:1.5}.home{flex-direction:column;display:flex}.home-body{flex-direction:column;gap:22px;padding:4px 18px 120px;display:flex}.home-header{z-index:10;background:linear-gradient(to bottom, var(--ladder-black) 62%, #0e0e0edb);-webkit-backdrop-filter:blur(18px);padding:14px 18px 12px;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.program-switch{letter-spacing:-.03em;color:var(--white);align-items:center;gap:8px;font-size:27px;font-weight:800;display:inline-flex}.program-switch svg{color:var(--white)}.program-switch svg:last-child{color:var(--medium-gray)}.header-right{align-items:center;gap:12px;display:flex}.streak-chip{letter-spacing:-.02em;color:var(--white);align-items:center;gap:2px;font-size:18px;font-weight:800;display:inline-flex}.streak-chip .streak-flame{color:var(--lime);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--lime) 60%, transparent))}.streak-chip .streak-ice{color:#7dd3fc}.avatar{object-fit:cover;border:2px solid var(--lime);border-radius:50%;width:36px;height:36px}.chip-nav{scrollbar-width:none;gap:8px;margin:0 -18px;padding:0 18px;display:flex;overflow-x:auto}.chip-nav::-webkit-scrollbar{display:none}.chip{white-space:nowrap;color:var(--light-gray);background:0 0;border:1px solid #fff3;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:9px 15px;font-size:13px;font-weight:500;display:inline-flex}.chip svg{color:var(--light-gray)}.chip.active{border-color:var(--lime);color:var(--white)}.chip.active svg{color:var(--lime)}.week-strip{justify-content:space-between;display:flex}.week-day{flex-direction:column;align-items:center;gap:8px;display:flex}.wd-label{color:var(--medium-gray);font-size:12px;font-weight:600}.week-day.active .wd-label{color:var(--white);font-weight:800}.wd-date{width:30px;height:30px;color:var(--medium-gray);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.wd-date.done{color:var(--ladder-black);background:var(--lime)}.wd-date.ring{color:var(--lime);border:1.5px solid color-mix(in srgb, var(--lime) 70%, transparent)}.promo-banner{border:1px solid var(--border);background:linear-gradient(135deg,#232323 0%,#141414 100%);border-radius:15px;align-items:center;gap:14px;padding:16px;display:flex}.promo-copy{flex:1}.promo-title{letter-spacing:-.02em;margin-bottom:4px;font-size:15px;font-weight:700}.promo-title .accent{color:var(--lime)}.promo-body{color:var(--light-gray);font-size:13px;line-height:1.4}.promo-cta{letter-spacing:.02em;color:var(--ladder-black);background:var(--lime);border-radius:100px;flex-shrink:0;padding:11px 18px;font-size:12px;font-weight:800}.hero-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin:0 -18px;padding:0 18px;display:flex;overflow-x:auto}.hero-carousel::-webkit-scrollbar{display:none}.hero-slide{scroll-snap-align:center;flex:0 0 calc(100% - 26px)}.hero-card{border-radius:20px;flex-direction:column;height:470px;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:linear-gradient(#06060600,#080808eb);height:230px;position:absolute;inset:auto 0 0}.hero-top{z-index:2;justify-content:space-between;padding:16px;display:flex;position:relative}.hero-pill{-webkit-backdrop-filter:blur(6px);border-radius:8px;align-items:center;gap:4px;padding:6px 11px;font-size:13px;font-weight:600;display:inline-flex}.hero-pill.day{color:var(--white);background:#1414148c}.hero-pill.priority{color:var(--lime);background:#1414148c}.hero-body{z-index:2;margin-top:auto;padding:18px;position:relative}.hero-title{letter-spacing:.005em;text-transform:uppercase;color:var(--white);flex-direction:column;margin-bottom:10px;font-size:34px;font-weight:900;line-height:.95;display:flex}.hero-meta{color:var(--light-gray);margin-bottom:12px;font-size:13px;font-weight:500}.hero-stat{color:var(--light-gray);align-items:center;gap:3px;font-size:13px;font-weight:500;display:inline-flex}.hero-stat strong{color:var(--white);font-weight:700}.face-pile{margin-right:8px;display:inline-flex}.face-pile img{object-fit:cover;border:1.5px solid #0a0a0ae6;border-radius:50%;width:22px;height:22px;margin-left:-8px}.face-pile img:first-child{margin-left:0}.hero-more{z-index:2;-webkit-backdrop-filter:blur(6px);width:38px;height:38px;color:var(--white);background:#1414148c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:18px;right:16px}.cheers-row{align-items:center;gap:16px;display:flex}.cheers-stat{border:2px solid color-mix(in srgb, var(--lime) 40%, transparent);background:var(--card);width:62px;height:62px;box-shadow:0 0 12px color-mix(in srgb, var(--lime) 12%, transparent);-webkit-tap-highlight-color:transparent;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.cheers-stat strong{letter-spacing:-.03em;color:var(--white);font-size:15px;font-weight:900;line-height:1}.cheers-stat span{text-transform:uppercase;letter-spacing:.06em;color:var(--grey);margin-top:2px;font-size:9px;font-weight:700}.cheers-zap{background:var(--card);border:1px solid color-mix(in srgb, var(--lime) 40%, transparent);color:var(--lime);border-radius:999px;justify-content:center;align-items:center;padding:2px 4px;display:flex;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.cheers-friends{border-left:1px solid var(--border);gap:16px;padding-left:16px;display:flex}.friend{-webkit-tap-highlight-color:transparent;display:block;position:relative}.friend-avatar{object-fit:cover;border:2px solid var(--lime);border-radius:50%;width:48px;height:48px;display:block}.friend-streak{color:var(--ladder-black);background:var(--lime);border:1.5px solid var(--ladder-black);border-radius:8px;align-items:center;gap:1px;padding:1px 4px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;bottom:-3px;right:-6px}.cheers-stat,.friend{transition:transform .1s}.cheers-stat.pop,.friend.pop{animation:.26s cheerPop}@keyframes cheerPop{0%,to{transform:scale(1)}40%{transform:scale(1.22)}}.friend.pop .friend-avatar{box-shadow:0 0 12px var(--lime)}.emoji-burst{pointer-events:none;z-index:500;will-change:transform, opacity;position:absolute}.home-section{flex-direction:column;gap:14px;display:flex}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h3{letter-spacing:-.03em;font-size:21px;font-weight:800}.section-action{letter-spacing:-.01em;color:var(--lime);font-size:13px;font-weight:700}.section-action.pill{color:var(--ladder-black);background:var(--lime);letter-spacing:.02em;border-radius:100px;padding:8px 16px;font-size:12px}.section-label{letter-spacing:-.02em;color:var(--white);font-size:14px;font-weight:800}.series-billboard{aspect-ratio:374/220;border-radius:16px;position:relative;overflow:hidden}.series-billboard img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.series-live{z-index:2;color:var(--white);-webkit-backdrop-filter:blur(6px);background:#14141473;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.series-billboard-copy{z-index:2;position:absolute;bottom:14px;left:16px}.series-billboard-copy .series-range{color:var(--white);font-size:14px;font-weight:700}.series-billboard-copy .series-caption{color:#ffffffc7;margin-top:2px;font-size:12px}.series-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.series-progress-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.series-badge-img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.series-progress{align-items:center;gap:12px;margin-bottom:8px;display:flex}.series-count{color:var(--lime);letter-spacing:-.02em;flex-shrink:0;font-size:15px;font-weight:800}.progress-track{background:var(--shadow-gray);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff4e02,#fcc502);border-radius:4px;height:100%}.series-body{color:var(--light-gray);font-size:13px;line-height:1.4}.heatmap{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.heat-days,.heat-row{grid-template-columns:26px repeat(7,1fr);align-items:center;gap:6px;display:grid}.heat-days span{color:var(--grey);text-align:center;font-size:11px;font-weight:600}.heat-week{color:var(--grey);font-size:11px;font-weight:600}.heat-cell{aspect-ratio:1;border-radius:6px}.series-cta{letter-spacing:.04em;width:100%;color:var(--white);border:1.5px solid var(--shadow-gray);text-transform:uppercase;background:0 0;border-radius:100px;padding:13px;font-size:13px;font-weight:800}.flex-section{flex-direction:column;gap:22px;display:flex}.flex-wordmark{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.flex-ladder{letter-spacing:.06em;color:var(--white);align-items:center;gap:5px;font-size:15px;font-weight:800;display:inline-flex}.flex-big{letter-spacing:-.02em;color:#c9c9c9;font-size:64px;font-weight:800;line-height:.9}.flex-tagline{max-width:290px;color:var(--light-gray);font-size:14px;line-height:1.4}.carousel-section{flex-direction:column;gap:14px;display:flex}.carousel{scrollbar-width:none;gap:14px;margin:0 -18px;padding:0 18px 4px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.wo-list-card{flex-shrink:0;width:168px}.wo-rank-wrap{margin-bottom:10px;padding-left:26px;position:relative}.wo-rank{z-index:0;letter-spacing:-.04em;background:linear-gradient(160deg,#fff 0%,#f0f0f0 35%,#9a9a9a 75%,#d8d8d8 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:132px;font-weight:800;line-height:1;position:absolute;bottom:-10px;left:-14px}.wo-art{z-index:1;border-radius:14px;height:208px;position:relative;overflow:hidden}.wo-art img{object-fit:cover;width:100%;height:100%;display:block}.wo-title{letter-spacing:-.02em;margin-bottom:3px;font-size:14px;font-weight:700}.wo-meta{color:var(--grey);margin-bottom:2px;font-size:12px}.wo-equipment{color:var(--dim);font-size:12px}.billboard-section{flex-direction:column;gap:10px;display:flex}.billboard{border-radius:18px;width:100%;padding:0;display:block;overflow:hidden}.billboard img{object-fit:cover;width:100%;height:100%;display:block}