body{margin:0;min-width:320px;min-height:100vh}.welcome-screen{background:linear-gradient(135deg,var(--merc-black) 0%,var(--merc-dark-gray) 100%);position:relative;overflow:hidden}.confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(circle,var(--merc-teal) 2px,transparent 2px),radial-gradient(circle,var(--merc-silver) 2px,transparent 2px);background-size:100px 100px,150px 150px;background-position:0 0,50px 50px;animation:confetti-fall 10s linear infinite;opacity:.3}@keyframes confetti-fall{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.display-name{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--merc-teal),var(--merc-silver));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-headline{font-size:2.5rem;font-weight:300;margin-bottom:1rem;color:var(--merc-white);text-transform:lowercase}.welcome-subtext{font-size:1.2rem;color:var(--merc-silver);margin-top:1.5rem}@media(max-width:768px){.display-name{font-size:2.5rem}.welcome-headline{font-size:1.8rem}.welcome-subtext{font-size:1rem}}.stats-screen{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.stat-card{background:linear-gradient(135deg,var(--merc-dark-gray),var(--merc-black));border:2px solid var(--merc-teal);border-radius:20px;padding:2rem 1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00d2be4d}.stat-number{font-size:3rem;font-weight:700;color:var(--merc-teal);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--merc-silver);text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-number{font-size:2.5rem}.stat-card{padding:1.5rem 1rem}}.archetype-screen{background:radial-gradient(circle at center,var(--merc-dark-gray) 0%,var(--merc-black) 100%)}.badge-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.badge{background:linear-gradient(135deg,var(--merc-dark-gray),var(--merc-black));border:3px solid var(--merc-teal);border-radius:30px;padding:3rem 2rem;max-width:500px;position:relative;box-shadow:0 20px 60px #00d2be33}.badge-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.archetype-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--merc-teal),var(--merc-silver));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:lowercase}.archetype-description{font-size:1.2rem;color:var(--merc-silver);line-height:1.6}.percentile-badge{background:var(--merc-teal);color:var(--merc-black);padding:1rem 2rem;border-radius:50px;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.percentile-number{font-size:2rem;margin:0 .2rem}@media(max-width:768px){.badge{padding:2rem 1.5rem}.archetype-title{font-size:2rem}.archetype-description{font-size:1rem}.percentile-badge{font-size:1.2rem;padding:.8rem 1.5rem}.percentile-number{font-size:1.5rem}}.timeline-screen{background:linear-gradient(135deg,var(--merc-black) 0%,var(--merc-dark-gray) 100%)}.timeline{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;position:relative}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--merc-teal),var(--merc-silver))}.timeline-item{display:flex;align-items:center;gap:2rem;position:relative}.timeline-dot{width:40px;height:40px;border-radius:50%;background:var(--merc-teal);border:4px solid var(--merc-black);flex-shrink:0;z-index:1;box-shadow:0 0 20px #00d2be80}.timeline-content{background:linear-gradient(135deg,var(--merc-dark-gray),var(--merc-black));border:2px solid var(--merc-silver);border-radius:15px;padding:1.5rem 2rem;flex:1;text-align:left}.timeline-label{font-size:.9rem;color:var(--merc-silver);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.timeline-value{font-size:1.3rem;color:var(--merc-white);font-weight:600}@media(max-width:768px){.timeline:before{left:15px}.timeline-dot{width:30px;height:30px}.timeline-content{padding:1rem 1.5rem}.timeline-value{font-size:1.1rem}}.thankyou-screen{background:radial-gradient(circle at center,var(--merc-dark-gray) 0%,var(--merc-black) 100%)}.thank-you-text{font-size:1.5rem;color:var(--merc-white);line-height:1.8;margin-bottom:3rem}.community-stat{color:var(--merc-teal);font-size:2rem;font-weight:700}.thank-you-quote{font-size:1.3rem;color:var(--merc-silver);font-style:italic;line-height:1.6;margin:2rem 0;padding:2rem;border-left:4px solid var(--merc-teal);background:var(--merc-dark-gray);border-radius:10px}.signature{font-size:1.2rem;color:var(--merc-silver);font-weight:600;margin-top:1rem}@media(max-width:768px){.thank-you-text{font-size:1.2rem}.community-stat{font-size:1.5rem}.thank-you-quote{font-size:1.1rem;padding:1.5rem}}.share-screen{background:linear-gradient(135deg,var(--merc-black) 0%,var(--merc-dark-gray) 100%)}.share-preview{margin:2rem 0;display:flex;justify-content:center}.share-card{width:400px;aspect-ratio:9 / 16;background:linear-gradient(135deg,var(--merc-teal) 0%,#00A89B 100%);border-radius:20px;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 60px #00000080}.share-header{text-align:center}.share-logo{width:120px;height:auto;margin-bottom:1.5rem;filter:brightness(0) saturate(100%)}.share-name{font-size:2rem;font-weight:700;color:var(--merc-black);margin-bottom:.5rem}.share-archetype{font-size:1.2rem;color:var(--merc-dark-gray);font-weight:600}.share-stats{display:flex;justify-content:space-around;gap:2rem;padding:2rem 0}.share-stat{text-align:center}.share-stat-number{font-size:2.5rem;font-weight:700;color:var(--merc-black);margin-bottom:.5rem}.share-stat-label{font-size:.9rem;color:var(--merc-dark-gray);text-transform:uppercase;letter-spacing:1px}.share-footer{text-align:center;color:var(--merc-black)}.share-footer p{font-size:1rem;font-weight:600;margin-bottom:.5rem}.share-year{font-size:1.5rem;font-weight:700}.share-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.share-button{background:var(--merc-dark-gray);color:var(--merc-white);border:2px solid var(--merc-teal);padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.share-button:hover{background:var(--merc-teal);color:var(--merc-black);transform:translateY(-2px);box-shadow:0 10px 30px #00d2be4d}@media(max-width:768px){.share-card{width:300px;padding:2rem 1.5rem}.share-logo{width:90px;margin-bottom:1rem}.share-name{font-size:1.5rem}.share-archetype{font-size:1rem}.share-stat-number{font-size:2rem}}.final-screen{background:linear-gradient(135deg,var(--merc-black) 0%,var(--merc-dark-gray) 100%)}.final-badge{background:linear-gradient(135deg,var(--merc-dark-gray),var(--merc-black));border:2px solid var(--merc-teal);border-radius:20px;padding:2rem;margin-bottom:3rem;display:inline-block}.final-badge-icon{font-size:3rem;margin-bottom:.5rem}.final-badge-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--merc-teal),var(--merc-silver));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.final-percentile{font-size:1.2rem;color:var(--merc-teal);font-weight:700;text-transform:uppercase;letter-spacing:2px}.final-text{font-size:1.3rem;color:var(--merc-silver);margin:2rem 0;line-height:1.6}.final-actions{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.final-actions .cta-button{text-decoration:none;display:inline-block}@media(max-width:768px){.final-badge{padding:1.5rem}.final-badge-icon{font-size:2.5rem}.final-badge-title{font-size:1.5rem}.final-percentile{font-size:1rem}.final-text{font-size:1.1rem}}.loading-screen{background:linear-gradient(135deg,var(--merc-black) 0%,var(--merc-dark-gray) 100%)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.spinner{width:60px;height:60px;border:4px solid var(--merc-dark-gray);border-top:4px solid var(--merc-teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{font-size:1.2rem;color:var(--merc-silver)}.error-screen{background:linear-gradient(135deg,var(--merc-black) 0%,#1a0000 100%)}.error-content h1{font-size:4rem;margin-bottom:1rem;color:var(--merc-teal)}.error-content p{font-size:1.2rem;color:var(--merc-silver);margin-bottom:.5rem}.error-detail{font-size:1rem;color:var(--merc-light-gray)}.year-in-review{position:relative}:root{--merc-teal: #00D2BE;--merc-silver: #C0C0C0;--merc-black: #0A0A0A;--merc-white: #FFFFFF;--merc-dark-gray: #1A1A1A;--merc-light-gray: #E5E5E5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--merc-black);color:var(--merc-white);overflow-x:hidden}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}.year-in-review{width:100%;min-height:100vh}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.screen-content{max-width:600px;width:100%;text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--merc-white);text-transform:lowercase}.cta-button{background:linear-gradient(135deg,var(--merc-teal) 0%,#00A89B 100%);color:var(--merc-black);border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;margin-top:2rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d2be4d}.cta-button.secondary{background:transparent;color:var(--merc-silver);border:2px solid var(--merc-silver)}.cta-button.secondary:hover{background:var(--merc-silver);color:var(--merc-black);box-shadow:0 10px 30px #c0c0c033}.landing{text-align:center;padding:4rem 2rem}.landing h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--merc-teal),var(--merc-silver));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing p{font-size:1.2rem;color:var(--merc-silver)}@media(max-width:768px){.section-title,.landing h1{font-size:2rem}}