*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{min-height:100vh}.App{bottom:0;color:#fff;height:100dvh;left:0;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;right:0;top:0;width:100vw}.container{background:#0000;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.header{flex-shrink:0;padding:.75rem 1rem;text-align:center}.header-logo-wrapper{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:10px;box-shadow:0 2px 8px #00000040;display:inline-block;margin:0 auto 1rem;padding:6px}.header-logo{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));height:80px;object-fit:contain;width:80px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0 50%,#ffd700cc);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.25rem;text-shadow:0 2px 20px #0000004d}.header p{font-size:.85rem;font-weight:500;opacity:.9}@media (min-width:768px){.header{padding:1rem}.header-logo-wrapper{padding:8px}.header-logo{height:100px;width:100px}.header h1{font-size:2rem}.header p{font-size:.9rem}}.user-selector{background:#0000!important;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:initial!important;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem}.user-selector,.user-selector .user-grid,.user-selector h2,.user-selector>*,.user-selector>div{background:#0000!important;background-color:initial!important;background-image:none!important}.user-selector[style*=background-color],.user-selector[style*=background]{background:#0000!important;background-color:initial!important}.user-selector h2{color:#fff!important;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:center}.user-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem;max-width:100%;width:100%}@media (max-width:480px){.user-grid{gap:.75rem;grid-template-columns:1fr}}.user-card{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d!important;border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000004d;color:#fff!important;cursor:pointer;display:flex;flex-direction:column;font-weight:600;justify-content:center;min-height:120px;padding:1rem;text-align:center;touch-action:manipulation;transition:all .3s ease}.user-card:hover{background:#00000080!important;border-color:#fff9;box-shadow:0 10px 30px #00000080;transform:translateY(-5px)}.user-card.selected{background:#0009!important;border-color:#fff}.user-avatar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto .75rem;width:60px}.user-card img{border-radius:50%;height:100%;object-fit:cover;width:100%}.wrap-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.wrap-container.story-mode{-webkit-overflow-scrolling:touch;background:#000;bottom:0;height:100vh;height:100dvh;left:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;position:fixed;right:0;top:0;touch-action:pan-y;width:100vw;width:100dvw;z-index:1000}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}:-moz-full-screen .wrap-container.story-mode,:-ms-fullscreen .wrap-container.story-mode,:-webkit-full-screen .wrap-container.story-mode,:fullscreen .wrap-container.story-mode{height:100vh;width:100vw}.story-close-button{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000a6;border:1.5px solid #ffffff40;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;line-height:1;padding:0;position:fixed;right:calc(.75rem + env(safe-area-inset-right));top:calc(.5rem + env(safe-area-inset-top));touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px;z-index:1001}.story-close-button:active{background:#000c;border-color:#fff6;transform:scale(.85)}@media (min-width:768px){.story-close-button{border-width:2px;font-size:1.5rem;height:44px;right:calc(1rem + env(safe-area-inset-right));top:calc(1rem + env(safe-area-inset-top));width:44px}.story-close-button:hover{background:#000000bf;border-color:#fff6;transform:scale(1.05)}}.story-share-button{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000a6;border:1.5px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;left:calc(.75rem + env(safe-area-inset-left));line-height:1;padding:0;position:fixed;top:calc(.5rem + env(safe-area-inset-top));transition:all .2s ease;width:40px;z-index:1001}.story-share-button:active{background:#000c;border-color:#fff6;transform:scale(.85)}@media (min-width:768px){.story-share-button{border-width:2px;font-size:1.5rem;height:44px;left:calc(1rem + env(safe-area-inset-left));top:calc(1rem + env(safe-area-inset-top));width:44px}.story-share-button:hover{background:#000000bf;border-color:#fff6;transform:scale(1.05)}}.share-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.share-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff1a;border-radius:16px;color:#fff;max-width:500px;padding:1.5rem;width:100%}.share-modal h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.share-modal p{font-size:.9rem;margin:0 0 1rem;opacity:.8}.share-link-container{display:flex;gap:.5rem;margin-bottom:1rem}.share-link-input{background:#00000080;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-family:monospace;font-size:.9rem;padding:.75rem}.share-link-input:focus{border-color:#fff6;outline:none}.share-copy-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.share-copy-button:hover{background:#ffffff26;border-color:#ffffff4d}.share-copy-button:active{transform:scale(.95)}.share-close-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.share-close-button:hover{background:#ffffff26;border-color:#ffffff4d}.share-close-button:active{transform:scale(.95)}.story-progress-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000004d;display:flex;height:3px;left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;z-index:1001}.story-progress-segment{background:#ffffff40;border-right:1px solid #0000004d;height:100%;transition:background .4s cubic-bezier(.4,0,.2,1)}.story-progress-segment:last-child{border-right:none}.story-progress-segment.filled{background:linear-gradient(90deg,#ffd700f2,#fffffff2);box-shadow:0 0 8px #ffd70066}@media (min-width:768px){.story-progress-container{height:4px}}.story-counter{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.75rem;font-weight:700;left:calc(.75rem + env(safe-area-inset-left));padding:.375rem .75rem;position:fixed;text-shadow:0 1px 3px #0009;top:calc(.5rem + env(safe-area-inset-top));z-index:1001}@media (min-width:768px){.story-counter{border-radius:20px;font-size:.875rem;left:calc(1rem + env(safe-area-inset-left));padding:.5rem 1rem;top:calc(1rem + env(safe-area-inset-top))}}.story-card-wrapper{-webkit-clip-path:inset(0);clip-path:inset(0);isolation:isolate;overflow:hidden;transform:translateZ(0);will-change:contents}.story-card-wrapper,.story-nav-areas{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.story-nav-areas{pointer-events:none;z-index:50}.story-nav-area{-webkit-tap-highlight-color:transparent;background:#0000;border:none;bottom:0;cursor:pointer;margin:0;padding:0;pointer-events:auto;position:absolute;top:0;touch-action:pan-y pinch-zoom;transition:background .15s ease;width:30%;will-change:background;z-index:51}.story-nav-area-left{left:0}.story-nav-area-right{right:0}@media (hover:hover) and (pointer:fine){.story-nav-area:hover:not(:disabled){background:#ffffff0d}}.story-nav-area.active:not(:disabled){background:#ffffff14;transition:background .1s ease}.story-nav-area:not(.active):not(:hover){background:#0000!important}.story-nav-area:disabled{cursor:default;opacity:0;pointer-events:none}@media (max-width:768px){.story-nav-area{touch-action:pan-y;width:25%}}.story-card{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#00000059;box-shadow:inset 0 0 60px #0003;-webkit-clip-path:inset(0);clip-path:inset(0);contain:layout style paint;display:flex;flex-direction:column;margin:0;max-height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;perspective:1000px;-webkit-perspective:1000px;pointer-events:auto;touch-action:pan-y;transform:translateZ(0);user-select:none;-webkit-user-select:none;will-change:transform}.story-card,.story-card-background{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.story-card-background{overflow:hidden;z-index:0}.story-card-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(8px) brightness(.8);-webkit-filter:blur(8px) brightness(.8);opacity:.7;transform:scale(1.02)}.story-card-collage,.story-card-poster{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.story-card-collage{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);overflow:hidden}.collage-1{grid-template-columns:1fr}.collage-1,.collage-2{grid-template-rows:1fr}.collage-2{grid-template-columns:repeat(2,1fr)}.collage-3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.collage-4{grid-template-columns:repeat(2,1fr)}.collage-4,.collage-5{grid-template-rows:repeat(2,1fr)}.collage-5{grid-template-columns:repeat(3,1fr)}.collage-5 .collage-item:first-child,.collage-5 .collage-item:nth-child(2),.collage-5 .collage-item:nth-child(3){grid-column:span 1}.collage-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.collage-item{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(6px) brightness(.85);-webkit-filter:blur(6px) brightness(.85);height:100%;opacity:.6;transform:scale(1.02);transition:opacity .3s ease;width:100%}.collage-item:hover{opacity:.7}.story-card-background-overlay{background:linear-gradient(180deg,#0006 0,#00000026 25%,#0000001a 50%,#00000040 75%,#00000073);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.story-card.has-background .story-card-body,.story-card.has-background .story-card-header{position:relative;z-index:2}.story-card-generated-image-container{align-items:center;background:#000;bottom:0;display:flex;height:100%;justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:absolute;right:0;top:0;width:100%}.story-card-generated-image{display:block;height:100%;margin:0;max-height:100%;max-width:100%;object-fit:contain;object-position:center;padding:0;user-select:none;-webkit-user-select:none;width:100%}.story-card.has-generated-image{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000;overflow:hidden;overflow-x:hidden;overflow-y:hidden}.story-card[style*="touch-action: pan-x"]{overflow-y:hidden!important}.story-card-header{background:linear-gradient(180deg,#0003 0,#0000000d 50%,#0000);border-bottom:1px solid #ffffff26;flex-shrink:0;padding:calc(3.5rem + env(safe-area-inset-top)) 1rem 1rem;pointer-events:auto;position:relative;text-align:center;touch-action:pan-y pan-x;-webkit-user-select:none;user-select:none;z-index:1}.story-card-emoji{animation:subtleFloat 3s ease-in-out infinite;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));font-size:2.5rem;line-height:1;margin-bottom:.5rem}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.story-card-title{color:#fffffffa;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .25rem;text-shadow:0 2px 12px #0006}.story-card-subtitle{color:#ffffffe6;font-size:.875rem;font-style:italic;font-weight:500;margin:0;opacity:.85;text-align:center;text-shadow:0 1px 4px #0000004d}@media (min-width:768px){.story-card-header{padding:calc(4rem + env(safe-area-inset-top)) 1.5rem 1.25rem}.story-card-emoji{font-size:3rem;margin-bottom:.75rem}.story-card-title{font-size:1.75rem;margin-bottom:.5rem}.story-card-subtitle{font-size:1rem}}.story-card-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));pointer-events:auto;position:relative;touch-action:pan-y;z-index:100}@media (min-width:768px){.story-card-body{padding:1.5rem 1.5rem calc(2rem + env(safe-area-inset-bottom))}}.story-touch-zones{bottom:0;display:flex;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.story-touch-zone{-webkit-tap-highlight-color:transparent;flex:1 1;height:100%;pointer-events:none;touch-action:manipulation}.story-touch-left{cursor:w-resize}.story-touch-right{cursor:e-resize}.story-desktop-nav{display:none}@media (min-width:768px){.wrap-container.story-mode{box-shadow:0 0 50px #00000080;margin:0 auto;max-width:500px}.story-desktop-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;border-radius:30px;bottom:calc(2rem + env(safe-area-inset-bottom));display:flex;gap:1.5rem;left:50%;padding:.75rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:1001}.story-nav-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:44px;justify-content:center;line-height:1;padding:0;touch-action:manipulation;transition:all .2s ease;width:44px}.story-nav-button:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.story-nav-button:disabled{cursor:not-allowed;opacity:.3}.story-dots{align-items:center;display:flex;gap:.5rem}.story-dot{-webkit-tap-highlight-color:transparent;background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:8px;padding:0;touch-action:manipulation;transition:all .2s ease;width:8px}.story-dot:hover{background:#ffffff4d;transform:scale(1.2)}.story-dot.active{background:#fff;border-color:#fff;transform:scale(1.3)}}.wrap-section{margin-bottom:3rem}.wrap-section h2{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.wrap-section h3{font-size:1.8rem;margin-bottom:1rem;margin-top:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.stat-card{background:#ffffff26;border:1px solid #fff3;border-radius:15px;padding:1.5rem;text-align:center}.stat-card .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;margin-bottom:.5rem}.stat-card .stat-label{font-size:1rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.insight-card{background:#ffffff26;border:1px solid #fff3;border-radius:15px;padding:1.5rem;transition:transform .3s ease}.insight-card:hover{transform:scale(1.05)}.insight-card .insight-title{color:gold;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.insight-card .insight-description{font-size:1rem;line-height:1.6;opacity:.9}.insight-card .insight-value{font-size:2rem;font-weight:900;margin-top:1rem;text-align:center}.chart-container{background:#ffffff1a;border-radius:15px;margin:1.5rem 0;padding:1.5rem}.content-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:1.5rem 0}.content-item{background:#ffffff26;border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .3s ease}.content-item:hover{transform:scale(1.05)}.content-item img{height:200px;object-fit:cover;width:100%}.content-item .content-info{padding:1rem;text-align:center}.content-item .content-title{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.content-item .content-time{font-size:.8rem;opacity:.8}.fun-facts{background:#ffffff26;border-radius:15px;margin:1.5rem 0;padding:1.5rem}.fun-facts ul{list-style:none;padding:0}.fun-facts li{border-bottom:1px solid #ffffff1a;font-size:1.1rem;padding:.75rem 0}.fun-facts li:last-child{border-bottom:none}.fun-facts li:before{content:"✨ ";margin-right:.5rem}.loading{font-size:1.5rem;padding:3rem;text-align:center}.error{background:#f003;border:1px solid #ff000080;border-radius:15px;margin:1.5rem 0;padding:1.5rem}.button{-webkit-tap-highlight-color:transparent;background:#fff3;border:2px solid #ffffff80;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;left:calc(1rem + env(safe-area-inset-left));padding:.75rem 1.5rem;position:absolute;top:calc(1rem + env(safe-area-inset-top));touch-action:manipulation;transition:all .3s ease;z-index:20}.button:hover{background:#ffffff4d;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.binge-card{background:#ffffff26;border-left:4px solid gold;border-radius:15px;margin:1rem 0;padding:1.5rem}.binge-card .binge-date{color:gold;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.binge-card .binge-duration{font-size:1.5rem;font-weight:900;margin:.5rem 0}.binge-card .binge-content{margin-top:.5rem;opacity:.9}.card-deck-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.card-progress{background:linear-gradient(180deg,#00000080,#0003 50%,#0000);left:0;padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.progress-bar{background:#fff3;border-radius:10px;height:3px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,gold,#ff6b6b);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#fff;font-size:.75rem;font-weight:700;opacity:1;text-align:center;text-shadow:0 1px 3px #00000080}.card-wrapper{flex:1 1;height:100%;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;width:100%}.swipeable-card{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0006;border:none;border-radius:0;bottom:0;box-shadow:none;cursor:grab;display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;padding:1rem;position:absolute;right:0;top:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%}.swipeable-card:active{cursor:grabbing}.card-header{border-bottom:2px solid #ffffff1a;flex-shrink:0;margin-bottom:1.5rem;padding-bottom:1rem;padding-top:4rem;position:relative;text-align:center;z-index:1}.card-emoji{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:3rem;margin-bottom:.75rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-title{color:#fffffff2;font-size:1.5rem;font-weight:900;line-height:1.2;margin:0;text-shadow:0 2px 10px #0000004d}.card-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding-bottom:4rem}.card-body,.card-content{position:relative;z-index:1}.card-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;padding:0;text-align:center;width:100%}.card-content *{color:#fff}.card-content div,.card-content h3,.card-content h4,.card-content p,.card-content span{color:#fff!important}.card-value{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,gold,#ff6b6b 50%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.5rem;font-weight:900;line-height:1.2;margin-bottom:.75rem;text-shadow:0 2px 8px #ffd7004d}.card-description{color:#fffffff2;font-size:.95rem;font-weight:400;line-height:1.65;margin:0;opacity:1;padding:0 .25rem;text-shadow:0 1px 4px #0006}.card-description strong{color:gold;font-weight:700;text-shadow:0 1px 4px #ffd70066}.card-headline{color:gold;font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;text-align:center;text-shadow:0 2px 10px #00000080,0 0 20px #ffd7004d}@media (min-width:768px){.card-value{font-size:3rem;margin-bottom:1rem}.card-description{font-size:1rem;padding:0 .5rem}.card-headline{font-size:1.25rem}}.card-subtitle{color:#ffffffe6;font-size:1rem;margin-top:.5rem;opacity:1;text-shadow:0 1px 3px #0000004d}.card-aside,.card-subtitle{font-style:italic;text-align:center}.card-aside{font-size:.9rem;margin-top:1rem;opacity:.7}.card-metrics{border-radius:10px;flex-direction:column;gap:1rem;margin:1.5rem 0;padding:1rem}.card-metrics,.metric-item{background:#ffffff0d;display:flex}.metric-item{align-items:center;border-radius:8px;justify-content:space-between;padding:.75rem}.metric-label{font-size:1rem;opacity:.9;text-transform:capitalize}.metric-value{color:gold;font-size:1.5rem;font-weight:700}.stats-grid-mini{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.stat-mini{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:1.5rem;text-align:center}.stat-mini-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-mini-label{font-size:.9rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.fun-facts-mini{border-top:2px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.fun-facts-mini h4{color:gold;font-size:1.3rem;margin-bottom:1rem}.fun-facts-mini ul{list-style:none;padding:0;text-align:left}.fun-facts-mini li{border-bottom:1px solid #ffffff1a;font-size:1rem;opacity:.9;padding:.75rem 0}.fun-facts-mini li:last-child{border-bottom:none}.fun-facts-mini li:before{content:"✨ ";margin-right:.5rem}.card-footer{border-top:2px solid #ffffff1a;margin-top:2rem;padding-top:2rem;text-align:center}.card-footer p{font-size:1.5rem;font-weight:700;margin:0}.card-navigation{display:none}.nav-button{background:#fff3;border:2px solid #ffffff80;border-radius:25px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;touch-action:manipulation;transition:all .3s ease}.nav-button:hover:not(:disabled){background:#ffffff4d;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.card-dots{display:none}.dot{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.dot:hover{background:#ffffff4d;transform:scale(1.2)}.dot.active{background:gold;border-color:gold;transform:scale(1.3)}.swipe-hint{animation:fadeInOut 3s ease-in-out infinite;bottom:calc(1rem + env(safe-area-inset-bottom));color:#fff;font-size:.75rem;left:50%;opacity:.7;pointer-events:none;position:absolute;text-align:center;text-shadow:0 1px 3px #00000080;transform:translateX(-50%);z-index:100}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.7}}.seasonal-visualization{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.season-item{display:flex;flex-direction:column;gap:.5rem}.season-header{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem}.season-emoji{font-size:1.5rem}.season-name{flex:1 1}.season-bar-container{background:#ffffff1a;border-radius:15px;height:30px;overflow:hidden;position:relative;width:100%}.season-bar{border-radius:15px;box-shadow:0 2px 10px #0003;height:100%;transition:width .8s ease-out}.season-stats{display:flex;font-size:.9rem;justify-content:space-between;opacity:.9;padding:0 .5rem}.season-time{font-weight:600}.season-count{opacity:.7}.summary-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1rem;padding:0 .5rem}.summary-stat{background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 2px 8px #00000026;color:#fff;padding:.875rem;text-align:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease,box-shadow .3s ease}.summary-stat:hover{background:#ffffff2e;box-shadow:0 4px 16px #00000040;transform:translateY(-3px)}.summary-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;line-height:1.2;margin-bottom:.25rem}.summary-stat-label{color:#fffffff2;font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1.35;opacity:.9;text-transform:uppercase}@media (min-width:768px){.summary-stat{border-radius:12px;padding:1rem}.summary-stat-value{font-size:1.75rem}.summary-stat-label{font-size:.75rem}}.stat-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0;padding:0 .5rem}.stat-card-item{background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 2px 8px #00000026;min-width:0;overflow:visible;padding:1rem;text-align:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease,box-shadow .3s ease}.stat-card-item:hover{background:#ffffff2e;box-shadow:0 4px 16px #00000040;transform:translateY(-3px)}@media (max-width:767px){.stat-card-item{border-radius:12px;padding:.875rem}}.stat-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;line-height:1.2;margin-bottom:.25rem;min-height:1.8rem}.stat-card-label,.stat-card-value{overflow-wrap:break-word;word-break:break-word}.stat-card-label{font-size:.7rem;font-weight:500;line-height:1.35;opacity:.85;text-transform:capitalize}@media (min-width:768px){.stat-card-value{font-size:1.75rem;min-height:2rem}.stat-card-label{font-size:.7rem}}.cmp-dashboard{gap:2rem;margin:2rem 0}.cmp-dashboard,.cmp-hero{display:flex;flex-direction:column}.cmp-hero{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:15px;gap:1rem;padding:1rem}.cmp-hero-title{font-size:1.1rem;font-weight:800;opacity:.95}.cmp-hero-subtitle{font-size:.95rem;margin-top:.25rem;opacity:.75}.cmp-rank-pill-row{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.cmp-rank-pill{align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;display:flex;gap:.75rem;padding:.75rem 1rem}.cmp-rank-pill-icon{font-size:1.2rem}.cmp-rank-pill-label{flex:1 1;font-weight:700;opacity:.9}.cmp-rank-pill-value{color:gold;font-weight:900}.cmp-percentile{gap:.75rem;min-width:100px}.cmp-percentile,.cmp-percentile-badge{align-items:center;display:flex;flex-direction:column}.cmp-percentile-badge{background:#ffffff1a;border:2px solid;border-radius:20px;gap:.25rem;min-width:90px;padding:1.25rem 1.5rem}.cmp-percentile-number{color:#fff;font-size:2rem;font-weight:900;line-height:1}.cmp-percentile-label{font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.cmp-percentile-metric{align-items:center;display:flex;font-size:.9rem;font-weight:700;gap:.25rem;opacity:.9;text-align:center}.cmp-percentile-icon{font-size:1rem}.cmp-section-title{font-size:1rem;font-weight:800;letter-spacing:.5px;margin-bottom:.75rem;opacity:.8;text-transform:uppercase}.cmp-rank-grid{gap:1rem}.cmp-rank-grid,.cmp-rank-tile{display:flex;flex-direction:column}.cmp-rank-tile{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:15px;gap:.75rem;padding:1rem}.cmp-rank-tile-label{align-items:center;display:flex;font-weight:800;gap:.5rem;opacity:.95}.cmp-rank-tile-icon{font-size:1.1rem}.cmp-rank-tile-sub{font-size:.9rem;margin-top:.25rem;opacity:.7}.cmp-rank-tile-rank{color:gold;font-size:1.5rem;font-weight:900;text-align:left}.cmp-rank-tile-bar{background:#ffffff1f;border-radius:10px;height:10px;margin-top:.5rem;overflow:hidden}.cmp-rank-tile-bar-fill{border-radius:10px;height:100%}.cmp-vs-list{display:flex;flex-direction:column;gap:1rem}.cmp-vs-row{background:#ffffff14;border:1px solid #ffffff29;border-radius:18px;padding:1rem}.cmp-vs-label{align-items:center;display:flex;font-weight:800;gap:.5rem;margin-bottom:.75rem;opacity:.95}.cmp-vs-icon{font-size:1.1rem}.cmp-vs-bars{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.cmp-vs-bar{display:flex;flex-direction:column;gap:.5rem}.cmp-vs-bar-label{font-weight:700;opacity:.8}.cmp-vs-bar-track{background:#ffffff1f;border-radius:12px;height:12px;overflow:hidden}.cmp-vs-bar-fill{border-radius:12px;height:100%}.cmp-vs-you{background:linear-gradient(90deg,#4ecdc4,#2f9e44)}.cmp-vs-avg{background:linear-gradient(90deg,#ffffff59,#ffffff2e)}.cmp-vs-bar-value{color:gold;font-size:.9rem;font-weight:900;text-align:left}.record-highlight{background:#ffffff1a;border:2px solid #fff3;border-radius:20px;margin:2rem 0;padding:2rem;text-align:center}.record-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;margin-bottom:.5rem}.record-label{font-size:1rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.record-details{background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0;padding:1rem}.record-detail-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.record-detail-item:last-child{border-bottom:none}.record-detail-label{opacity:.8;text-transform:capitalize}.record-detail-value{color:gold;font-weight:600}.taste-personality-content{text-align:left}.taste-headline{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;margin-bottom:1rem}.taste-personality-tag{margin:1.5rem 0}.personality-badge{background:#ffffff1a;border:2px solid #ffd70066;border-radius:20px;color:#fffffff2;display:inline-block;font-size:1rem;font-style:italic;font-weight:600;padding:.75rem 1.5rem;text-align:center}.taste-section{margin:2rem 0}.taste-section-title{color:#fffffff2;font-size:1rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;opacity:.9;text-transform:uppercase}.taste-list{display:flex;flex-direction:column;gap:.75rem}.taste-item{background:#ffffff14;border-left:4px solid gold;border-radius:12px;overflow:hidden;padding:1rem 1.25rem;position:relative}.director-item{border-left-color:#ff6b6b}.taste-item-bar{background:#ffd7000d;height:100%;left:0;position:absolute;right:0;top:0;z-index:0}.taste-item-bar-fill{background:linear-gradient(90deg,#ffd70026,#ffd7000d);border-radius:0 12px 12px 0;height:100%}.taste-item-bar-fill.actor-bar{background:linear-gradient(90deg,#ff6b6b26,#ff6b6b0d)}.taste-item-bar-fill.director-bar{background:linear-gradient(90deg,#ff6b6b33,#ff6b6b1a)}.taste-item-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;position:relative;z-index:1}.taste-item-name{color:#fffffff2;flex:1 1;font-size:1rem;font-weight:700;min-width:120px}.taste-item-stats{color:#ffffffd9;font-size:.9rem;opacity:.8;white-space:nowrap}.taste-aside{font-style:italic;margin-top:2rem;opacity:.85}.fun-card-content{text-align:center}.fun-headline{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fun-metrics{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.fun-metric-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b4d,#ff9f434d);border:2px solid #ffffff4d;border-radius:20px;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem}.fun-metric-value{font-size:1.8rem;font-weight:900;margin-bottom:.25rem}.fun-metric-label{font-size:.75rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.fun-list{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.fun-list-item{border-left:4px solid gold}.fun-list-item,.fun-object{background:#ffffff1a;border-radius:10px;padding:1rem}.fun-object{margin:1rem 0;text-align:left}.fun-object-label{color:gold;font-weight:700;margin-bottom:.5rem}.fun-object-value{font-size:.9rem;opacity:.9}.fun-aside{color:gold;font-size:1rem;font-weight:600}.watch-age-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.watch-age-headline{font-size:1.5rem;font-weight:700;margin-bottom:3rem;opacity:.9}.watch-age-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;justify-content:center;margin:3rem 0;min-width:300px;padding:3rem}.watch-age-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,215,0,.4));font-size:8rem;font-weight:900;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.watch-age-unit{color:#ffffffe6;font-size:2rem;font-weight:600;margin-bottom:1rem;text-transform:lowercase}.watch-age-confidence,.watch-age-range{color:#ffffffb3;font-size:1rem;font-style:italic;margin-top:.5rem}.watch-age-description{font-size:1.1rem;line-height:1.6;margin:2rem auto;max-width:600px;opacity:.9}.watch-age-aside{color:gold;font-size:1rem;font-style:italic;font-weight:600;margin-top:2rem;opacity:.9}@media (max-width:768px){.watch-age-number{font-size:5rem}.watch-age-unit{font-size:1.5rem}.watch-age-display{min-width:250px;padding:2rem}.watch-age-description{font-size:1rem}}.top-content-list{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;max-height:400px;overflow-y:auto}.top-content-item{align-items:center;background:#ffffff1a;border-left:4px solid gold;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:transform .2s ease,background .2s ease}.top-content-item:hover{background:#ffffff26;transform:translateX(5px)}.content-rank{color:gold;font-size:1.5rem;font-weight:900;min-width:50px;text-align:center}.content-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.content-title{font-size:1.1rem;font-weight:700}.content-stats{display:flex;font-size:.9rem;gap:.5rem;opacity:.8}.content-repeats{color:gold}.binge-sessions-list{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;max-height:400px;overflow-y:auto}.binge-session-item{background:#ffffff1a;border-left:4px solid #ff6b6b;border-radius:15px;padding:1.5rem;transition:transform .2s ease,background .2s ease}.binge-session-item:hover{background:#ffffff26;transform:translateX(5px)}.binge-session-date{color:gold;font-size:1rem;font-weight:700;margin-bottom:.5rem}.binge-session-duration{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;margin-bottom:.75rem}.binge-session-content{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.binge-content-tag{background:#fff3;border-radius:15px;font-size:.85rem;opacity:.9;padding:.25rem .75rem}.device-main{background:#ffffff26;border:2px solid #ffffff4d;border-radius:15px;margin:2rem 0;padding:2rem;text-align:center}.device-name{color:gold;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.device-stats{align-items:baseline;display:flex;gap:2rem;justify-content:center}.device-time{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.device-percentage{font-size:1.5rem;font-weight:700;opacity:.9}.device-others{background:#ffffff0d;border-radius:10px;margin:1.5rem 0;padding:1rem}.device-others-label{font-size:.9rem;letter-spacing:1px;margin-bottom:.75rem;opacity:.8;text-transform:uppercase}.device-other-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.device-other-item:last-child{border-bottom:none}.device-other-name{font-weight:600}.device-other-stats{font-size:.9rem;opacity:.8}.repeat-champion{background:linear-gradient(135deg,#ffd7004d,#ff6b6b4d);border:3px solid #ffd70080;border-radius:20px;margin:2rem 0;padding:2rem;text-align:center}.repeat-champion-title{font-size:1rem;font-weight:700;margin-bottom:.5rem;opacity:.9}.repeat-champion-name{color:gold;font-size:1.8rem;font-weight:900;margin-bottom:.75rem}.repeat-champion-count{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.repeat-others{background:#ffffff0d;border-radius:10px;margin:1.5rem 0;padding:1rem}.repeat-others-label{font-size:.9rem;letter-spacing:1px;margin-bottom:.75rem;opacity:.8;text-transform:uppercase}.repeat-other-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.repeat-other-item:last-child{border-bottom:none}.repeat-other-name{flex:1 1;font-weight:600}.repeat-other-count{color:gold;font-size:1.1rem;font-weight:700}@media (min-width:768px){.App{height:auto;min-height:100vh;position:relative}.container{height:auto;margin:0 auto;max-width:1200px;padding:2rem}.header h1{font-size:3rem}.header p{font-size:1.2rem}.user-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.user-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.user-avatar{font-size:2rem;height:80px;width:80px}.wrap-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;height:auto;min-height:600px;padding:2rem}.card-deck-container{height:auto;margin:0 auto;max-width:600px;padding:2rem 1rem}.card-progress{background:#0000;margin-bottom:2rem;padding:0;position:relative}.card-wrapper,.swipeable-card{height:auto;min-height:500px;position:relative}.swipeable-card{border:2px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2.5rem}.card-header{padding-top:0}.card-emoji{font-size:4rem}.card-title{font-size:2rem}.card-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:2rem 0}.card-dots{display:flex;flex:1 1;gap:.5rem;justify-content:center}.swipe-hint{bottom:auto;margin-top:1rem;transform:none}.button,.swipe-hint{left:auto;position:relative}.button{margin-bottom:2rem;top:auto}.summary-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.cmp-hero{grid-gap:1.5rem;border-radius:20px;display:grid;gap:1.5rem;grid-template-columns:120px 1fr;padding:1.5rem}.cmp-rank-pill-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cmp-rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cmp-rank-tile{border-radius:18px;display:grid;grid-template-columns:1fr 140px}.cmp-rank-tile-rank{font-size:1.6rem;text-align:right}.cmp-vs-bar{display:grid;grid-template-columns:40px 1fr 84px}.cmp-vs-bar-value{font-size:1rem;text-align:right}}.landing-page{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:200% 200%;height:100%;justify-content:center;overflow:auto;padding:2rem}.landing-content,.landing-page{align-items:center;display:flex;width:100%}.landing-content{flex-direction:column;gap:2rem;max-width:500px;text-align:center}.landing-logo-wrapper{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:14px;box-shadow:0 4px 16px #0000004d;display:inline-block;margin:0 auto .75rem;padding:12px}.landing-logo{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));height:200px;object-fit:contain;width:200px}.landing-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0 50%,#ffd700cc);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.5rem;text-shadow:0 2px 20px #0000004d}.landing-header p{font-size:1rem;font-weight:500;opacity:.9}.landing-user-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0000004d;border:2px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0000004d;padding:2rem;width:100%}.landing-avatar{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 20px #0000004d;height:120px;margin:0 auto 1.5rem;overflow:hidden;width:120px}.landing-avatar img{height:100%;object-fit:cover;width:100%}.landing-user-card h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.landing-subtitle{font-size:1rem;margin:0;opacity:.8}.landing-start-button{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid #fff6;border-radius:30px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;touch-action:manipulation;transition:all .3s ease}.landing-start-button:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:#fff9;box-shadow:0 6px 30px #0006;transform:translateY(-2px)}.landing-start-button:active{box-shadow:0 2px 10px #0000004d;transform:translateY(0)}@media (min-width:768px){.landing-logo-wrapper{padding:16px}.landing-logo{height:240px;width:240px}.landing-header h1{font-size:3rem}.landing-header p{font-size:1.2rem}.landing-user-card{padding:2.5rem}.landing-avatar{height:150px;width:150px}.landing-user-card h2{font-size:2rem}.landing-start-button{font-size:1.25rem;padding:1.25rem 4rem}}
/*# sourceMappingURL=main.d569285a.css.map*/