@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.progress-bar-container{display:flex;gap:clamp(4px,1.5vw,6px);width:100%;padding:clamp(12px,4vw,16px);padding-top:calc(clamp(12px,4vw,16px) + var(--safe-area-top, 0px));position:relative;z-index:20;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.progress-bar-segment{flex:1;height:4px;border-radius:9999px;position:relative;overflow:hidden;background:#ffffff4d;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.progress-bar-segment.completed{background:#fff}.progress-bar-segment.current,.progress-bar-segment.upcoming{background:#ffffff4d}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:9999px;will-change:width;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.page-layout{position:relative;width:100%;max-width:428px;min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.page-layout-bg-dark{background:var(--color-bg-dark)}.page-layout-bg-reddish{background:var(--color-bg-reddish)}.page-header{position:absolute;top:0;left:0;width:100%;z-index:100;display:flex;flex-direction:column;background:transparent;pointer-events:none}.page-header>*{pointer-events:auto}.page-header-bg-dark,.page-header-bg-reddish{background:transparent}.page-header-actions{display:flex;justify-content:flex-end;padding:0 16px 16px}.page-layout-content{flex:1;position:relative;display:flex;flex-direction:column;padding-bottom:24px}.page-branding{position:fixed;bottom:-2px;left:50%;transform:translate(-50%);width:100%;max-width:428px;text-align:center;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:700;color:#fff;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1000;pointer-events:none}.loading-screen{position:fixed;inset:0;background:#000;z-index:9999}.background-music-container{position:fixed;top:85px;right:16px;z-index:10000;pointer-events:auto}@supports (padding-top: env(safe-area-inset-top)){.background-music-container{top:calc(85px + env(safe-area-inset-top,0px)/2)}}.music-toggle-btn{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:0}.music-toggle-btn:hover{background:#0009;transform:scale(1.05)}.music-toggle-btn:active{transform:scale(.95)}.music-toggle-btn svg{width:18px;height:18px;display:block}.music-toggle-btn.muted{opacity:.7}@media print{.background-music-container{display:none}}.page1{position:relative;width:100%;min-height:100vh;min-height:100dvh;background:#000;overflow:hidden}.p1-mountain{position:absolute;bottom:-20%;left:-30%;width:200%;height:auto;max-height:70vh;object-fit:cover;object-position:bottom left;transform:scale(1.4);transform-origin:bottom left;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;animation:fadeInMountain .3s ease-out .8s forwards}@keyframes fadeInMountain{0%{opacity:0}to{opacity:1}}.p1-gradient{position:absolute;top:34%;left:0;width:100%;height:66%;background:linear-gradient(180deg,#0000,#0000004d,#000000d9);pointer-events:none}.p1-stats{position:absolute;top:130px;left:16px;display:flex;flex-direction:column;gap:20px;z-index:10;transform:translateY(50px);opacity:0;animation:slideUpStats .45s ease-out forwards}@keyframes slideUpStats{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.p1-stat-block{display:flex;flex-direction:column}.p1-stat-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:24px;color:#fff;margin:0;line-height:1.2;display:flex;gap:8px}.p1-word-mask{display:inline-block;overflow:hidden;vertical-align:top}.p1-word{display:inline-block;transform:translateY(15px);opacity:0;animation:slideUpWord .5s ease-out forwards}.p1-stat-block:nth-child(1) .p1-word-mask:nth-child(1) .p1-word{animation-delay:0s}.p1-stat-block:nth-child(1) .p1-word-mask:nth-child(2) .p1-word{animation-delay:.12s}.p1-stat-block:nth-child(2) .p1-word-mask:nth-child(1) .p1-word{animation-delay:.24s}.p1-stat-block:nth-child(2) .p1-word-mask:nth-child(2) .p1-word{animation-delay:.36s}@keyframes slideUpWord{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.p1-stat-row{display:flex;align-items:flex-end;gap:6px}.p1-value-mask,.p1-unit-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.p1-value-mask{width:auto;margin-right:6px}.p1-unit-mask{width:auto}.p1-stat-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;color:#a6ff00;line-height:1;display:inline-block;transform:translateY(20px);opacity:0;animation:slideUpInner .45s ease-out forwards}.p1-stat-unit{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#8e8e93;padding-bottom:2px;line-height:1;display:inline-block;transform:translateY(12px);opacity:0;animation:slideUpInnerUnit .45s ease-out forwards}.p1-stat-block:nth-child(1) .p1-stat-value,.p1-stat-block:nth-child(1) .p1-stat-unit{animation-delay:.18s}.p1-stat-block:nth-child(2) .p1-stat-value,.p1-stat-block:nth-child(2) .p1-stat-unit{animation-delay:.42s}@keyframes slideUpInner{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpInnerUnit{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.p1-stat-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;color:#a6ff00;line-height:1}.p1-stat-unit{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#8e8e93;padding-bottom:2px;line-height:1}.p1-insight{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:315px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:24px;color:#fff;text-align:center;line-height:1.33;z-index:10;margin:0;opacity:0;animation:fadeInInsight .5s ease-out .9s forwards}@keyframes fadeInInsight{0%{opacity:0}to{opacity:1}}.p1-text-medium{font-weight:500}.p1-text-bold{font-weight:700}@media (max-height: 750px){.p1-stats{top:100px}.p1-stat-label{font-size:20px}.p1-stat-value{font-size:36px}.p1-insight{font-size:20px;bottom:90px}}@media (max-height: 650px){.p1-stats{top:80px;gap:12px}.p1-stat-value{font-size:32px}.p1-insight{font-size:18px;bottom:80px}}.page2{position:relative;width:100%;min-height:100vh;min-height:100dvh;background:#000;display:flex;flex-direction:column;padding:16px;padding-top:calc(16px + var(--safe-area-top, 0px));box-sizing:border-box;overflow:hidden}.page2:after{content:"";display:block;height:140px;flex:0 0 auto}.p2-stats{display:flex;flex-direction:column;gap:20px;margin-top:70px;margin-bottom:24px}.p2-stat-block{display:flex;flex-direction:column}.p2-stat-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:24px;color:#fff;margin:0;line-height:1.2}.p2-stat-label{display:flex;gap:8px}.p2-word-mask{display:inline-block;overflow:hidden;vertical-align:top}.p2-word{display:inline-block;transform:translateY(12px);opacity:0;animation:p2SlideUpWord .5s ease-out forwards}.p2-stat-block:nth-child(1) .p2-word-mask:nth-child(1) .p2-word{animation-delay:0s}.p2-stat-block:nth-child(1) .p2-word-mask:nth-child(2) .p2-word{animation-delay:.12s}.p2-stat-block:nth-child(1) .p2-word-mask:nth-child(3) .p2-word{animation-delay:.24s}.p2-stat-block:nth-child(1) .p2-word-mask:nth-child(4) .p2-word{animation-delay:.36s}.p2-stat-block:nth-child(1) .p2-word-mask:nth-child(5) .p2-word{animation-delay:.48s}.p2-stat-block:nth-child(2) .p2-word-mask:nth-child(1) .p2-word{animation-delay:.72s}.p2-stat-block:nth-child(2) .p2-word-mask:nth-child(2) .p2-word{animation-delay:.84s}.p2-stat-block:nth-child(2) .p2-word-mask:nth-child(3) .p2-word{animation-delay:.96s}@keyframes p2SlideUpWord{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.p2-stat-row{display:flex;align-items:flex-end;gap:6px}.p2-value-mask,.p2-unit-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.p2-stat-value,.p2-stat-value-orange{display:inline-block;transform:translateY(18px);opacity:0;animation:p2SlideUpInner .45s ease-out forwards}.p2-stat-unit{display:inline-block;transform:translateY(10px);opacity:0;animation:p2SlideUpInnerUnit .45s ease-out forwards}.p2-stat-block:nth-child(1) .p2-stat-value,.p2-stat-block:nth-child(1) .p2-stat-unit{animation-delay:.6s}.p2-stat-block:nth-child(2) .p2-stat-value-orange{animation-delay:1.08s}@keyframes p2SlideUpInner{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p2SlideUpInnerUnit{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.p2-stat-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;color:#ff8d28;line-height:1}.p2-stat-value-orange{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;color:#ff8d28;line-height:1.2;padding-bottom:2px}.p2-stat-unit{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#8e8e93;padding-bottom:2px;line-height:1}.p2-graph{width:100%;height:auto;flex:1;display:flex;align-items:center;justify-content:center}.p2-bar-chart{width:100%;max-width:clamp(320px,92vw,390px);margin:0 auto;padding:0;box-sizing:border-box;--p2-axis: clamp(24px, 7vw, 36px);--p2-gap: 6px;--p2-inset: clamp(2px, 1vw, 8px)}.p2-bar-plot-row{display:flex;align-items:stretch}.p2-bar-plot-row:after{content:"";flex:0 0 var(--p2-axis);width:var(--p2-axis)}.p2-y-axis{position:relative;width:var(--p2-axis);flex:0 0 var(--p2-axis)}.p2-y-label{position:absolute;right:8px;transform:translateY(-50%);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:12px;color:#46454a;line-height:1;white-space:nowrap}.p2-bar-area{position:relative;flex:1;height:170px;padding:8px var(--p2-inset) 10px}.p2-grid-line{position:absolute;left:var(--p2-inset);right:var(--p2-inset);height:1px;background:#373739;transform:translateY(-.5px);pointer-events:none}.p2-grid-line{opacity:0;animation:p2FadeGrid .35s ease-out .15s forwards}@keyframes p2FadeGrid{0%{opacity:0}to{opacity:1}}.p2-bars{position:absolute;left:var(--p2-inset);right:var(--p2-inset);bottom:10px;top:8px;display:flex;align-items:flex-end;gap:var(--p2-gap)}.p2-bar-slot{flex:1;height:100%;display:flex;align-items:flex-end}.p2-bar{width:100%;min-height:2px;background:#8b5a2b;border-radius:2px 2px 0 0;transform:translateZ(0);will-change:height}.p2-bar{transform-origin:bottom;transform:scaleY(0);animation:p2BarUp .45s ease-out forwards}.p2-bars .p2-bar-slot:nth-child(1) .p2-bar{animation-delay:.25s}.p2-bars .p2-bar-slot:nth-child(2) .p2-bar{animation-delay:.31s}.p2-bars .p2-bar-slot:nth-child(3) .p2-bar{animation-delay:.37s}.p2-bars .p2-bar-slot:nth-child(4) .p2-bar{animation-delay:.43s}.p2-bars .p2-bar-slot:nth-child(5) .p2-bar{animation-delay:.49s}.p2-bars .p2-bar-slot:nth-child(6) .p2-bar{animation-delay:.55s}.p2-bars .p2-bar-slot:nth-child(7) .p2-bar{animation-delay:.61s}.p2-bars .p2-bar-slot:nth-child(8) .p2-bar{animation-delay:.67s}.p2-bars .p2-bar-slot:nth-child(9) .p2-bar{animation-delay:.73s}.p2-bars .p2-bar-slot:nth-child(10) .p2-bar{animation-delay:.79s}.p2-bars .p2-bar-slot:nth-child(11) .p2-bar{animation-delay:.85s}.p2-bars .p2-bar-slot:nth-child(12) .p2-bar{animation-delay:.91s}@keyframes p2BarUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.p2-bar-highlight{background:#ff8d28}.p2-x-axis{display:flex;align-items:flex-start;margin-top:6px}.p2-x-axis:after{content:"";flex:0 0 var(--p2-axis);width:var(--p2-axis)}.p2-x-axis-spacer{width:var(--p2-axis);flex:0 0 var(--p2-axis)}.p2-x-labels{flex:1;display:flex;gap:var(--p2-gap);padding-left:var(--p2-inset);padding-right:var(--p2-inset);padding-bottom:4px;height:48px;align-items:flex-end}.p2-x-label-slot{flex:1;display:flex;justify-content:center;height:48px;position:relative}.p2-x-label{position:absolute;left:50%;bottom:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:12px;color:#46454a;line-height:1;display:inline-block;transform:translate(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}.p2-insight{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:315px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:20px;color:#fff;text-align:center;line-height:1.33;margin:0;z-index:10}@media (max-height: 750px){.p2-stats{margin-top:55px;gap:16px;margin-bottom:20px}.p2-stat-label{font-size:20px}.p2-stat-value,.p2-stat-value-orange{font-size:36px}.p2-insight{font-size:20px;bottom:90px}.page2:after{height:110px}.p2-bar-area{height:150px}}@media (max-height: 650px){.p2-stats{margin-top:45px;gap:12px;margin-bottom:16px}.p2-stat-value,.p2-stat-value-orange{font-size:32px}.p2-insight{font-size:18px;bottom:80px}.page2:after{height:95px}.p2-bar-area{height:130px}.p2-x-labels,.p2-x-label-slot{height:44px}}.page3{position:relative;width:100%;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;padding:16px;padding-top:calc(80px + var(--safe-area-top, 0px));box-sizing:border-box;overflow:hidden}.p3-fixed{flex-shrink:0;display:flex;flex-direction:column}.p3-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:100px}.p3-scrollable::-webkit-scrollbar{width:0;height:0}.p3-scrollable{scrollbar-width:none}.p3-stats{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.p3-stat-block{display:flex;flex-direction:column}.p3-stat-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:24px;color:#fff;margin:0;line-height:1.2}.p3-stat-label{display:flex;gap:8px}.p3-word-mask{display:inline-block;overflow:hidden;vertical-align:top}.p3-word{display:inline-block;transform:translateY(12px);opacity:0;animation:p3SlideUpWord .5s ease-out forwards}.p3-stat-block:nth-child(1) .p3-word-mask:nth-child(1) .p3-word{animation-delay:0s}.p3-stat-block:nth-child(1) .p3-word-mask:nth-child(2) .p3-word{animation-delay:.12s}.p3-stat-block:nth-child(1) .p3-word-mask:nth-child(3) .p3-word{animation-delay:.24s}.p3-stat-block:nth-child(2) .p3-word-mask:nth-child(1) .p3-word{animation-delay:.36s}.p3-stat-block:nth-child(2) .p3-word-mask:nth-child(2) .p3-word{animation-delay:.48s}.p3-stat-block:nth-child(2) .p3-word-mask:nth-child(3) .p3-word{animation-delay:.6s}.p3-stat-block:nth-child(2) .p3-word-mask:nth-child(4) .p3-word{animation-delay:.72s}.p3-stat-block:nth-child(2) .p3-word-mask:nth-child(5) .p3-word{animation-delay:.84s}@keyframes p3SlideUpWord{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.p3-stat-row{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap}.p3-value-mask,.p3-unit-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.p3-stat-value{display:inline-block;transform:translateY(18px);opacity:0;animation:p3SlideUpInner .45s ease-out forwards}.p3-stat-unit{display:inline-block;transform:translateY(10px);opacity:0;animation:p3SlideUpInnerUnit .45s ease-out forwards}.p3-stat-block:nth-child(1) .p3-stat-value,.p3-stat-block:nth-child(1) .p3-stat-unit{animation-delay:.3s}.p3-stat-block:nth-child(2) .p3-stat-value,.p3-stat-block:nth-child(2) .p3-stat-unit{animation-delay:1.06s}@keyframes p3SlideUpInner{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p3SlideUpInnerUnit{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.p3-stat-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;color:#a6ff00;line-height:1}.p3-stat-unit{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#8e8e93;padding-bottom:2px;line-height:1}.p3-top-activity{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.p3-other-header{margin-bottom:16px}.p3-section-header{display:flex;align-items:center;gap:8px}.p3-section-title{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:16px;color:#fff;white-space:nowrap;display:inline-block;transform:translateY(10px);opacity:0;animation:p3TitleUp .45s ease-out forwards}.p3-section-line{flex:1;height:1px;background:linear-gradient(to right,#8e8e93,transparent);transform-origin:left;transform:scaleX(0);opacity:0;animation:p3LineIn .35s ease-out forwards}@keyframes p3TitleUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p3LineIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.p3-activity-card{display:flex;align-items:center;justify-content:space-between;height:77px;padding:0 16px;border-radius:12px;background:#1c1c1e;transform:translateY(12px);opacity:0}.p3-activity-top{background:#a6ff0026;border:none;animation:p3CardUp .5s ease-out .92s forwards}.p3-activity-left{display:flex;align-items:center;gap:8px}.p3-activity-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#a6ff001a;font-size:22px}.p3-activity-info{display:flex;flex-direction:column;gap:-2px}.p3-activity-name{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:16px;color:#fff}.p3-activity-hours{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:24px;color:#a6ff00}.p3-activity-count{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#fff}.p3-activities-list{display:flex;flex-direction:column;gap:16px}.p3-activities-list .p3-activity-card{transform:translateY(16px);opacity:0}.p3-section-header:first-of-type .p3-section-line{animation-delay:.78s}.p3-section-header:first-of-type .p3-section-title{animation-delay:.82s}.p3-other-header .p3-section-line{animation-delay:.86s}.p3-other-header .p3-section-title{animation-delay:.9s}.p3-activity-top{animation-delay:.92s}.p3-activities-list .p3-activity-card:nth-child(1){animation:p3CardUp .45s ease-out .98s forwards}.p3-activities-list .p3-activity-card:nth-child(2){animation:p3CardUp .45s ease-out 1.06s forwards}.p3-activities-list .p3-activity-card:nth-child(3){animation:p3CardUp .45s ease-out 1.14s forwards}@keyframes p3CardUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-height: 750px){.page3{padding-top:60px}.p3-stats{gap:16px}.p3-stat-label{font-size:20px}.p3-stat-value{font-size:36px}.p3-activity-card{height:65px}.p3-activity-hours{font-size:20px}}@media (max-height: 650px){.page3{padding-top:50px}.p3-stats{gap:12px}.p3-stat-value{font-size:32px}.p3-activity-card{height:60px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 24px;border-radius:12px;font-size:17px;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 20px #ff3b304d}.btn-primary:active{transform:scale(.97);background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-surface-dark);color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:active{transform:scale(.97);background:var(--color-surface-highlight)}.btn-ghost{background:transparent;color:#fff}.btn-ghost:active{transform:scale(.97);background:#ffffff1a}.btn-full{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-text{white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .2s}.btn:active:before{opacity:1}@media (hover: none) and (pointer: coarse){.btn{-webkit-touch-callout:none}}.share-button{position:relative}.btn.share-button-recap{isolation:isolate;z-index:0;border-radius:12px;padding:0 14px;min-height:48px;color:#fff;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:16px;gap:6px;border:1px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,#00c0e8,#00c0e8a6,#a6ff008c,#ff8d288c) border-box;overflow:visible}.btn.share-button-recap:after{content:"";position:absolute;inset:-8px;border-radius:18px;background:linear-gradient(90deg,#00c0e8,#00c0e8a6,#a6ff008c,#ff8d288c);filter:blur(6px);opacity:.28;z-index:-2;pointer-events:none}.btn.share-button-recap:before{content:"";position:absolute;inset:1px;border-radius:13px;background:#000;opacity:1;z-index:-1;pointer-events:none}.btn.share-button-recap:active{transform:scale(.99)}.btn.share-button-recap:disabled{opacity:.6;cursor:default;transform:none}.btn.share-button-recap:disabled:after{opacity:.18}.btn.share-button-recap .btn-icon{font-size:18px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-right:6px}.btn.share-button-recap .btn-text{font-weight:500;color:#fff;font-size:16px}.btn.share-button-recap .btn-icon .material-symbols-outlined{line-height:1;font-variation-settings:"wght" 500}.share-button-capturing{pointer-events:none}.share-button-spinner{display:flex;align-items:center;justify-content:center;gap:4px}.spinner-dot{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:dotPulse 1.2s infinite ease-in-out}.spinner-dot:nth-child(1){animation-delay:0s}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{transform:scale(1);opacity:1}30%{transform:scale(1.5);opacity:.7}}.page4{position:relative;width:100%;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;padding:16px;padding-top:calc(80px + var(--safe-area-top, 0px));padding-bottom:calc(16px + var(--safe-area-bottom, 0px));box-sizing:border-box;overflow:hidden}.p4-fixed{flex-shrink:0;position:relative;z-index:10;display:flex;flex-direction:column}.p4-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:16px;position:relative;z-index:10}.p4-scrollable::-webkit-scrollbar{width:0;height:0}.p4-scrollable{scrollbar-width:none}.p4-glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.2;pointer-events:none;will-change:opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p4-glow-yellow{width:445px;height:493px;background:radial-gradient(circle,#FFCC00 0%,transparent 70%);left:-220px;top:-210px}.p4-glow-red{width:525px;height:493px;background:radial-gradient(circle,#EB4B62 0%,transparent 70%);right:-150px;top:-100px}.p4-stats{position:relative;z-index:10;display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.p4-stat-block{display:flex;flex-direction:column}.p4-stat-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:24px;color:#fff;margin:0;line-height:1.2}.p4-stat-label{display:flex;gap:8px}.p4-word-mask{display:inline-block;overflow:hidden;vertical-align:top}.p4-word{display:inline-block;transform:translateY(12px);opacity:0;animation:p4SlideUpWord .5s ease-out forwards}.p4-stat-block:nth-child(1) .p4-word-mask:nth-child(1) .p4-word{animation-delay:0s}.p4-stat-block:nth-child(1) .p4-word-mask:nth-child(2) .p4-word{animation-delay:.08s}.p4-stat-block:nth-child(1) .p4-word-mask:nth-child(3) .p4-word{animation-delay:.16s}.p4-stat-block:nth-child(2) .p4-word-mask:nth-child(1) .p4-word{animation-delay:.32s}.p4-stat-block:nth-child(2) .p4-word-mask:nth-child(2) .p4-word{animation-delay:.4s}.p4-stat-block:nth-child(3) .p4-word-mask:nth-child(1) .p4-word{animation-delay:.56s}.p4-stat-block:nth-child(3) .p4-word-mask:nth-child(2) .p4-word{animation-delay:.64s}@keyframes p4SlideUpWord{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.p4-stat-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.p4-stat-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;line-height:1;display:inline-block;transform:translateY(18px);opacity:0;animation:p4SlideUpInner .45s ease-out forwards}.p4-stat-unit{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#8e8e93;padding-bottom:0;line-height:1;vertical-align:baseline;display:inline-block;transform:translateY(10px);opacity:0;animation:p4SlideUpInnerUnit .45s ease-out forwards}@keyframes p4SlideUpInner{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p4SlideUpInnerUnit{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.p4-pink{color:#eb4b62}.p4-yellow{color:#fc0}.p4-orange{color:#dd590b}.p4-stat-unit{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#8e8e93;padding-bottom:0;line-height:1;vertical-align:baseline}.p4-section-header{display:flex;align-items:center;gap:8px;margin-top:32px;margin-bottom:16px}.p4-section-title{display:inline-block;transform:translateY(10px);opacity:0;animation:p4TitleUp .45s ease-out forwards}@keyframes p4TitleUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p4LineIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.p4-value-mask,.p4-unit-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.p4-stat-block:nth-child(1) .p4-stat-value,.p4-stat-block:nth-child(1) .p4-stat-unit{animation-delay:.22s}.p4-stat-block:nth-child(2) .p4-stat-value,.p4-stat-block:nth-child(2) .p4-stat-unit{animation-delay:.46s}.p4-stat-block:nth-child(3) .p4-stat-value,.p4-stat-block:nth-child(3) .p4-stat-unit{animation-delay:.7s}.p4-activities-list .p4-activity-card{transform:translateY(16px);opacity:0}.p4-activity-card{display:flex;align-items:center;justify-content:space-between;height:77px;padding:0 16px;border-radius:12px;background:#1c1c1e}.p4-activity-card:nth-child(1){animation:p4CardUp .45s ease-out 1.21s forwards}.p4-activity-card:nth-child(2){animation:p4CardUp .45s ease-out 1.29s forwards}.p4-activity-card:nth-child(3){animation:p4CardUp .45s ease-out 1.37s forwards}.p4-activity-card:nth-child(4){animation:p4CardUp .45s ease-out 1.45s forwards}.p4-activity-card:nth-child(5){animation:p4CardUp .45s ease-out 1.53s forwards}@keyframes p4CardUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.p4-activity-name{display:inline-block;transform:translateY(8px);opacity:0;animation:p4ActivityNameUp .45s ease-out forwards}.p4-activities-list .p4-activity-card:nth-child(1) .p4-activity-name{animation-delay:1.25s}.p4-activities-list .p4-activity-card:nth-child(2) .p4-activity-name{animation-delay:1.33s}.p4-activities-list .p4-activity-card:nth-child(3) .p4-activity-name{animation-delay:1.41s}.p4-activities-list .p4-activity-card:nth-child(4) .p4-activity-name{animation-delay:1.49s}.p4-activities-list .p4-activity-card:nth-child(5) .p4-activity-name{animation-delay:1.57s}@keyframes p4ActivityNameUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.p4-section-header:first-of-type .p4-section-line{animation-delay:1.21s}.p4-section-header:first-of-type .p4-section-title{animation-delay:1.25s}.p4-section-title{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:16px;color:#fff;white-space:nowrap;display:inline-block;transform:translateY(10px);opacity:0;animation:p4TitleUp .45s ease-out forwards}.p4-section-line{flex:1;height:1px;background:linear-gradient(to right,#8e8e93,transparent);transform-origin:left;transform:scaleX(0);opacity:0;animation:p4LineIn .35s ease-out forwards}.p4-activities-list{display:flex;flex-direction:column;gap:16px}.p4-content-wrapper{display:flex;flex-direction:column}.p4-activity-card{display:flex;align-items:center;height:77px;padding:0 16px;border-radius:12px;background:#1c1c1e80}.p4-activity-left{display:flex;align-items:center;gap:8px}.p4-activity-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#a6ff001a;font-size:22px}.p4-activity-info{display:flex;flex-direction:column;gap:-2px}.p4-activity-name{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:16px;color:#fff;display:inline-block;transform:translateY(8px);opacity:0;animation:p4ActivityNameUp .45s ease-out forwards}.p4-activity-hours{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:24px;color:#a6ff00}@media (max-height: 750px){.page4{padding-top:60px}.p4-stats{gap:16px}.p4-stat-label{font-size:20px}.p4-stat-value{font-size:36px}.p4-activity-card{height:65px}.p4-activity-hours{font-size:20px}}@media (max-height: 650px){.page4{padding-top:50px}.p4-stats{gap:12px}.p4-stat-value{font-size:32px}.p4-activity-card{height:60px}}.p4-bottom-text{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-style:italic;font-size:clamp(24px,6vw,32px);color:#fff;text-align:center;opacity:0;transform:translateY(10px);animation:p4BottomTextIn .5s ease-out forwards;animation-delay:1.8s}@keyframes p4BottomTextIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.page4.p4-two-activities .p4-scrollable{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px}.page4.p4-two-activities .p4-activities-list{flex-shrink:0}.page4.p4-two-activities .p4-bottom-text{flex-shrink:0;margin-top:auto}.page4.p4-one-activity{padding-top:calc(clamp(100px,14vh,130px) + var(--safe-area-top, 0px))}.page4.p4-one-activity .p4-fixed{flex:0}.page4.p4-one-activity .p4-stats{gap:clamp(20px,4vh,28px);margin-bottom:clamp(32px,5vh,40px)}.page4.p4-one-activity .p4-stat-value{font-size:clamp(40px,10vw,44px)}.page4.p4-one-activity .p4-stat-label{font-size:clamp(22px,5.5vw,24px)}.page4.p4-one-activity .p4-section-header{margin-bottom:12px}.page4.p4-one-activity .p4-scrollable{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px}.page4.p4-one-activity .p4-content-wrapper{display:flex;flex-direction:column}.page4.p4-one-activity .p4-activities-list{flex-shrink:0}.page4.p4-one-activity .p4-bottom-text{flex-shrink:0;margin-top:auto}@media (max-height: 750px){.page4.p4-one-activity{padding-top:calc(clamp(70px,9vh,90px) + var(--safe-area-top, 0px))}.page4.p4-one-activity .p4-stats{gap:clamp(18px,3.5vh,24px);margin-bottom:clamp(28px,4.5vh,36px)}.page4.p4-one-activity .p4-stat-value{font-size:clamp(36px,9vw,40px)}.page4.p4-one-activity .p4-stat-label{font-size:clamp(20px,5vw,22px)}.p4-bottom-text{font-size:clamp(20px,5vw,26px)}}@media (max-height: 650px){.page4.p4-one-activity{padding-top:calc(clamp(60px,8vh,80px) + var(--safe-area-top, 0px))}.page4.p4-one-activity .p4-stats{gap:clamp(14px,3vh,20px);margin-bottom:clamp(20px,4vh,28px)}.page4.p4-one-activity .p4-stat-value{font-size:clamp(32px,8vw,36px)}.page4.p4-two-activities .p4-scrollable,.page4.p4-one-activity .p4-scrollable{padding-bottom:12px}.p4-bottom-text{font-size:clamp(18px,4.5vw,22px)}}@media (max-height: 550px){.page4.p4-one-activity{padding-top:calc(60px + var(--safe-area-top, 0px))}.page4.p4-one-activity .p4-stats{gap:12px;margin-bottom:20px}.page4.p4-one-activity .p4-stat-value{font-size:28px}.page4.p4-one-activity .p4-stat-label{font-size:18px}.p4-bottom-text{font-size:16px}}.p4-share{flex-shrink:0;position:relative;z-index:20;background:linear-gradient(to bottom,transparent 0%,#000 30%);margin-top:-20px;padding-top:32px}@keyframes p4ShareFade{0%{opacity:0}to{opacity:1}}.page4 .share-button-recap{opacity:0;animation:p4ShareFade .4s ease-out 2s forwards}@media (max-height: 650px){.p4-share{padding-top:24px;margin-top:-16px}}@media (max-height: 550px){.p4-share{padding-top:20px;margin-top:-12px}}.page5{position:relative;width:100%;min-height:100vh;min-height:100dvh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.p5-glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.2;pointer-events:none;will-change:opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p5-glow-blue{width:445px;height:493px;background:radial-gradient(circle,#0E13B0 0%,transparent 70%);left:-243px;top:90px}.p5-glow-cyan{width:525px;height:493px;background:radial-gradient(circle,#00C0E8 0%,transparent 70%);right:-150px;top:108px}.p5-glow-dark{width:525px;height:493px;background:radial-gradient(circle,#0B54BA 0%,transparent 70%);right:-150px;top:108px}.p5-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.p5-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:24px;color:#fff;margin:0;line-height:1.2}.p5-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;color:#00c0e8;line-height:1}@media (max-height: 700px){.p5-label{font-size:20px}.p5-value{font-size:36px}}@media (max-height: 600px){.p5-label{font-size:18px}.p5-value{font-size:32px}}.page6{position:relative;width:100%;max-width:428px;margin:0 auto;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;padding:clamp(16px,4vw,20px);padding-top:calc(clamp(40px,8vh,50px) + var(--safe-area-top, 0px));padding-bottom:calc(12px + var(--safe-area-bottom, 0px));box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.p6-title{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:clamp(24px,6.5vw,32px);margin:0 0 clamp(20px,3.5vh,32px) 0;line-height:1.3;flex-shrink:0;opacity:0;animation:p6TitleFade .5s ease-out forwards}@keyframes p6TitleFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.p6-white{color:#fff}.p6-cyan{color:#00c0e8;font-weight:500}.p6-heatmap-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;width:100%}.p6-month-labels{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(4px,1.5vw,8px);margin-bottom:clamp(8px,1.5vh,12px);flex-shrink:0;opacity:0;animation:p6LabelsFade .4s ease-out .2s forwards}@keyframes p6LabelsFade{0%{opacity:0}to{opacity:1}}.p6-month-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:clamp(12px,3vw,15px);color:#ffffffd9;text-align:center;line-height:1}.p6-heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(4px,1.5vw,8px);flex:1;min-height:0;align-content:start;overflow:hidden}.p6-month{display:flex;flex-direction:column;align-items:center;gap:clamp(2.5px,.4vh,3.5px);overflow:hidden;clip-path:inset(100% 0 0 0);animation:p6MonthReveal .35s ease-out forwards;animation-delay:calc(.3s + var(--month-index) * .25s)}@keyframes p6MonthReveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.p6-day{width:clamp(9px,min(2.4vw,1.6vh),13px);height:clamp(9px,min(2.4vw,1.6vh),13px);border-radius:2px;background:#2c2c2e;flex-shrink:0}.p6-day-low{background:#0b4d5a}.p6-day-mid{background:#00899e}.p6-day-high{background:#00c0e8}.p6-legend{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(10px,2.5vw,16px);padding:clamp(10px,1.5vh,14px) 0 clamp(6px,1vh,10px) 0;margin-bottom:0;flex-shrink:0;opacity:0;animation:p6LegendFade .4s ease-out 3.5s forwards;width:100%}@keyframes p6LegendFade{0%{opacity:0}to{opacity:1}}.p6-legend-item{display:inline-flex;align-items:center;gap:clamp(6px,1.5vw,10px)}.p6-legend-dot{width:clamp(9px,min(2.5vw,1.6vh),13px);height:clamp(9px,min(2.5vw,1.6vh),13px);border-radius:2px;flex-shrink:0}.p6-legend-high{background:#00c0e8}.p6-legend-mid{background:#00899e}.p6-legend-low{background:#0b4d5a}.p6-legend-text{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:clamp(12px,3vw,15px);color:#ffffffe6;line-height:1;white-space:nowrap}.page6 .share-button-recap{margin-top:clamp(10px,1.5vh,14px);margin-bottom:calc(8px + var(--safe-area-bottom, 0px));opacity:0;animation:p6ShareFade .4s ease-out 4s forwards;flex-shrink:0}@keyframes p6ShareFade{0%{opacity:0}to{opacity:1}}@media (max-height: 700px){.page6{padding-top:calc(clamp(32px,6vh,40px) + var(--safe-area-top, 0px))}.p6-title{font-size:clamp(22px,6vw,28px);margin-bottom:clamp(16px,2.5vh,24px)}}@media (max-height: 600px){.page6{padding-top:calc(clamp(28px,5vh,36px) + var(--safe-area-top, 0px));padding-left:clamp(14px,3vw,18px);padding-right:clamp(14px,3vw,18px)}.p6-title{font-size:clamp(20px,5.5vw,26px);margin-bottom:clamp(12px,2vh,20px)}.p6-month-labels{margin-bottom:clamp(6px,1vh,10px)}.p6-month-label{font-size:clamp(11px,2.8vw,14px)}.p6-month{gap:1.5px}.p6-legend{padding:clamp(8px,1.2vh,12px) 0 clamp(4px,.8vh,8px) 0}.p6-legend-text{font-size:clamp(11px,2.6vw,13px)}}.page7{position:relative;width:100%;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overflow:hidden}.p7-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:24px;color:#fff;margin:0 0 8px;text-align:center;transform:scale(1.22);opacity:0;animation:p7TitleShrink .55s ease-out forwards}.p7-word-mask{overflow:hidden;display:inline-block;margin:0 6px}.p7-word{display:inline-block;transform:translateY(12px);opacity:0;animation:p7WordUp .38s ease-out forwards}.p7-word-mask:nth-child(1) .p7-word{animation-delay:.08s}.p7-word-mask:nth-child(2) .p7-word{animation-delay:.16s}.p7-value-mask{overflow:hidden;display:block;margin-bottom:28px}.p7-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;color:#fc0;line-height:1;transform:translateY(10px);opacity:0;animation:p7ValueUp .45s ease-out .34s forwards}.p7-streak{display:block;margin-bottom:48px;width:100%;max-width:420px;padding:0 8px;box-sizing:border-box}.p7-streak-row{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(6px,2vw,12px);align-items:center;width:100%;margin-bottom:clamp(8px,2.5vh,14px);clip-path:inset(0 100% 0 0);animation:p7RowReveal .65s ease-out forwards}.p7-streak-row:nth-child(1){animation-delay:.7s}.p7-streak-row:nth-child(2){animation-delay:1.12s}.p7-streak-row:nth-child(3){animation-delay:1.54s}.p7-streak-box{width:100%;aspect-ratio:1;background:#fc0;border-radius:30%;transform:translateY(12px);opacity:0;animation:p7BoxPop .42s cubic-bezier(.2,.9,.2,1) forwards}.p7-streak-row:nth-child(1) .p7-streak-box{animation-delay:1.35s}.p7-streak-row:nth-child(2) .p7-streak-box{animation-delay:1.77s}.p7-streak-row:nth-child(3) .p7-streak-box{animation-delay:2.19s}.p7-insight{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;color:#fff;text-align:center;line-height:1.33;margin:0;padding:0 16px;max-width:360px;opacity:0;animation:p7InsightIn .6s ease-out 2.7s forwards}.p7-insight-inner strong{font-weight:700;color:#fc0}@keyframes p7TitleShrink{0%{transform:scale(1.22);opacity:0}to{transform:scale(1);opacity:1}}@keyframes p7WordUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p7ValueUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p7RowReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes p7BoxPop{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes p7InsightIn{0%{opacity:0}to{opacity:1}}@media (max-height: 750px){.page7{padding:16px}.p7-label{font-size:20px}.p7-value{font-size:36px;margin-bottom:24px}.p7-streak-row{gap:clamp(5px,1.5vw,10px);margin-bottom:clamp(6px,2vh,12px)}.p7-insight{font-size:20px}}@media (max-height: 650px){.page7{padding:12px}.p7-label{font-size:18px}.p7-value{font-size:28px;margin-bottom:20px}.p7-streak-row{gap:clamp(4px,1.2vw,8px);margin-bottom:clamp(5px,1.8vh,10px)}.p7-streak{margin-bottom:24px;max-width:320px}.p7-insight{font-size:16px}}.p7-share{position:absolute;bottom:calc(16px + var(--safe-area-bottom, 0px));left:16px;right:16px;z-index:20}@keyframes p7ShareFade{0%{opacity:0}to{opacity:1}}.page7 .share-button-recap{opacity:0;animation:p7ShareFade .4s ease-out 3s forwards}@media (max-height: 750px){.p7-share{bottom:calc(12px + var(--safe-area-bottom, 0px))}}@media (max-height: 650px){.p7-share{bottom:calc(10px + var(--safe-area-bottom, 0px))}}.page8{position:relative;width:100%;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;padding:16px;padding-top:calc(80px + var(--safe-area-top, 0px));padding-bottom:calc(12px + var(--safe-area-bottom, 0px));box-sizing:border-box;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.p8-glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.2;pointer-events:none;will-change:opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p8-glow-green{width:445px;height:493px;background:radial-gradient(circle,#A6FF00 0%,transparent 70%);left:-220px;top:-210px}.p8-glow-yellow{width:525px;height:493px;background:radial-gradient(circle,#FFCC00 0%,transparent 70%);right:-150px;top:-100px}.p8-trophy{position:absolute;right:clamp(-76px,-18vw,-52px);bottom:0;width:clamp(180px,30vh,300px);height:auto;z-index:1;pointer-events:none;transform:translateZ(0);opacity:0;animation:p8TrophyFade .5s ease-out forwards}@keyframes p8TrophyFade{0%{opacity:0}to{opacity:1}}.p8-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column}.p8-section-header{display:flex;align-items:center;gap:12px;margin-top:0;margin-bottom:24px;justify-content:center}.p8-section-title{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:16px;color:#fff;white-space:nowrap;display:inline-flex;gap:8px}.p8-section-line{flex:1;max-width:80px;height:1px;transform-origin:center;transform:scaleX(0);opacity:0;animation:p8LineIn .35s ease-out forwards}@keyframes p8LineIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.p8-word-mask{display:inline-block;overflow:hidden;vertical-align:top}.p8-word{display:inline-block;transform:translateY(12px);opacity:0;animation:p8SlideUpWord .5s ease-out forwards}@keyframes p8SlideUpWord{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.p8-section-title .p8-word-mask:nth-child(1) .p8-word{animation-delay:.1s}.p8-section-title .p8-word-mask:nth-child(2) .p8-word{animation-delay:.18s}.p8-section-title .p8-word-mask:nth-child(3) .p8-word{animation-delay:.26s}.p8-section-line-left,.p8-section-line-right{animation-delay:.32s}.p8-section-line-left{background:linear-gradient(to left,#8e8e93,transparent)}.p8-section-line-right{background:linear-gradient(to right,#8e8e93,transparent)}.p8-stats{position:relative;z-index:10;display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.p8-stat-block{display:flex;flex-direction:column}.p8-stat-label{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:24px;color:#fff;margin:0;line-height:1.2}.p8-stat-label{display:flex;gap:8px}.p8-stat-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.p8-stat-value{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:44px;line-height:1;display:inline-block;transform:translateY(18px);opacity:0;animation:p8SlideUpInner .45s ease-out forwards}@keyframes p8SlideUpInner{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.p8-pink{color:#eb4b62}.p8-yellow{color:#fc0}.p8-orange{color:#dd590b}.p8-stat-unit{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:20px;color:#8e8e93;padding-bottom:0;line-height:1;vertical-align:baseline;display:inline-block;transform:translateY(10px);opacity:0;animation:p8SlideUpInnerUnit .45s ease-out forwards}@keyframes p8SlideUpInnerUnit{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.p8-value-mask,.p8-unit-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.p8-stat-block:nth-child(1) .p8-word-mask:nth-child(1) .p8-word{animation-delay:.4s}.p8-stat-block:nth-child(1) .p8-word-mask:nth-child(2) .p8-word{animation-delay:.48s}.p8-stat-block:nth-child(1) .p8-word-mask:nth-child(3) .p8-word{animation-delay:.56s}.p8-stat-block:nth-child(2) .p8-word-mask:nth-child(1) .p8-word{animation-delay:.7s}.p8-stat-block:nth-child(2) .p8-word-mask:nth-child(2) .p8-word{animation-delay:.78s}.p8-stat-block:nth-child(2) .p8-word-mask:nth-child(3) .p8-word{animation-delay:.86s}.p8-stat-block:nth-child(2) .p8-word-mask:nth-child(4) .p8-word{animation-delay:.94s}.p8-stat-block:nth-child(3) .p8-word-mask:nth-child(1) .p8-word{animation-delay:1.08s}.p8-stat-block:nth-child(3) .p8-word-mask:nth-child(2) .p8-word{animation-delay:1.16s}.p8-stat-block:nth-child(1) .p8-stat-value,.p8-stat-block:nth-child(1) .p8-stat-unit{animation-delay:.62s}.p8-stat-block:nth-child(2) .p8-stat-value,.p8-stat-block:nth-child(2) .p8-stat-unit{animation-delay:1s}.p8-stat-block:nth-child(3) .p8-stat-value,.p8-stat-block:nth-child(3) .p8-stat-unit{animation-delay:1.22s}.p8-activities-section .p8-word-mask:nth-child(1) .p8-word{animation-delay:1.3s}.p8-activities-section .p8-word-mask:nth-child(2) .p8-word{animation-delay:1.38s}.p8-activities-section{display:flex;flex-direction:column;gap:clamp(12px,2vh,20px);align-items:flex-start;width:100%;margin-top:clamp(12px,2vh,20px)}.p8-activities{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:24px}.p8-activities.p8-activities-one{justify-content:flex-start}.p8-activity{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,10px);transform:translateY(16px);opacity:0;animation:p8CardUp .45s ease-out forwards}.p8-activities .p8-activity:nth-child(1){animation-delay:1.46s}.p8-activities .p8-activity:nth-child(2){animation-delay:1.46s}.p8-activities .p8-activity:nth-child(3){animation-delay:1.46s}@keyframes p8CardUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.p8-activity-icon{width:clamp(44px,6.5vh,56px);height:clamp(44px,6.5vh,56px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#a6ff001a;font-size:clamp(20px,3vh,26px);transform:translateZ(0)}.p8-activity-text{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:clamp(11px,1.6vh,14px);color:#fff;text-align:center;line-height:1.2;white-space:pre-line}.page8 .share-button-recap{margin-top:clamp(10px,1.5vh,14px);margin-bottom:calc(8px + var(--safe-area-bottom, 0px));opacity:0;animation:p8ShareFade .4s ease-out 2s forwards;flex-shrink:0;position:relative;z-index:20}@keyframes p8ShareFade{0%{opacity:0}to{opacity:1}}@media (max-height: 750px){.page8{padding-top:60px}.p8-stats{gap:16px;margin-bottom:24px}.p8-stat-label{font-size:20px}.p8-stat-value{font-size:36px}.p8-stat-unit{font-size:16px}.p8-section-header{margin-bottom:20px}.p8-section-title{font-size:14px}}@media (max-height: 650px){.page8{padding-top:50px}.p8-stats{gap:12px;margin-bottom:20px}.p8-stat-label{font-size:18px}.p8-stat-value{font-size:32px}.p8-stat-unit{font-size:14px}.p8-section-header{margin-bottom:16px}.p8-section-title{font-size:12px}}@media (max-width: 360px){.p8-stat-label{font-size:18px}.p8-stat-value{font-size:32px}}.page11{position:relative;width:100%;max-width:428px;margin:0 auto;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;padding:16px;padding-top:calc(80px + var(--safe-area-top, 0px));padding-bottom:calc(16px + var(--safe-area-bottom, 0px));box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.p11-bg-svg{position:fixed;top:0;left:0;width:min(100vw,428px);height:100vh;height:100dvh;object-fit:cover;object-position:center;pointer-events:none;z-index:0;opacity:0;transform:translateZ(0);animation:p11BgIn .7s ease-out .02s forwards}@media (min-width: 429px){.p11-bg-svg{width:428px;left:50%;right:auto;transform:translate(-50%)}}.p11-main{position:relative;z-index:10;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding-bottom:clamp(12px,4vh,32px)}.p11-content{width:100%;max-width:358px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(10px,2.2vh,18px)}.p11-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-weight:100;font-size:clamp(20px,5.6vw,24px);color:#ffffffeb;margin:0;line-height:1.2;letter-spacing:.01em;opacity:0;transform:translateY(10px) translateZ(0);will-change:transform,opacity;animation:p11Up .45s ease-out .1s forwards}.p11-age{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:clamp(80px,22vw,120px);line-height:.82;color:#fc0;text-align:center;letter-spacing:-1px;opacity:0;transform:translateY(14px) scale(.985) translateZ(0);will-change:transform,opacity;animation:p11AgeIn .55s cubic-bezier(.2,.9,.2,1) .2s forwards}.p11-quote{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-style:italic;font-size:clamp(18px,4.8vw,24px);line-height:1.22;color:#fff;margin:0;white-space:pre-line;max-width:358px;opacity:0;transform:translateY(12px) translateZ(0);will-change:transform,opacity;animation:p11Up .5s ease-out .34s forwards}.p11-footer{position:relative;z-index:10;display:flex;flex-direction:column;gap:clamp(10px,1.8vh,12px);align-items:center;width:100%}.p11-footnote{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:13px;line-height:1.35;color:#ffffffe6;text-align:center;margin:0;max-width:360px;opacity:0;transform:translateY(10px) translateZ(0);will-change:transform,opacity;animation:p11Up .45s ease-out .46s forwards}.p11-footer .share-button{width:100%;max-width:358px;opacity:0;transform:translateY(10px) translateZ(0);will-change:transform,opacity;animation:p11Up .45s ease-out .54s forwards}@keyframes p11BgIn{0%{opacity:0}to{opacity:1}}@keyframes p11Up{0%{transform:translateY(12px) translateZ(0);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes p11AgeIn{0%{transform:translateY(14px) scale(.985) translateZ(0);opacity:0}60%{transform:translateY(-2px) scale(1.01) translateZ(0);opacity:1}to{transform:translateY(0) scale(1) translateZ(0);opacity:1}}@media (max-height: 700px){.page11{padding-top:calc(72px + var(--safe-area-top, 0px))}.p11-content{gap:12px}}@media (max-height: 600px){.p11-footnote{font-size:12px}.p11-age{font-size:clamp(72px,20vw,108px)}}@media (max-height: 560px){.p11-title{font-size:clamp(18px,5.2vw,22px)}.p11-quote{font-size:clamp(16px,4.4vw,20px);line-height:1.18}.p11-main{padding-bottom:12px}}@media (prefers-reduced-motion: reduce){.p11-bg-svg,.p11-title,.p11-age,.p11-quote,.p11-footnote,.p11-footer .share-button{animation:none!important;opacity:1!important;transform:none!important}}.challenge-container{position:relative;display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;background-color:#09090b;color:#e5e5e5;font-family:DM Sans,sans-serif;transition:background-color .5s,color .5s;max-height:100vh}@media (prefers-color-scheme: light){.challenge-container{background-color:#f7f8f5;color:#171717}}.gradient-blob{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen}.gradient-blob-top{top:-10%;right:-20%;width:500px;height:500px;background-color:#c3eb780d;filter:blur(120px)}.gradient-blob-bottom{bottom:-10%;left:-20%;width:400px;height:400px;background-color:#c3eb780d;filter:blur(100px)}@media (prefers-color-scheme: dark){.gradient-blob-top,.gradient-blob-bottom{background-color:#c3eb780d}}.header-section{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:flex-start;justify-content:flex-start;padding:24px 16px;width:100%;pointer-events:none}.back-button{position:relative;left:0;top:0;display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:9999px;color:#a3a3a3;background:none;border:none;cursor:pointer;transition:background-color .3s,color .3s;pointer-events:all;margin-top:30px;z-index:20}.back-button:hover{background-color:#27272a;color:#fff}@media (max-width: 480px){.header-section{padding:20px 12px}.back-button{width:36px;height:36px}}@media (prefers-color-scheme: light){.back-button{color:#737373}.back-button:hover{background-color:#f5f5f5;color:#171717}}.header-title{font-size:12px;color:#a3a3a3;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-align:center;width:100%}@media (prefers-color-scheme: light){.header-title{color:#737373}}.main-content-section{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 24px;overflow:hidden}.title-group{margin-bottom:56px;text-align:center}.main-title{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin-bottom:12px;color:#f5f5f5;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (prefers-color-scheme: light){.main-title{color:#171717}}.title-accent{font-weight:500;color:#c3eb78;text-shadow:0 0 25px rgba(195,235,120,.25)}@media (prefers-color-scheme: light){.title-accent{color:#a2c95b}}.description-text{font-size:14px;color:#a3a3a3;font-weight:400;margin-top:16px;max-width:320px;margin-left:auto;margin-right:auto;line-height:1.6}@media (prefers-color-scheme: light){.description-text{color:#737373}}.input-wrapper-group{width:100%;max-width:448px;margin:0 auto 24px;position:relative}.input-gradient-line{display:none}.input-container{position:relative}.challenge-input{width:100%;height:58px;background-color:#1a1a1a;text-align:center;font-size:16px;font-weight:400;color:#d1d1d1;border:1px solid #4a4a4a;border-radius:15px;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1);caret-color:#c3eb78;outline:none;font-family:DM Sans,sans-serif;box-shadow:inset 0 2px 8px #0006,inset 0 1px 2px #0000004d,0 0 20px #0003}.challenge-input::placeholder{color:#737373}.challenge-input:focus{border-color:#6a6a6a;box-shadow:inset 0 2px 8px #0006,inset 0 1px 2px #0000004d,0 0 25px #c3eb7826,0 0 40px #c3eb7814}.input-label{display:none}.error-message{color:#f44;font-size:13px;margin-top:16px;text-align:center;padding:0 24px}.button-wrapper{display:flex;flex-direction:column;gap:20px;width:100%;max-width:384px;margin:0 auto}.create-button{position:relative;width:100%;height:58px;border-radius:15px;border:1px solid #c3eb78;background-color:#000;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #c3eb784d,0 0 40px #c3eb7826;padding:0;overflow:visible;display:flex;align-items:center;justify-content:center}.create-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 0 10px #c3eb7833}.create-button:hover:not(:disabled){border-color:#d4f593;box-shadow:0 0 30px #c3eb7880,0 0 60px #c3eb7840}.create-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 15px #c3eb784d,0 0 30px #c3eb7826}.button-gradient{display:none}.button-content{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:0 24px}.button-text{color:#fff!important;font-size:17px;font-weight:600;letter-spacing:.03em;white-space:nowrap}@media (prefers-color-scheme: light){.button-text{color:#fff!important}}.button-icon{color:#fff!important;transition:transform .3s}@media (prefers-color-scheme: light){.button-icon{color:#fff!important}}.create-button:hover:not(:disabled) .button-icon{transform:translate(4px)}.button-glow{display:none}.challenge-created-container{position:relative;height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;background-color:#0a0a0a;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;user-select:none;max-height:100vh;max-height:100dvh}.bg-overlay{position:absolute;inset:0;background-color:#000c;z-index:0}.bg-gradient-top{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:500px;height:500px;background-color:#bef2640d;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.bg-gradient-bottom{position:absolute;bottom:-160px;right:0;width:300px;height:300px;background-color:#bef2640d;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.header-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px;flex-shrink:0}.header-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#ffffffb3;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px);margin-top:10px}.header-button:hover{background-color:#ffffff1a;color:#fff}.header-button .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.main-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;width:100%;max-width:448px;margin:0 auto;overflow:hidden;min-height:0}.icon-cluster{position:relative;margin-bottom:40px;margin-top:20px;display:flex;justify-content:center;overflow:visible}.trophy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-45% + 80px)) scale(1.5);width:128px;height:128px;border-radius:50%;background-color:#bef2641a;filter:blur(32px);animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.trophy-container{position:relative;display:flex;align-items:center;justify-content:center;width:128px;height:128px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background-color:#171717cc;backdrop-filter:blur(12px);box-shadow:0 0 30px #bef2640d;transform:translateY(50px)}.trophy-icon{font-size:64px;color:#bef264;filter:drop-shadow(0 0 12px rgba(190,242,100,.5));font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.text-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:56px;width:100%}.status-text{color:#bef264e6;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:12px;line-height:1}.challenge-title{color:#fff;font-size:24px;font-weight:600;line-height:1.1;letter-spacing:-.02em;text-shadow:0 0 15px rgba(190,242,100,.3)}.title-accent{color:#bef264}.helper-text{color:#a3a3a3;font-size:16px;font-weight:400;line-height:1.5;max-width:280px}.action-buttons{width:100%;display:flex;flex-direction:column;gap:16px}.copy-button{position:relative;width:100%;border-radius:15px;padding:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:transparent;border:none;height:58px}.copy-button:hover{transform:translateY(0)}.copy-button:active{transform:translateY(1px)}.copy-button-glow{position:absolute;inset:-2px;border-radius:15px;background:#bef2644d;filter:blur(8px);opacity:.6;transition:opacity .3s ease,filter .3s ease;z-index:0}.copy-button:hover .copy-button-glow{opacity:.9;filter:blur(10px)}.copy-button:active .copy-button-glow{opacity:.4;filter:blur(6px)}.copy-button-glow-secondary{position:absolute;inset:-4px;border-radius:15px;background:#bef26426;filter:blur(20px);opacity:.4;transition:opacity .3s ease,filter .3s ease;z-index:0}.copy-button:hover .copy-button-glow-secondary{opacity:.6;filter:blur(24px)}.copy-button:active .copy-button-glow-secondary{opacity:.3;filter:blur(16px)}.copy-button-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;background-color:#000;border-radius:15px;padding:0 24px;border:1px solid rgba(190,242,100,.6);transition:border-color .2s ease,box-shadow .2s ease;z-index:1;box-shadow:0 0 #bef26400}.copy-button:hover .copy-button-inner{border-color:#bef264e6;box-shadow:0 0 12px #bef2644d}.copy-button:active .copy-button-inner{border-color:#bef26480;box-shadow:0 0 6px #bef26433}.copy-icon{font-size:24px;color:#fff;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.copy-text{color:#fff;font-weight:600;letter-spacing:.08em;font-size:17px}.dashboard-link{width:100%;padding:12px;text-align:center;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.dashboard-link span{color:#fff6;font-weight:500;font-size:14px}.dashboard-link:hover span{color:#fff}.bottom-spacer{height:0;flex-shrink:0}@media (max-width: 480px){.header-container{padding:20px 16px}.header-button{width:36px;height:36px}.header-button .material-symbols-outlined{font-size:20px}.main-content{padding:0 16px}.icon-cluster{margin-bottom:32px;margin-top:16px}.trophy-container{width:100px;height:100px;transform:translateY(40px)}.trophy-icon{font-size:52px}.text-content{margin-bottom:40px;gap:12px}.challenge-title{font-size:20px}.helper-text{font-size:14px}.action-buttons{gap:12px}.copy-button{height:52px}}@media (max-height: 700px){.icon-cluster{margin-bottom:24px;margin-top:12px}.trophy-container{width:96px;height:96px;transform:translateY(35px)}.trophy-icon{font-size:48px}.text-content{margin-bottom:32px;gap:10px}.challenge-title{font-size:20px}.helper-text{font-size:14px}.action-buttons{gap:12px}}.challenge-created-container ::selection{background-color:#bef264;color:#0a0a0a}.leaderboard-container{min-height:100vh;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden;width:100%;max-width:430px;margin:0 auto;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.background-vignette{position:fixed;inset:0;background:radial-gradient(ellipse at top center,#0000,#0000004d,#000000b3),radial-gradient(ellipse at bottom center,#0000,#00000080);pointer-events:none;z-index:0}.leaderboard-header{width:100%;padding:12px 20px;display:flex;align-items:center;gap:16px;z-index:10;position:relative}.back-button{color:#ffffffe6;padding:12px;margin-left:-8px;background:none;border:none;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;min-width:84px;min-height:84px}.header-title{font-size:48px;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1.2;margin:0;flex:1;text-align:center;position:absolute;left:50%;transform:translate(-50%);width:100%}.share-button{color:#ffffffe6;padding:8px;margin-right:-8px;background:none;border:none;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;margin-left:auto}.share-button:active{opacity:.5}.header-spacer{width:40px;height:40px}.leaderboard-content{flex:1;padding:20px 20px 0;z-index:10;position:relative}.active-group-section{text-align:center;margin-bottom:28px}.active-group-label{font-size:11px;letter-spacing:.2em;color:#ffffffa6;text-transform:uppercase;margin-bottom:10px;font-weight:500;line-height:1.4}.group-code{font-size:30px;font-weight:700;color:#a4ff00;letter-spacing:.08em;margin-bottom:18px;text-shadow:0 0 24px rgba(164,255,0,.4),0 0 40px rgba(164,255,0,.15);line-height:1.1}.add-members-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;border:none;border-radius:50px;background:#000000d9;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.01em;position:relative;isolation:isolate;text-align:center;line-height:1}.add-members-button:before{content:"";position:absolute;inset:-1px;border-radius:50px;background:linear-gradient(135deg,#00c7fc,#0f8,gold);z-index:-1}.add-members-button:after{content:"";position:absolute;inset:0;border-radius:50px;background:#000000d9;z-index:-1;margin:1px}.add-members-button svg{color:#fff;stroke:#fff;stroke-width:2.5;width:16px;height:16px;flex-shrink:0}.add-members-button:hover{background:#000000e6}.add-members-button:hover:after{background:#000000e6}.add-members-button:active{transform:scale(.97);background:#000000f2}.add-members-button:active:after{background:#000000f2}.divider-line{position:relative;margin:26px 0 20px;height:1px;background:#ffffff1f}.divider-label{position:absolute;left:0;top:-9px;font-size:11px;letter-spacing:.2em;color:#ffffffa6;text-transform:uppercase;font-weight:500;background:#000;padding-right:10px;line-height:1.4}.your-rank-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background:linear-gradient(135deg,#80800080,#65650066 30%,#55550059 70%,#4646004d);border:1px solid rgba(164,255,0,.28);border-radius:14px;margin-bottom:10px;box-shadow:0 2px 4px #a4ff001a,inset 0 1px #a4ff001f}.rank-badge{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;border-radius:10px;flex-shrink:0;letter-spacing:-.02em}.rank-badge-olive{background:linear-gradient(135deg,#a4ff0059,#a4ff0047,#a4ff0038);color:#a4ff00;box-shadow:0 1px 2px #a4ff0033,inset 0 1px #ffffff26}.rank-badge-gold{background:linear-gradient(135deg,gold,#ffc125,orange);color:#000;box-shadow:0 2px 4px #ffd7004d,inset 0 1px #fff6}.rank-badge-silver{background:linear-gradient(135deg,#e8e8e8,silver,#a0a0a0);color:#000;box-shadow:0 2px 4px #c0c0c04d,inset 0 1px #ffffff80}.rank-badge-bronze{background:linear-gradient(135deg,#cd7f32,#b87333,#8b4513);color:#fff;box-shadow:0 2px 4px #cd7f324d,inset 0 1px #fff3}.rank-badge-gray{background:#ffffff1a;color:#ffffffbf;box-shadow:inset 0 1px #ffffff0d}.rank-info{flex:1;min-width:0}.rank-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:5px;letter-spacing:-.015em;line-height:1.3}.rank-value{display:flex;align-items:baseline;gap:5px}.value-number{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.2}.value-unit{font-size:14px;font-weight:500;color:#a4ff00bf;letter-spacing:.01em}.filter-pills{display:flex;gap:10px;overflow-x:auto;padding:6px 0 22px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:4px}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{padding:9px 18px;border-radius:22px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;letter-spacing:.01em;line-height:1.3}.filter-pill.active{background:#fff;color:#000;box-shadow:0 1px 3px #0003}.filter-pill:not(.active){background:#ffffff17;color:#ffffffbf}.filter-pill:active{transform:scale(.95)}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-card{display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:14px;position:relative;border:1px solid transparent}.leaderboard-card.medal-gold{background:linear-gradient(135deg,#ffd70040,#ffc80033 30%,#ffa5002e 70%,#ff8c0026);border-color:#ffd70073;box-shadow:0 2px 8px #ffd70026,inset 0 1px #ffffff1a,inset 0 0 24px #ffd70014}.leaderboard-card.medal-silver{background:linear-gradient(135deg,#e0e0e040,#c0c0c033 30%,#a0a0a02e 70%,#80808026);border-color:#c0c0c073;box-shadow:0 2px 8px #c0c0c026,inset 0 1px #ffffff26,inset 0 0 24px #c0c0c014}.leaderboard-card.medal-bronze{background:linear-gradient(135deg,#cd7f3240,#b8733333 30%,#a064282e 70%,#8b451326);border-color:#cd7f3273;box-shadow:0 2px 8px #cd7f3226,inset 0 1px #ffffff14,inset 0 0 24px #cd7f3214}.leaderboard-card.medal-none{background:#ffffff0a;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff08}.medal-icon{margin-left:auto;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.share-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.share-modal-content{background:linear-gradient(135deg,#141414fa,#0f0f0ffa);border:1px solid rgba(164,255,0,.2);border-radius:20px;padding:28px 24px;max-width:380px;width:100%;position:relative;box-shadow:0 0 40px #000c,0 0 20px #a4ff001a,inset 0 1px #ffffff0d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;transition:all .2s;padding:0}.share-modal-close:hover{background:#ffffff1a;color:#ffffffe6}.share-modal-close:active{transform:scale(.95)}.share-modal-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 24px;text-align:center;line-height:1.4;letter-spacing:-.01em;padding-right:32px}.share-modal-link-container{display:flex;flex-direction:column;gap:16px}.share-modal-link{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;font-size:13px;color:#fffc;word-break:break-all;font-family:SF Mono,Monaco,Courier New,monospace;line-height:1.5;letter-spacing:.01em}.share-modal-copy-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#a4ff0033,#a4ff0026);border:1px solid rgba(164,255,0,.4);border-radius:14px;color:#a4ff00;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.01em}.share-modal-copy-button:hover{background:linear-gradient(135deg,#a4ff0040,#a4ff0033);border-color:#a4ff0080;box-shadow:0 0 20px #a4ff0033}.share-modal-copy-button:active{transform:scale(.98)}.share-modal-copy-button svg{flex-shrink:0}.join-challenge-container{min-height:100vh;background-color:#09090b;color:#f4f4f5;font-family:DM Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;display:flex;flex-direction:column;position:relative;overflow:hidden;user-select:none}.loading-content,.error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px;gap:24px}.loading-text,.error-text{color:#f4f4f5b3;font-size:14px;text-align:center}.error-text{color:#f44}.retry-button{padding:10px 20px;background:#d9f99d33;border:1px solid rgba(217,249,157,.5);border-radius:20px;color:#d9f99d;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.retry-button:active{transform:scale(.98)}.retry-button:hover{background:#d9f99d4d}.join-screen{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background-color:#09090bf2;backdrop-filter:blur(12px);transition:all .7s cubic-bezier(.76,0,.24,1)}.join-screen.hidden{opacity:0;pointer-events:none;transform:scale(1.1)}.trophy-icon-wrapper{margin-bottom:40px;position:relative}.trophy-icon-glow{position:absolute;inset:0;background-color:#d9f99d33;filter:blur(32px);border-radius:50%;transition:all .7s}.trophy-icon-wrapper:hover .trophy-icon-glow{background-color:#d9f99d4d}.trophy-icon{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;background-color:#18181b;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.trophy-icon .material-symbols-outlined{font-size:48px;color:#d9f99d;animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.8}}.join-content{text-align:center;margin-bottom:48px}.join-label{font-size:12px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:#a1a1aa;margin-bottom:24px}.join-title{font-size:24px;font-weight:600;line-height:1.2;color:#fff;margin:0}.join-title-accent{display:block;font-weight:500;color:#d9f99d;margin-top:4px;text-shadow:0 0 20px rgba(217,249,157,.3)}.email-input-wrapper{width:100%;max-width:320px;margin-bottom:24px;position:relative}.email-input-bg{position:absolute;inset:0;background-color:#ffffff05;border-radius:10px;pointer-events:none}.email-input-field{width:100%;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:16px 20px;text-align:center;font-size:16px;color:#fff;font-weight:400;letter-spacing:.01em;transition:border-color .3s;font-family:inherit}.email-input-field::placeholder{color:#ffffff4d}.email-input-field:focus{outline:none;border-color:#d9f99d66}.email-input-field:disabled{opacity:.5;cursor:not-allowed}.join-error-message{color:#f44;font-size:13px;margin-bottom:16px;text-align:center;padding:0 24px;max-width:320px}.join-button{position:relative;width:100%;max-width:320px;display:flex;align-items:center;justify-content:center;height:58px;background-color:#000;border:1px solid #d9f99d;border-radius:15px;box-shadow:0 0 20px #00bfff40,0 0 40px #00bfff26;cursor:pointer;user-select:none;margin-bottom:48px;transition:all .2s cubic-bezier(.4,0,.2,1)}.join-button:hover{border-color:#d9f99d;box-shadow:0 0 30px #00bfff66,0 0 60px #00bfff33}.join-button:active{transform:translateY(1px);box-shadow:0 0 15px #00bfff33,0 0 30px #00bfff1a}.join-button-text{color:#fff;font-weight:600;font-size:17px;letter-spacing:.02em;margin:0;transition:all .2s}.join-button-icon{display:none}.join-button:disabled{opacity:.4;cursor:not-allowed;border-color:#d9f99d4d;box-shadow:0 0 10px #d9f99d1a}.join-button:disabled:active{transform:none}.join-button:disabled:hover{border-color:#d9f99d4d;box-shadow:0 0 10px #d9f99d1a}.participants-preview{display:flex;align-items:center;gap:12px;opacity:.6}.participants-avatars{display:flex;gap:-12px}.participant-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #09090b;background:linear-gradient(135deg,#27272a,#18181b);margin-left:-12px;filter:grayscale(100%)}.participant-avatar:first-child{margin-left:0}.participants-count{font-size:12px;color:#a1a1aa;font-weight:500}.leaderboard-view{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;transition:all 1s;opacity:0;transform:scale(.95);transform-origin:center}.leaderboard-view.visible{opacity:1;transform:scale(1)}.leaderboard-header-section{padding:56px 24px 24px;background:linear-gradient(to bottom,#09090b,transparent);flex-shrink:0}.leaderboard-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#27272a;color:#a1a1aa;cursor:pointer;transition:all .2s;border:none}.back-button:hover{background-color:#18181b;color:#fff}.back-button .material-symbols-outlined{font-size:20px}.participants-header{display:flex;gap:-8px;align-items:center}.participants-count-badge{width:32px;height:32px;border-radius:50%;background-color:#18181b;border:1px solid #09090b;display:flex;align-items:center;justify-content:center;font-size:10px;color:#a1a1aa;font-weight:700;z-index:10}.participant-avatar-small{width:32px;height:32px;border-radius:50%;border:1px solid #09090b;background:linear-gradient(135deg,#27272a,#18181b);margin-left:-8px}.challenge-title-large{font-size:30px;font-weight:500;color:#fff;margin:0 0 8px}.challenge-meta{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:500;color:#a1a1aa}.date-badge{display:flex;align-items:center;gap:4px;color:#d9f99d;background-color:#d9f99d1a;padding:4px 8px;border-radius:6px;border:1px solid rgba(217,249,157,.2)}.date-icon{font-size:14px}.status-text{color:#a1a1aa}.filter-pills-container{padding:0 24px 16px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-pills-container::-webkit-scrollbar{display:none}.filter-pills{display:flex;gap:12px}.filter-pill{padding:10px 20px;border-radius:9999px;background-color:#18181b;color:#a1a1aa;border:1px solid rgba(255,255,255,.05);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;border:none}.filter-pill:hover{background-color:#27272a;color:#fff}.filter-pill.active{background-color:#d9f99d;color:#09090b;box-shadow:0 0 20px #d9f99d26;transform:scale(1.05);font-weight:700}.leaderboard-list-container{flex:1;overflow-y:auto;padding:0 24px 96px;mask-image:linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-entry{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background-color:#18181b;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:transform .2s}.leaderboard-entry:active{transform:scale(.99)}.leaderboard-entry.first-place:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#fbbf24;box-shadow:0 0 15px #fbbf244d}.leaderboard-entry.you-entry{background-color:#1a1a1c;border:1px solid rgba(217,249,157,.4);box-shadow:0 0 20px #d9f99d1a}.leaderboard-entry.you-entry:before{content:"";position:absolute;inset:-2px;background:linear-gradient(to right,#d9f99d4d,#d9f99d1a);border-radius:16px;filter:blur(4px);opacity:.75;z-index:-1}.rank-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px}.rank-indicator.first-rank{color:#fbbf24}.rank-icon{font-size:18px;color:#fbbf24}.rank-number{font-size:10px;font-weight:700;color:#fbbf24}.rank-indicator:not(.first-rank) .rank-number{font-size:18px;font-weight:700;color:#e2e8f0}.entry-avatar,.entry-avatar-placeholder{width:44px;height:44px;border-radius:50%;border:2px solid rgba(251,191,36,.2);object-fit:cover}.entry-avatar-placeholder{background-color:#d9f99d33;border:1px solid rgba(217,249,157,.4);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#d9f99d}.leaderboard-entry:not(.first-place) .entry-avatar,.leaderboard-entry:not(.first-place) .entry-avatar-placeholder{border-color:#e2e8f033}.entry-info{flex:1;min-width:0}.entry-name{font-size:14px;font-weight:700;color:#fff;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-entry.you-entry .entry-name{font-weight:700}.entry-meta{font-size:11px;color:#a1a1aa;margin:0}.leaderboard-entry.you-entry .entry-meta{color:#d9f99d}.entry-score{text-align:right}.score-value{font-size:18px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.leaderboard-entry.you-entry .score-value{font-size:20px;color:#d9f99d}.leaderboard-entry.first-place .score-value{color:#fff}.score-unit{font-size:9px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.leaderboard-entry.you-entry .score-unit{color:#d9f99db3}.leaderboard-footer{text-align:center;padding-top:16px}.footer-text{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa66}@supports (padding: max(0px)){.leaderboard-header-section{padding-top:max(56px,env(safe-area-inset-top))}.leaderboard-list-container{padding-bottom:max(96px,env(safe-area-inset-bottom))}}.install-app-container{height:100vh;background-color:#09090b;color:#f4f4f5;font-family:var(--font-display);display:flex;flex-direction:column;position:relative;overflow:hidden;user-select:none}.background-gradient{position:fixed;top:-20%;right:-20%;width:600px;height:600px;background-color:#d9f99d;opacity:.05;filter:blur(120px);border-radius:50%;pointer-events:none;mix-blend-mode:screen}.background-gradient:after{content:"";position:fixed;bottom:-10%;left:-20%;width:500px;height:500px;background-color:#d9f99d;opacity:.05;filter:blur(100px);border-radius:50%;pointer-events:none;mix-blend-mode:screen}.header{width:100%;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;z-index:10;padding-top:max(20px,env(safe-area-inset-top))}.back-button{color:#ffffffe6;padding:16px;margin-left:-16px;background:none;border:none;cursor:pointer;transition:opacity .2s}.header-title{font-size:11px;letter-spacing:.25em;font-weight:500;color:#ffffff80;text-transform:uppercase;transform:translateY(1px)}.header-spacer{width:24px}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 24px;width:100%;max-width:390px;margin:30px auto 0;z-index:10;overflow:hidden}.icon-wrapper{margin-bottom:20px;position:relative;flex-shrink:0}.icon-glow{position:absolute;inset:0;background-color:#d9f99d33;filter:blur(32px);border-radius:50%;transition:all .7s}.icon-wrapper:hover .icon-glow{background-color:#d9f99d4d}.app-icon{position:relative;width:120px;height:120px;display:block;border-radius:16px;background-color:#18181b;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.app-icon-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px;display:block;transform:scale(1)}.content-group{text-align:center;margin-bottom:20px;flex-shrink:0}.title{font-size:32px;line-height:1.1;font-weight:300;letter-spacing:-.03em;margin-bottom:12px;color:#fffffff2}.title-accent{color:#d9f99d;font-weight:400}.description{color:#a1a1aa;font-size:13px;line-height:1.5;max-width:320px;margin:0 auto;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased}.info-cards{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;flex:1;min-height:0;overflow:hidden}.info-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#18181b;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .2s}.info-card:hover{background-color:#27272a;border-color:#d9f99d1a}.info-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:#d9f99d1a;flex-shrink:0}.info-icon .material-symbols-outlined{font-size:20px;color:#d9f99d}.info-content{flex:1;min-width:0}.info-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 6px}.info-text{font-size:12px;color:#a1a1aa;line-height:1.4;margin:0}.cta-section{width:100%;padding-bottom:max(24px,env(safe-area-inset-bottom));flex-shrink:0}.cta-button{width:100%;height:58px;padding:0;border-radius:15px;border:1px solid #d9f99d;background-color:#000;color:#fff;font-weight:600;font-size:17px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #00bfff40,0 0 40px #00bfff26;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.cta-button:hover{border-color:#d9f99d;box-shadow:0 0 30px #00bfff66,0 0 60px #00bfff33}.cta-button:active{transform:translateY(1px);box-shadow:0 0 15px #00bfff33,0 0 30px #00bfff1a}.cta-button-text{color:#fff;font-weight:600;font-size:17px;letter-spacing:.02em}.home-container{min-height:100vh;width:100%;background-color:#09090b;color:#fff;font-family:DM Sans,sans-serif;padding:0;position:relative;overflow-x:hidden}.home-header{display:flex;justify-content:space-between;align-items:flex-start;padding:60px 20px 40px;position:relative;z-index:10}.welcome-section{flex:1}.welcome-text{font-size:14px;color:#a3a3a3;font-weight:400;margin:0 0 2px;letter-spacing:.5px}.user-name{font-size:32px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.profile-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.profile-icon .material-symbols-outlined{font-size:32px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.cards-container{display:flex;flex-direction:column;gap:8px;padding:0 20px 40px;position:relative;z-index:10}.card{position:relative;border-radius:20px;padding:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;min-height:180px;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.card-image{width:100%;height:100%;object-fit:cover;display:block}.health-wrapped-card,.challenge-friends-card,.orbit-card{background:transparent}@media (min-width: 768px){.home-header{padding:80px 40px 50px}.user-name{font-size:40px}.cards-container{padding:0 40px 50px;gap:10px}.card{min-height:200px}.card-title{font-size:24px}}@media (max-width: 375px){.home-header{padding:50px 16px 30px}.user-name{font-size:28px}.cards-container{padding:0 16px 30px;gap:6px}.card{min-height:150px}.card-title{font-size:18px}}@media (prefers-color-scheme: light){.home-container{background-color:#f7f8f5;color:#171717}.welcome-text{color:#737373}.user-name,.profile-icon{color:#171717}}.my-challenges-container{position:relative;width:100%;max-width:430px;margin:0 auto;min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:100px;padding-top:max(20px,env(safe-area-inset-top))}.background-vignette{position:fixed;inset:0;background:radial-gradient(ellipse at top,transparent 0%,rgba(0,0,0,.6) 50%),radial-gradient(ellipse at bottom,transparent 0%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:1}.my-challenges-header{width:100%;padding:12px 20px 0;display:flex;align-items:center;z-index:10;position:relative}.back-button{color:#ffffffe6;padding:12px;margin-left:-8px;background:none;border:none;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;flex-shrink:0}.back-button:hover{opacity:.8}.back-button:active{opacity:.5}.back-button svg{width:28px;height:28px}.background-gradient-top{position:fixed;top:-10%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(195,235,120,.06) 0%,transparent 65%);filter:blur(120px);pointer-events:none;z-index:1;opacity:.9}.background-gradient-bottom{position:fixed;bottom:-10%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(195,235,120,.06) 0%,transparent 65%);filter:blur(100px);pointer-events:none;z-index:1;opacity:.9}.title-section{position:relative;z-index:10;padding:20px 24px 0}.main-title{font-size:36px;font-weight:300;letter-spacing:-.02em;color:#fff;margin:0 0 8px;line-height:1.15}.title-accent{color:#c3eb78;font-weight:400;text-shadow:0 0 15px rgba(195,235,120,.25)}.subtitle{font-size:14px;font-weight:400;color:#ffffff7a;margin:0;line-height:1.4}.challenges-list{position:relative;z-index:10;flex:1;padding:24px 24px 100px;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.challenges-list::-webkit-scrollbar{display:none}.challenges-list-inner{display:flex;flex-direction:column;gap:16px}.challenge-card{position:relative;width:100%;cursor:pointer}.challenge-card-glass{position:relative;width:100%;border-radius:24px;background:#18181bc7;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #00000080,0 1px 2px #0000004d,inset 0 1px #ffffff14,inset 0 -1px #0003;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.challenge-card-glass:active{transform:scale(.985);box-shadow:0 2px 12px #0006,0 1px 2px #00000040,inset 0 1px #ffffff14}.challenge-card-glow{position:absolute;top:-80px;right:-80px;width:192px;height:192px;background:radial-gradient(circle,rgba(195,235,120,.12) 0%,transparent 70%);filter:blur(60px);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.challenge-card:hover .challenge-card-glow,.challenge-card:active .challenge-card-glow{opacity:.6}.challenge-card-content{position:relative;z-index:2;padding:24px;min-height:80px}.challenge-name{font-size:20px;font-weight:500;color:#fff;margin:0 0 16px;line-height:1.35;letter-spacing:-.01em}.challenge-name-small{font-size:18px;font-weight:500;color:#fffffff2;margin:0;line-height:1.4;letter-spacing:-.01em;flex:1;min-width:0}.challenge-participants-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.participant-avatars-overlap{display:flex;align-items:center;position:relative}.participant-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #18181b;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:#fff;background:#525252;flex-shrink:0}.participant-avatar.avatar-1{z-index:3;background:#525252}.participant-avatar.avatar-2{margin-left:-8px;z-index:2;background:#71717a}.participant-avatar.avatar-more{margin-left:-8px;z-index:1;background:#404040;font-size:8px;font-weight:500;color:#ffffffb8}.participant-count-text{font-size:12px;color:#ffffff7a;line-height:1.4}.challenge-participants-row-icon{display:flex;align-items:center;gap:8px}.participant-icon{font-size:18px;color:#fff6;font-variation-settings:"FILL" 0,"wght" 400;line-height:1}.participant-count-text-icon{font-size:12px;color:#fff6;line-height:1.4}.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state p{font-size:14px;color:#fff6;margin:0}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;height:100vh;padding:24px;text-align:center}.loading-state p,.error-state p{font-size:14px;color:#ffffff80;margin:0}.floating-button-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;max-width:430px;width:calc(100% - 48px);display:flex;justify-content:center;pointer-events:none}.floating-button-container .new-challenge-button{pointer-events:all}.new-challenge-button{display:flex;align-items:center;justify-content:center;gap:8px;height:58px;width:100%;padding:0 32px;background:#000;color:#fff;border-radius:15px;border:1px solid #c3eb78;font-size:17px;font-weight:600;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 16px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;position:relative;z-index:1;transform:translateY(0)}.new-challenge-button:hover{border-color:#c3eb78;box-shadow:0 6px 20px #0006}.new-challenge-button:active{transform:translateY(2px) scale(.98);box-shadow:0 2px 8px #0000004d}.button-icon{font-size:22px;font-weight:400;font-variation-settings:"FILL" 0,"wght" 400;line-height:1;color:#fff;position:relative;z-index:2}.button-text{font-weight:600;letter-spacing:.5px;color:#fff;position:relative;z-index:2}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;user-select:none;-webkit-user-select:none}@media (max-width: 360px){.my-challenges-container{max-width:100%}.my-challenges-header{padding:12px 16px}.back-button{min-width:44px;min-height:44px;padding:10px}.back-button svg{width:24px;height:24px}.title-section{padding:16px 20px 0}.challenges-list{padding:24px 20px 120px}.floating-button-container{left:50%;transform:translate(-50%);bottom:20px;width:calc(100% - 40px)}}:root{--color-primary: #FF3B30;--color-primary-dark: #E02A1F;--color-ring-green: #A4FF00;--color-ring-blue: #00C7FC;--color-bg-light: #F8F5F5;--color-bg-dark: #000000;--color-bg-reddish: #23100f;--color-surface-dark: #1C1C1E;--color-surface-highlight: #2C2C2E;--color-text-primary: #FFFFFF;--color-text-secondary: #8E8E93;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--safe-area-top: env(safe-area-inset-top, 0);--safe-area-bottom: env(safe-area-inset-bottom, 0);--safe-area-left: env(safe-area-inset-left, 0);--safe-area-right: env(safe-area-inset-right, 0);--touch-min: 44px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow-y:auto;overflow-x:hidden}body{margin:0;padding:0;font-family:var(--font-display);background:var(--color-bg-dark);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100%;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body,button,input{-webkit-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6,span,div[role=article]{-webkit-user-select:text;user-select:text}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;border:none;background:none;cursor:pointer;color:inherit;-webkit-appearance:none;appearance:none}img{max-width:100%;height:auto;display:block}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;user-select:none;-webkit-user-select:none}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.touchable{min-height:var(--touch-min);min-width:var(--touch-min)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-out}input,textarea,select{font-size:16px}@media (hover: none) and (pointer: coarse){button:focus,a:focus{outline:none}}.active-scale{transition:transform .1s ease}.active-scale:active{transform:scale(.96)}