*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-accent: #009421;--color-accent-light: rgba(0, 148, 33, .1);--color-accent-muted: rgba(0, 148, 33, .3);--color-bg: #0D0D0F;--color-cell-bg: #1A1A1C;--color-surface: #242426;--color-primary-text: #FFFFFF;--color-secondary-text: #A0A0A5;--color-muted: #6B6B70;--color-success: #4EA02B;--color-success-bg: rgba(78, 160, 43, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 31px;--font-family: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-regular: 400;--font-semibold: 600;--font-bold: 700;--text-hero: 30px;--text-title: 24px;--text-body-lg: 18px;--text-body: 16px;--text-body-sm: 14px;--text-caption: 12px;--text-button: 18px}@media(min-width:768px){:root{--text-hero: 36px;--text-title: 28px;--text-body-lg: 20px;--text-body: 18px;--text-body-sm: 16px;--text-caption: 14px;--text-button: 20px}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-weight:var(--font-regular);font-size:var(--text-body);line-height:1.5;color:var(--color-primary-text);background-color:var(--color-bg);min-height:100vh;min-height:100dvh}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-lg);max-width:480px;margin:0 auto}@media(min-width:768px){.page{padding:var(--space-xl) 40px}}.header{display:flex;justify-content:flex-end;min-height:44px;margin-bottom:var(--space-md)}.btn-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-secondary-text);cursor:pointer;border-radius:50%;transition:background-color .2s ease}.btn-close:hover{background-color:var(--color-cell-bg)}.btn-close svg{width:24px;height:24px}.btn-skip{padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-secondary-text);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.btn-skip:hover{color:var(--color-primary-text)}.content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.icon-container{margin-bottom:var(--space-xl)}.icon-large{width:80px;height:80px;color:var(--color-accent)}@media(min-width:768px){.icon-large{width:100px;height:100px}}.icon-medium{width:64px;height:64px;color:var(--color-accent)}@media(min-width:768px){.icon-medium{width:80px;height:80px}}.success-icon-wrapper{width:120px;height:120px;border-radius:50%;background-color:var(--color-success-bg);display:flex;align-items:center;justify-content:center}@media(min-width:768px){.success-icon-wrapper{width:140px;height:140px}}.success-icon-wrapper svg{width:64px;height:64px;color:var(--color-success)}@media(min-width:768px){.success-icon-wrapper svg{width:80px;height:80px}}.title{font-size:var(--text-hero);font-weight:var(--font-bold);line-height:1.2;color:var(--color-primary-text);margin-bottom:var(--space-md);white-space:pre-line}.subtitle{font-size:var(--text-body-lg);font-weight:var(--font-regular);line-height:1.5;color:var(--color-secondary-text);margin-bottom:var(--space-xl)}.features{width:100%;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);text-align:left}.feature-row{display:flex;align-items:center;gap:var(--space-md)}.feature-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:24px;height:24px;color:var(--color-accent)}.feature-text{font-size:var(--text-body);color:var(--color-primary-text)}.footer{margin-top:auto;padding-top:var(--space-xl);width:100%}.fixed-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--color-bg) 70%,transparent);z-index:100;display:flex;flex-direction:column;align-items:center;max-width:480px;margin:0 auto}.has-fixed-footer{padding-bottom:calc(150px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.has-fixed-footer .content:after{content:"";display:block;height:60px}.has-fixed-footer-lg{padding-bottom:calc(280px + env(safe-area-inset-bottom))}.page-title{font-size:var(--text-hero);font-weight:var(--font-bold);line-height:1.2;color:var(--color-primary-text);margin-bottom:var(--space-md);text-align:center}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:18px 32px;background-color:var(--color-accent);color:#fff;font-family:var(--font-family);font-size:var(--text-button);font-weight:var(--font-bold);text-decoration:none;border:none;border-radius:var(--radius-full);box-shadow:0 4px 16px var(--color-accent-muted);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}@media(min-width:768px){.btn-primary{min-height:64px}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00942166}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled,.btn-primary.disabled{background-color:var(--color-muted);box-shadow:none;cursor:not-allowed;pointer-events:none}.input-wrapper{width:100%;margin-bottom:var(--space-sm)}.input-container{position:relative;width:100%}.input-field{width:100%;padding:var(--space-md);padding-right:100px;background-color:var(--color-cell-bg);border:2px solid var(--color-muted);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--text-body-lg);color:var(--color-primary-text);transition:border-color .2s ease}.input-field:focus{outline:none;border-color:var(--color-accent)}.input-field::placeholder{color:var(--color-secondary-text)}.input-actions{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-sm)}.btn-clear{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:none;border-radius:50%;color:var(--color-secondary-text);cursor:pointer}.btn-paste{padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-accent);font-family:var(--font-family);font-size:var(--text-body-sm);font-weight:var(--font-semibold);cursor:pointer}.input-hint{font-size:var(--text-caption);color:var(--color-secondary-text);text-align:left;margin-top:var(--space-sm)}.tracking-code{display:inline-block;padding:var(--space-md) var(--space-lg);background-color:var(--color-cell-bg);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-accent);margin-bottom:var(--space-lg)}.timeline{width:100%;text-align:left;margin-bottom:var(--space-xl)}.timeline-title{font-size:var(--text-hero);font-weight:var(--font-bold);margin-bottom:var(--space-xl)}.timeline-step{display:flex;gap:var(--space-md);position:relative}.timeline-icon-wrapper{position:relative;flex-shrink:0}.timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.timeline-icon{width:48px;height:48px}}.timeline-icon svg{width:20px;height:20px}@media(min-width:768px){.timeline-icon svg{width:24px;height:24px}}.timeline-icon.completed,.timeline-icon.active{background-color:var(--color-accent);color:#fff}.timeline-icon.future{background-color:var(--color-accent-light);color:var(--color-accent)}.timeline-connector{position:absolute;left:19px;top:40px;width:2px;background-color:var(--color-accent-muted)}@media(min-width:768px){.timeline-connector{left:23px;top:48px}}.timeline-content{flex:1;padding-bottom:var(--space-lg)}.timeline-step-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-primary-text);margin-bottom:var(--space-xs)}.timeline-step-title.completed{text-decoration:line-through;color:var(--color-secondary-text)}.timeline-step-subtitle{font-size:var(--text-body-sm);color:var(--color-secondary-text)}.map-card{width:100%;height:130px;border-radius:var(--radius-md);overflow:hidden;position:relative;background:linear-gradient(135deg,#1a3a1a,#0d1f0d);margin:var(--space-md) 0;box-shadow:0 4px 20px #0003}@media(min-width:768px){.map-card{height:160px;border-radius:var(--radius-lg)}}.map-card-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.map-badge{position:absolute;bottom:var(--space-md);left:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fff;border-radius:var(--radius-lg);color:#000;font-size:var(--text-caption);font-weight:var(--font-semibold)}.map-badge svg{width:16px;height:16px}.toggle-container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-md);background-color:var(--color-accent-light);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.toggle-label{font-size:var(--text-body-sm);color:var(--color-primary-text)}.toggle-switch{position:relative;width:51px;height:31px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-muted);transition:.3s;border-radius:31px}.toggle-slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.info-text{font-size:var(--text-caption);color:var(--color-secondary-text);text-align:center;margin-bottom:var(--space-md)}.footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap}.footer-link{font-size:var(--text-caption);color:var(--color-muted);text-decoration:underline}.footer-separator{color:var(--color-muted)}.store-badges{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.store-badge{height:44px}.store-badge img{height:100%;width:auto}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.animate-in{animation:fadeSlideUp .5s ease-out forwards}.animate-scale{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-pulse{animation:pulse 1.2s ease-in-out infinite}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.5s;opacity:0}.pulse-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--color-accent);animation:pulse-ring 1.2s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}