:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.share-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.share-container{background:linear-gradient(145deg,#1e1e28f2,#14141efa);border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:2rem;max-width:480px;width:100%;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;animation:slideUpModal .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-close-btn{position:absolute;top:-12px;right:-12px;width:40px;height:40px;border-radius:50%;background:#282832f2;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 4px 12px #0000004d}.share-close-btn:hover{background:#3c3c46f2;color:var(--text);transform:rotate(90deg) scale(1.05)}.share-preview{margin-bottom:1.5rem;border-radius:1.25rem;overflow:hidden;box-shadow:0 15px 40px #0006}.share-card-v2{position:relative;background:#0c0c14;padding:1.75rem;aspect-ratio:1 / 1.2;overflow:hidden}.card-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(252,109,38,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(226,67,41,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(252,163,38,.08) 0%,transparent 60%);animation:gradientShift 8s ease-in-out infinite alternate}@keyframes gradientShift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.card-noise{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.card-content-v2{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.card-header-v2{margin-bottom:1.25rem}.card-logo-section{display:flex;align-items:center;gap:.75rem}.card-logo-v2{height:28px;width:auto}.card-brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--text-muted)}.brand-year{font-size:1.1rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-user-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:1rem}.user-avatar-wrapper{position:relative;flex-shrink:0}.user-avatar-v2{width:60px;height:60px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#0c0c14,#0c0c14) padding-box,var(--gradient) border-box}.avatar-ring-v2{position:absolute;inset:-4px;border:1px solid rgba(252,109,38,.3);border-radius:50%;animation:pulseRing 2s ease-in-out infinite}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:.2}}.user-info-v2{flex:1;min-width:0}.user-name-v2{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-handle{font-size:.85rem;color:var(--text-muted);margin:0 0 .5rem}.user-title-badge{display:inline-flex;padding:.3rem .75rem;background:linear-gradient(135deg,#fc6d2626,#e2432926);border:1px solid rgba(252,109,38,.25);border-radius:2rem;font-size:.75rem;font-weight:600;color:var(--orange)}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.bento-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.bento-icon{font-size:1.5rem;margin-bottom:.5rem}.bento-value{font-size:1.75rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.bento-value-text{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.2}.bento-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.card-contributions{flex:1;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:.75rem;padding:.75rem;margin-bottom:1rem;overflow:hidden}.card-footer-v2{text-align:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.footer-url{font-size:.85rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.share-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.download-btn-v2{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:var(--gradient);border:none;border-radius:1rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fc6d264d}.download-btn-v2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #fc6d2666}.download-btn-v2:disabled{opacity:.7;cursor:not-allowed}.download-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.share-tip{font-size:.85rem;color:var(--text-muted);margin:0}@media(max-width:500px){.share-container{padding:1.25rem;border-radius:1.5rem}.share-card-v2{padding:1.25rem}.card-user-section{padding:.75rem}.user-avatar-v2{width:50px;height:50px}.user-name-v2{font-size:1rem}.bento-value{font-size:1.5rem}.bento-item{padding:.75rem}}.journey-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.journey-progress{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem;z-index:100}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--card-border);transition:all .3s ease}.progress-dot.active{background:var(--orange);transform:scale(1.4);box-shadow:0 0 12px var(--orange)}.progress-dot.completed{background:var(--text-muted)}.autoplay-control{position:fixed;right:2rem;bottom:2rem;width:48px;height:48px;border-radius:50%;background:var(--card);border:1px solid var(--card-border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:100;box-shadow:0 4px 20px #0000004d}.autoplay-control:hover{background:var(--orange);border-color:var(--orange);transform:scale(1.1)}.autoplay-control.playing{animation:pulseRing 2s ease-in-out infinite}@keyframes pulseRing{0%,to{box-shadow:0 0 #fc6d2666,0 4px 20px #0000004d}50%{box-shadow:0 0 0 12px #fc6d2600,0 4px 20px #0000004d}}.journey-header{position:fixed;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.75rem;z-index:100;opacity:.9}.header-logo{height:32px;width:auto}.header-brand{font-size:.9rem;font-weight:600;color:var(--text);letter-spacing:.5px}.journey-slide{min-height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:4rem 2rem}.slide-content{max-width:600px;width:100%;text-align:center;opacity:0;transform:translateY(40px);animation:slideIn .8s ease forwards}.journey-slide.active .slide-content{animation:slideIn .8s ease forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.slide-label{font-size:1.1rem;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.big-number{font-size:clamp(4rem,15vw,8rem);font-weight:800;line-height:1;margin-bottom:.5rem}.slide-emphasis{font-size:2rem;font-weight:600;margin-bottom:2rem}.slide-fact{font-size:1rem;color:var(--text-muted);margin-top:2rem}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{color:var(--orange);font-weight:600}.intro{display:flex;flex-direction:column;align-items:center}.intro-avatar-container{position:relative;margin-bottom:2rem}.intro-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--orange);position:relative;z-index:1}.avatar-ring{position:absolute;inset:-8px;border:2px solid var(--orange);border-radius:50%;animation:pulse 2s ease-in-out infinite;opacity:.5}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}.intro-greeting{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.intro-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:4rem}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.scroll-arrow{font-size:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.contribution-grid-wrapper{margin:2rem 0;overflow-x:auto;padding:1rem}.contribution-grid{display:flex;gap:3px;justify-content:center}.contribution-grid.compact{gap:2px}.contribution-week{display:flex;flex-direction:column;gap:3px}.contribution-grid.compact .contribution-week{gap:2px}.contribution-day{width:12px;height:12px;border-radius:3px;background:var(--card-border);opacity:0;animation:fadeInDot .3s ease forwards}.contribution-grid.compact .contribution-day{width:8px;height:8px;border-radius:2px;opacity:1;animation:none}@keyframes fadeInDot{to{opacity:1}}.contribution-day.intensity-0{background:#ffffff0d}.contribution-day.intensity-1{background:#fc6d264d}.contribution-day.intensity-2{background:#fc6d2680}.contribution-day.intensity-3{background:#fc6d26bf}.contribution-day.intensity-4{background:var(--orange)}.projects-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.project-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card);border:1px solid var(--card-border);border-radius:.75rem;opacity:0;animation:slideInLeft .6s ease forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.project-rank{font-size:1.5rem;font-weight:700;color:var(--orange);width:2rem}.project-info{flex:1;text-align:left}.project-name{font-weight:500;display:block;margin-bottom:.5rem}.project-bar-track{height:6px;background:var(--card-border);border-radius:3px;overflow:hidden}.project-bar-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1)}.project-commits{font-size:.9rem;color:var(--text-muted)}.languages-chart{display:flex;justify-content:center;align-items:flex-end;gap:2rem;height:200px;margin:3rem 0}.language-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:growUp .6s ease forwards}@keyframes growUp{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.language-bar{width:50px;border-radius:8px 8px 0 0;transform-origin:bottom}.language-name{font-size:.85rem;font-weight:500}.language-pct{font-size:.75rem;color:var(--text-muted)}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}.activity-card{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;padding:2rem;text-align:center;transition:transform .3s,border-color .3s}.activity-card:hover{transform:translateY(-4px);border-color:var(--orange)}.activity-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.activity-value{font-size:3rem;font-weight:700;display:block}.activity-label{font-size:.9rem;color:var(--text-muted)}.insights-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.insight-card{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;padding:2rem;text-align:center}.insight-emoji{font-size:3rem;display:block;margin-bottom:1rem}.insight-question{font-size:1rem;color:var(--text-muted);margin-bottom:.5rem}.insight-answer{font-size:2rem;font-weight:700}.finale{display:flex;flex-direction:column;align-items:center}.finale-title{font-size:3rem;font-weight:800;margin-bottom:2rem}.finale-summary{display:flex;gap:3rem;margin-bottom:2rem}.summary-stat{text-align:center}.summary-value{font-size:2.5rem;font-weight:700;display:block;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-label{font-size:.9rem;color:var(--text-muted)}.finale-message{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.finale-actions{display:flex;gap:1rem;margin-bottom:3rem}.finale-branding{display:flex;align-items:center;gap:.75rem;opacity:.7}.finale-logo{height:24px;width:auto}.empty-state{color:var(--text-muted);font-style:italic;padding:2rem}@media(max-width:768px){.journey-progress{right:1rem}.autoplay-control{right:1rem;bottom:1rem;width:40px;height:40px}.journey-header{top:1rem;left:1rem}.header-logo{height:24px}.header-brand{display:none}.journey-slide{padding:6rem 1.5rem 2rem}.big-number{font-size:clamp(3rem,20vw,5rem)}.intro-greeting{font-size:1.75rem}.activity-grid{grid-template-columns:1fr}.finale-summary{flex-direction:column;gap:1rem}.finale-actions{flex-direction:column;width:100%}.finale-actions button{width:100%}.languages-chart{gap:1rem}.language-bar{width:35px}.share-card-content{grid-template-columns:1fr;gap:1rem}.share-right{order:-1}.share-card{aspect-ratio:auto;min-height:500px}}:root{--orange: #fc6d26;--red: #e24329;--yellow: #fca326;--bg: #0d1117;--bg-light: #161b22;--card: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--text: #f0f6fc;--text-muted: #8b949e;--gradient: linear-gradient(135deg, var(--red), var(--orange), var(--yellow))}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.card{background:var(--bg-light);border:1px solid var(--card-border);border-radius:1.5rem;padding:3rem;max-width:420px;width:100%;text-align:center;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card.login .login-logo{height:64px;width:auto;margin-bottom:1.5rem}.card.login h1{font-size:1.75rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.card.login .year{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem}.card.login .privacy{font-size:.8rem;color:var(--text-muted);margin-top:1.5rem}.card.loading .loading-logo{height:48px;width:auto;margin-bottom:1rem}.card.setup{text-align:left;max-width:500px}.card.setup h1{text-align:center;margin-bottom:1.5rem}.card.setup ol{margin-left:1.25rem}.card.setup li{margin-bottom:.75rem}.card.setup ul{margin:.5rem 0 .5rem 1rem}.card.setup code{background:#ffffff1a;padding:.1rem .4rem;border-radius:.25rem;font-size:.85rem}.card.setup a{color:var(--orange)}.card.loading{padding:2.5rem}.spinner{width:48px;height:48px;border:3px solid var(--card-border);border-top-color:var(--orange);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card.error h2{margin-bottom:1rem}.card.error p{color:var(--text-muted);margin-bottom:1.5rem}.btn-primary{background:var(--gradient);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fc6d264d}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--card-border);padding:.75rem 1.5rem;font-size:.9rem;border-radius:.5rem;cursor:pointer;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--text);color:var(--text)}.wrapped{max-width:800px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease}.wrapped header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.wrapped .avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--orange)}.wrapped header h1{font-size:1.75rem;font-weight:700}.wrapped header p{color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:3rem}.stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:1rem;padding:1.5rem;text-align:center;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-4px);border-color:var(--orange)}.stat-icon{font-size:2rem;display:block;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.stat-label{color:var(--text-muted);font-size:.9rem}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.column h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-muted)}.bar-list{list-style:none}.bar-list li{display:grid;grid-template-columns:minmax(80px,1fr) 2fr 40px;align-items:center;gap:.75rem;margin-bottom:.75rem}.bar-label{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:var(--card);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--gradient);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bar-fill.lang{background:linear-gradient(90deg,#58a6ff,#a371f7)}.bar-value{font-size:.85rem;color:var(--text-muted);text-align:right}.empty{color:var(--text-muted);font-style:italic}.fun-facts{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;padding:1.5rem;background:var(--card);border:1px solid var(--card-border);border-radius:1rem}.fact{text-align:center}.fact-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.fact-value{font-size:1.25rem;font-weight:600;color:var(--orange)}.wrapped footer{text-align:center;padding-top:2rem;border-top:1px solid var(--card-border)}@media(max-width:600px){.card{padding:2rem}.wrapped{padding:1rem}.wrapped header{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}.bar-list li{grid-template-columns:1fr;gap:.25rem}.bar-value{text-align:left}}