@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.35;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #0E7AFF;--color-primary-light: rgba(14, 122, 255, .1);--color-heading: #202327;--color-text-secondary: #66707A;--color-text-tertiary: #A7A7A8;--color-surface-50: #FCFCFC;--color-surface-100: #F7F9FD;--color-surface-200: #A7A7A8;--color-surface-300: #33383D;--color-warning: #FB4F4F;--color-success: #34C759;--color-bg-dark: #181A21;--bg-primary: #ffffff;--bg-secondary: #F7F9FD;--text-primary: #202327;--text-secondary: #66707A;--border-color: rgba(14, 122, 255, .1)}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #333}body{margin:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}html{scroll-behavior:smooth}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;pointer-events:auto;animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success .toast-icon{color:#22c55e;background:#22c55e1a}.toast-error .toast-icon{color:#ef4444;background:#ef44441a}.toast-info .toast-icon,.toast-loading .toast-icon{color:#0e7aff;background:#0e7aff1a}.toast-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-spinner{animation:toast-spin 1s linear infinite}@keyframes toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-content{flex:1;min-width:0}.toast-title{font-family:Inter,Noto Sans KR,sans-serif;font-weight:600;font-size:14px;color:#1a1a1a;margin:0 0 4px}.toast-message{font-family:Inter,Noto Sans KR,sans-serif;font-weight:400;font-size:13px;color:#666;margin:0;line-height:1.4;word-break:break-word}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:none;cursor:pointer;color:#999;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#f0f0f0;color:#666}@media (max-width: 480px){.toast-container{top:auto;bottom:20px;right:16px;left:16px;max-width:none}.toast{padding:14px}}.theme-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s,color .3s}.theme-toggle:hover{background-color:#ffffff1a}.theme-toggle svg{display:block}[data-theme=dark] .theme-toggle{color:#61dafb}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-weight:600;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base) ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn--primary{background-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(.btn--disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn--secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover:not(.btn--disabled){background-color:var(--bg-primary);border-color:var(--color-primary)}.btn--outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--outline:hover:not(.btn--disabled){background-color:#0e7aff14;color:#0066e6;border-color:#0066e6}.btn--ghost{background-color:transparent;color:var(--color-primary)}.btn--ghost:hover:not(.btn--disabled){background-color:#0d7fff1a}.btn--sm{padding:.5rem 1rem;font-size:var(--font-size-sm)}.btn--md{padding:.75rem 1.5rem;font-size:var(--font-size-base)}.btn--lg{padding:1rem 2rem;font-size:var(--font-size-lg)}.btn--full-width{width:100%}.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width: 640px){.btn--lg{padding:.875rem 1.75rem;font-size:var(--font-size-base)}}.header{background-color:var(--bg-card);padding:1rem 0;box-shadow:var(--shadow-sm);transition:all var(--transition-medium) ease;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}[data-theme=dark] .header{background-color:#1f2937f2;box-shadow:0 2px 4px #0000004d}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform var(--transition-fast) ease}.header-logo:hover{transform:scale(1.02)}.header-brand{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.header-right,.header-nav{display:flex;align-items:center;gap:2rem}.header-nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:var(--font-size-base);transition:color var(--transition-fast) ease;padding-bottom:.25rem;border-bottom:2px solid transparent;white-space:nowrap}.header-nav-link:hover{color:var(--color-primary)}.header-nav-link.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.header-actions{display:flex;align-items:center;gap:1rem}.header-btn{white-space:nowrap}.header-btn--login{border-color:var(--color-primary);color:var(--color-primary)}.header-btn--signup{box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:8px}.header-btn--signup svg{flex-shrink:0;vertical-align:middle}.header-btn--signup span{line-height:1}.header-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary)}.header-google-login{display:flex;align-items:center}.header-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}@media (max-width: 1024px){.header-nav{gap:1.5rem}.header-nav-link{font-size:var(--font-size-sm)}.header-right{gap:1.5rem}}@media (max-width: 768px){.header-content{padding:0 1rem}.header-nav{display:none}.header-actions{gap:.5rem}.header-brand{font-size:var(--font-size-lg)}.header-menu-toggle{display:block}}.footer{background-color:#282c34;color:#fff;text-align:center;padding:2rem 0;margin-top:auto;transition:background-color .3s}[data-theme=dark] .footer{background-color:#1a1d23}.footer p{margin:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--2xl{max-width:1400px}.container--full{max-width:100%}.hero{position:relative;padding:var(--spacing-3xl) 0;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.hero__content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.hero__logo{display:inline-flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.hero__brand{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.hero__title{font-size:var(--font-size-5xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-xl);line-height:1.2;letter-spacing:-.02em}.hero__subtitle{margin-bottom:var(--spacing-3xl)}.hero__subtitle-main{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.hero__subtitle-secondary{font-size:var(--font-size-lg);color:var(--text-secondary)}.hero__subtitle-secondary .highlight{color:var(--color-primary);font-weight:700;font-size:var(--font-size-xl)}.hero__cta{display:flex;justify-content:center;gap:var(--spacing-md)}.hero__cta-button{min-width:220px;font-size:var(--font-size-lg);padding:1.25rem 2.5rem;box-shadow:0 10px 30px #0d7fff4d}.hero__cta-button:hover{box-shadow:0 15px 40px #0d7fff66}.hero__decoration{position:absolute;border-radius:50%;opacity:.1;z-index:1}.hero__decoration--1{width:300px;height:300px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));top:-100px;right:-50px;filter:blur(80px)}.hero__decoration--2{width:400px;height:400px;background:linear-gradient(225deg,var(--color-primary),var(--color-primary-dark));bottom:-150px;left:-100px;filter:blur(100px)}[data-theme=dark] .hero{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}[data-theme=dark] .hero__decoration{opacity:.05}@media (max-width: 768px){.hero{min-height:500px;padding:var(--spacing-2xl) 0}.hero__title{font-size:var(--font-size-4xl)}.hero__subtitle-main{font-size:var(--font-size-lg)}.hero__subtitle-secondary{font-size:var(--font-size-base)}.hero__cta-button{min-width:auto;width:100%;max-width:300px}.hero__decoration--1{width:200px;height:200px;top:-50px;right:-30px}.hero__decoration--2{width:250px;height:250px;bottom:-80px;left:-60px}}@media (max-width: 640px){.hero{min-height:450px}.hero__brand{font-size:var(--font-size-xl)}.hero__title{font-size:var(--font-size-3xl)}.hero__subtitle-main{font-size:var(--font-size-base)}.hero__subtitle-secondary{font-size:var(--font-size-sm)}.hero__subtitle-secondary .highlight{font-size:var(--font-size-lg)}}.exchange-card{background-color:var(--bg-card);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-medium) ease;cursor:pointer}.exchange-card__logo-container{background-color:var(--bg-dark);padding:var(--spacing-3xl);display:flex;align-items:center;justify-content:center;min-height:180px}.exchange-card__logo{max-width:60%;height:auto;object-fit:contain}.exchange-card__content{padding:var(--spacing-xl)}.exchange-card__label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.exchange-card__amount{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.exchange-card__amount-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.exchange-card__amount-text .highlight{color:var(--color-primary);font-weight:700}.exchange-card__verified{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary);color:#fff;border-radius:50%;font-size:14px;font-weight:700}.exchange-card__progress-container{margin-bottom:var(--spacing-lg)}.exchange-card__progress-bar{width:100%;height:8px;background-color:var(--bg-secondary);border-radius:9999px;overflow:hidden;margin-bottom:var(--spacing-sm)}.exchange-card__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9999px}.exchange-card__progress-text{color:var(--text-tertiary);font-size:var(--font-size-sm)}.exchange-card__tagline{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);font-style:italic}.exchange-card__cta{margin-top:auto}[data-theme=dark] .exchange-card{background-color:var(--bg-card);box-shadow:0 4px 6px #0000004d}[data-theme=dark] .exchange-card__logo-container{background-color:#0d0d0d}@media (max-width: 768px){.exchange-card__logo-container{padding:var(--spacing-2xl);min-height:150px}.exchange-card__content{padding:var(--spacing-lg)}}.exchanges{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary);position:relative}.exchanges__header{text-align:center;margin-bottom:var(--spacing-3xl)}.exchanges__title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.exchanges__title .highlight{color:var(--color-primary)}.exchanges__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.exchanges__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}@media (max-width: 1024px){.exchanges__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.exchanges{padding:var(--spacing-2xl) 0}.exchanges__header{margin-bottom:var(--spacing-2xl)}.exchanges__title{font-size:var(--font-size-3xl)}.exchanges__subtitle{font-size:var(--font-size-base)}.exchanges__grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.transaction-history{padding:var(--spacing-3xl) 0;background-color:var(--bg-secondary)}.transaction-history__header{text-align:center;margin-bottom:var(--spacing-3xl)}.transaction-history__title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.transaction-history__title .highlight{color:var(--color-primary)}.transaction-history__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.transaction-history__table-wrapper{background-color:var(--bg-card);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.transaction-history__table{width:100%}.transaction-history__table-header{display:grid;grid-template-columns:1.5fr 1.5fr 2fr 1.5fr;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color)}.transaction-history__table-body{background-color:var(--bg-card)}.transaction-history__table-row{display:grid;grid-template-columns:1.5fr 1.5fr 2fr 1.5fr;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast) ease}.transaction-history__table-row:last-child{border-bottom:none}.transaction-history__table-cell{display:flex;align-items:center;color:var(--text-primary);font-size:var(--font-size-base)}.transaction-history__table-cell--exchange{font-weight:600}.transaction-history__table-cell--date{color:var(--text-secondary);font-size:var(--font-size-sm)}.transaction-history__table-cell--amount{justify-content:space-between;gap:var(--spacing-md)}.amount{color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg)}.link{color:var(--color-primary);display:flex;align-items:center;transition:transform var(--transition-fast) ease}.link:hover{transform:translate(4px)}.exchange-icon{display:flex;align-items:center;gap:var(--spacing-sm)}.exchange-icon--binance{color:#f3ba2f}.exchange-icon--okx{color:var(--text-primary)}[data-theme=dark] .transaction-history{background-color:var(--bg-secondary)}[data-theme=dark] .transaction-history__table-wrapper{box-shadow:0 10px 15px #0000004d}@media (max-width: 1024px){.transaction-history__table-header,.transaction-history__table-row{grid-template-columns:1.2fr 1.5fr 1.8fr 1.2fr;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.transaction-history__table-cell{font-size:var(--font-size-sm)}.amount{font-size:var(--font-size-base)}}@media (max-width: 768px){.transaction-history{padding:var(--spacing-2xl) 0}.transaction-history__header{margin-bottom:var(--spacing-2xl)}.transaction-history__title{font-size:var(--font-size-3xl)}.transaction-history__subtitle{font-size:var(--font-size-base)}.transaction-history__table-header{display:none}.transaction-history__table-row{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.transaction-history__table-cell{justify-content:flex-start;padding:var(--spacing-xs) 0}.transaction-history__table-cell:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);margin-right:var(--spacing-md);min-width:100px}.transaction-history__table-cell--amount{flex-direction:column;align-items:flex-start}.exchange-icon span{display:inline}}.testimonials{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary)}.testimonials__header{text-align:center;margin-bottom:var(--spacing-3xl)}.testimonials__title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.testimonials__title .highlight{color:var(--color-primary)}.testimonials__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.testimonial-card{padding:var(--spacing-xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-medium) ease;cursor:pointer}.testimonial-card--white{background-color:var(--bg-card);border:1px solid var(--border-color)}.testimonial-card--blue{background:linear-gradient(135deg,#0d7fff,#4da3ff);color:#fff}.testimonial-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.testimonial-card__author{display:flex;align-items:center;gap:var(--spacing-md)}.testimonial-card__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xl);flex-shrink:0}.testimonial-card--blue .testimonial-card__avatar{background:#ffffff4d}.testimonial-card__author-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testimonial-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.testimonial-card--blue .testimonial-card__name{color:#fff}.testimonial-card__rating{display:flex;gap:2px}.star{color:orange;font-size:var(--font-size-base)}.testimonial-card--blue .star{color:gold}.testimonial-card__platform{flex-shrink:0}.testimonial-card__time{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.testimonial-card--blue .testimonial-card__time{color:#fffc}.testimonial-card__text{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.testimonial-card--blue .testimonial-card__text{color:#fff}[data-theme=dark] .testimonial-card--white{background-color:var(--bg-card);border-color:var(--border-color)}@media (max-width: 768px){.testimonials{padding:var(--spacing-2xl) 0}.testimonials__header{margin-bottom:var(--spacing-2xl)}.testimonials__title{font-size:var(--font-size-3xl)}.testimonials__subtitle{font-size:var(--font-size-base)}.testimonials__grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.testimonial-card{padding:var(--spacing-lg)}}.cta-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);position:relative;overflow:hidden}.cta-section__content{position:relative;z-index:2;text-align:center;padding:var(--spacing-3xl) 0}.cta-section__title{font-size:var(--font-size-4xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-2xl)}.cta-section__button{background-color:#fff;color:var(--color-primary);min-width:280px;box-shadow:0 10px 30px #0003}.cta-section__button:hover{background-color:var(--bg-secondary);box-shadow:0 15px 40px #0000004d;transform:translateY(-2px)}.cta-section__decoration{position:absolute;border-radius:50%;background:#ffffff1a;z-index:1}.cta-section__decoration--1{width:400px;height:400px;top:-200px;right:-100px;filter:blur(60px)}.cta-section__decoration--2{width:300px;height:300px;bottom:-150px;left:-75px;filter:blur(50px)}@media (max-width: 768px){.cta-section,.cta-section__content{padding:var(--spacing-2xl) 0}.cta-section__title{font-size:var(--font-size-3xl)}.cta-section__button{width:100%;max-width:300px}.cta-section__decoration--1{width:250px;height:250px;top:-100px;right:-50px}.cta-section__decoration--2{width:200px;height:200px;bottom:-80px;left:-40px}}.landing-page{width:100%;overflow-x:hidden}.landing-page>section{position:relative}@media (prefers-reduced-motion: no-preference){.landing-page>section{animation:fadeIn .6s ease-out}}.navigation{width:100%;background:#fff;padding:13px 45px;overflow:hidden}.nav-content{display:flex;align-items:center;justify-content:space-between;max-width:100%}.logo-container{display:flex;align-items:center;gap:2px;cursor:pointer}.logo-icon{width:28px;height:27px;overflow:hidden;position:relative}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:27px;line-height:1.35;letter-spacing:-.81px;color:#0e7aff;white-space:nowrap;margin:0}.nav-links{display:flex;align-items:center;gap:39px}.nav-link{font-family:Pretendard,sans-serif;font-weight:400;font-size:15px;line-height:1.35;color:#202327;text-decoration:none;white-space:nowrap;transition:color .2s ease}.nav-link:hover{color:#0e7aff}.nav-buttons{display:flex;align-items:center;gap:9px}.btn-login,.btn-signup{padding:7px 13px;border-radius:3px;overflow:hidden;font-family:Pretendard,sans-serif;font-weight:400;font-size:15px;line-height:1.35;text-align:center;white-space:nowrap;cursor:pointer;border:1px solid;transition:all .2s ease}.btn-login{background:#fff;border-color:#0e7aff;color:#0e7aff}.btn-signup{background:#0e7aff;border-color:#0e7aff;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.btn-signup svg{flex-shrink:0;vertical-align:middle}.btn-signup span{line-height:1}.user-info{display:flex;align-items:center}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #0E7AFF}.google-login-wrapper{display:flex;align-items:center}@media (max-width: 1024px){.navigation{padding:13px 24px}.nav-links{gap:24px}.nav-link{font-size:14px}}@media (max-width: 768px){.navigation{padding:12px 16px}.nav-links{display:none}.logo-text{font-size:22px}.nav-buttons{gap:6px}.btn-login,.btn-signup{padding:6px 10px;font-size:14px}}@media (max-width: 480px){.logo-icon{width:24px;height:23px}.logo-text{font-size:18px}.btn-login,.btn-signup{padding:5px 8px;font-size:13px}}.hero-section{width:100%;background:#fff;padding:68px 82px;overflow:hidden;display:flex;justify-content:center;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:center;gap:21px;width:100%;max-width:1200px}.hero-logo-container{display:flex;align-items:center;gap:2px}.hero-logo-icon{width:28px;height:27px;overflow:hidden;position:relative}.hero-logo-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:27px;line-height:1.35;letter-spacing:-.81px;color:#0e7aff;white-space:nowrap;margin:0}.hero-heading{font-family:Pretendard,sans-serif;font-weight:700;font-size:49px;line-height:1.35;letter-spacing:-2.45px;color:#000;text-align:center;margin:0;min-width:100%;width:min-content}.hero-subheading{font-family:Pretendard,sans-serif;font-weight:700;font-size:22px;line-height:1.35;color:#66707a;text-align:center}.hero-subheading p{margin:0;white-space:nowrap}.hero-cta-button{background:linear-gradient(135deg,#0e7aff,#0066e6);padding:19px 30px;border-radius:140px;overflow:visible;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:700;font-size:22px;line-height:1.35;color:#fff;text-align:center;white-space:nowrap;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 15px #0e7aff4d}.hero-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.hero-cta-button:hover:before{left:100%}.hero-cta-button:hover{background:linear-gradient(135deg,#0066e6,#0052cc);box-shadow:0 0 30px #0e7aff99,0 0 60px #0e7aff66,0 15px 40px #0e7aff66;transform:translateY(-3px) scale(1.02)}.hero-cta-button:active{transform:translateY(-1px) scale(1);box-shadow:0 0 20px #0e7aff80,0 8px 25px #0e7aff4d}@media (max-width: 1024px){.hero-section{padding:48px 40px}.hero-heading{font-size:42px;letter-spacing:-2px}.hero-subheading{font-size:20px}.hero-cta-button{font-size:20px;padding:17px 28px}}@media (max-width: 768px){.hero-section{padding:40px 24px}.hero-heading{font-size:32px;letter-spacing:-1.6px}.hero-subheading{font-size:16px}.hero-subheading p{white-space:normal}.hero-cta-button{font-size:18px;padding:15px 24px}.hero-logo-text{font-size:24px}}@media (max-width: 480px){.hero-section{padding:32px 16px}.hero-content{gap:16px}.hero-heading{font-size:26px;letter-spacing:-1.3px}.hero-subheading{font-size:14px}.hero-cta-button{font-size:16px;padding:12px 20px;width:100%}.hero-logo-icon{width:24px;height:23px}.hero-logo-text{font-size:20px}}.exchange-cards-section{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;padding:0}.section-title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:80px 0 16px}.section-title-wrapper{display:flex;align-items:center;justify-content:center;width:252px}.section-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:27px;line-height:1.35;color:#000;white-space:nowrap;margin:0}.section-title .highlight{color:#0e7aff}.section-subtitle{font-family:Pretendard,sans-serif;font-weight:700;font-size:22px;line-height:1.35;color:#a7a7a8;white-space:nowrap;margin:0}.cards-grid{display:flex;flex-direction:column;gap:16px;width:100%}.cards-row{display:flex;gap:16px;align-items:flex-start;justify-content:center}.exchange-card{background:#181a21;width:312px;height:351px;border-radius:14px;box-shadow:0 4px 4px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.exchange-logo-container{position:absolute;top:58px;left:57px;width:197px;height:40px}.exchange-logo{width:100%;height:100%;object-fit:cover}.card-content{position:absolute;top:153px;left:0;width:100%;background:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:11px}.refund-info{display:flex;flex-direction:column;gap:1px;width:233px}.refund-label{font-family:Pretendard,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#a7a7a8;margin:0}.refund-amount-row{display:flex;gap:4px;align-items:center;width:100%}.refund-amount{font-family:Pretendard,sans-serif;font-weight:700;font-size:22px;line-height:1.35;color:#000;white-space:nowrap;margin:0}.refund-amount .amount-highlight{color:#0e7aff}.info-icon{width:22px;height:22px;flex-shrink:0}.info-icon img{width:100%;height:100%}.progress-bar-container{height:18px;width:100%;position:relative}.progress-bar-bg{position:absolute;top:33.33%;bottom:38.89%;left:0;right:0;background:#e2e8f0;border-radius:100px}.progress-bar-fill{position:absolute;top:33.33%;bottom:38.89%;left:0;background:#0e7aff;border-radius:100px;width:81.36%}.progress-tag{position:absolute;top:0;left:74.19%;right:8.6%;bottom:0;background:#fff;border:1px solid #FB4F4F;border-radius:100px;display:flex;align-items:center;justify-content:center;gap:3px;padding:1px 7px}.progress-icon{width:8px;height:11.015px;flex-shrink:0}.progress-icon img{width:100%;height:100%}.progress-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:10px;line-height:1.35;color:#33383d;text-align:center;white-space:nowrap;margin:0}.deadline-tag{background:#0e7aff1a;padding:3px 14px;border-radius:4px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start}.deadline-tag p{font-family:Pretendard,sans-serif;font-weight:700;font-size:12px;line-height:1.35;color:#0e7aff;text-align:center;white-space:nowrap;margin:0}.card-cta-button{background:#0e7aff;padding:7px 13px;border-radius:3px;overflow:hidden;border:none;cursor:pointer;width:100%;font-family:Pretendard,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#fff;text-align:center;white-space:nowrap;transition:all .2s ease}@media (max-width: 1024px){.section-title{font-size:24px}.section-subtitle{font-size:20px}.cards-row{flex-wrap:wrap}}@media (max-width: 768px){.section-title-container{padding:60px 0 12px}.section-title{font-size:22px}.section-subtitle{font-size:16px;white-space:normal;text-align:center;max-width:300px}.cards-row{flex-direction:column;align-items:center}.exchange-card{width:100%;max-width:312px}}@media (max-width: 480px){.section-title-container{padding:40px 16px 12px}.section-title-wrapper{width:auto}.section-title{font-size:18px;white-space:normal;text-align:center}.section-subtitle{font-size:14px}.exchange-card{height:auto;min-height:351px}}.transaction-history-section{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:0}.transaction-table{display:flex;flex-direction:column;width:960px;max-width:100%}.table-header{display:flex;background:#fff;padding:4px 16px;overflow:hidden;width:100%}.header-cell{background:#fcfcfc;border:1px solid rgba(14,122,255,.1);display:flex;align-items:center;justify-content:center;padding:18px 46px;overflow:hidden;flex-grow:1;flex-basis:0;min-height:1px}.uid-header{min-width:260px}.header-cell p{font-family:Pretendard,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#a7a7a8;white-space:nowrap;margin:0}.table-body{display:flex;flex-direction:column;background:#fff;width:100%}.transaction-row{display:flex;background:#fff;padding:0 16px;overflow:hidden;width:100%;transition:background-color .2s ease}.transaction-cell{background:#fff;border:1px solid rgba(14,122,255,.1);display:flex;align-items:center;justify-content:center;padding:0 46px;height:56px;overflow:hidden;flex-grow:1;flex-basis:0;min-height:1px}.uid-cell{min-width:260px}.transaction-cell p{font-family:Pretendard,sans-serif;font-weight:400;font-size:15px;line-height:1.35;white-space:nowrap;margin:0}.exchange-cell{padding:0 46px}.exchange-logo-small{width:110px;height:22px}.exchange-logo-small img{width:100%;height:100%;object-fit:cover}.exchange-logo-svg{width:70px;height:19.647px}.exchange-logo-svg img{width:100%;height:100%;object-fit:contain}.uid-cell p{color:#202327}.date-cell p{color:#a7a7a8}.amount-cell{display:flex;gap:10px;align-items:center;justify-content:center}.amount-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 2px;white-space:nowrap}.amount-krw{font-family:Pretendard,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#0e7aff;margin:0}.amount-usdt{font-family:Pretendard,sans-serif;font-weight:400;font-size:10px;line-height:1.35;color:#a7a7a8;margin:0}.external-link-icon{width:24px;height:24px;overflow:hidden;flex-shrink:0}.external-link-icon img{width:100%;height:100%}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;padding:24px 0}.page-button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(14,122,255,.2);background:#fff;color:#202327;font-family:Pretendard,sans-serif;font-weight:400;font-size:14px;cursor:pointer;transition:all .2s ease}.page-button:hover{border-color:#0e7aff;background:#0e7aff0d}.page-button.active{background:#0e7aff;color:#fff;border-color:#0e7aff}@media (max-width: 1024px){.transaction-table{width:100%;overflow-x:auto}.table-header,.transaction-row{min-width:800px}}@media (max-width: 768px){.table-header{padding:4px 8px}.transaction-row{padding:0 8px}.header-cell,.transaction-cell{padding:12px 16px}.header-cell p,.transaction-cell p{font-size:13px}.exchange-logo-small{width:80px;height:16px}.exchange-logo-svg{width:50px;height:14px}}@media (max-width: 480px){.section-title-container{padding:40px 16px 12px}.section-title{font-size:18px;white-space:normal;text-align:center}.section-subtitle{font-size:14px;white-space:normal;text-align:center}.table-header,.transaction-row{min-width:700px}.header-cell p,.transaction-cell p{font-size:12px}}.reviews-section{width:100%;background:#fff;padding:64px 22px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:30px}.reviews-container{display:flex;flex-direction:column;gap:30px;width:774px;max-width:100%}.review-wrapper{display:flex;padding:0 35px}.review-wrapper.align-left{justify-content:flex-start;padding-left:35px;padding-right:30px}.review-wrapper.align-right{justify-content:flex-end;padding-left:30px;padding-right:30px}.review-card{width:376px;max-width:100%;padding:20px 23px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.review-card-light{background:#f7f9fd}.review-card-blue{background:#0e7aff}.review-content{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.review-main{display:flex;gap:14px;align-items:flex-start;flex:1}.avatar{width:40px;height:40px;border-radius:20px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.review-details{display:flex;flex-direction:column;gap:6px;flex:1}.review-header{display:flex;gap:5px;align-items:center;width:172px}.author-name{font-family:Pretendard,sans-serif;font-weight:400;font-size:15px;line-height:1.35;color:#202327;white-space:nowrap;margin:0}.author-name.text-white{color:#fff}.stars-rating{display:flex;gap:0;height:14px;width:78px;align-items:center}.star{width:14px;height:14px;position:relative}.star img{width:100%;height:100%;object-fit:contain}.star.unfilled{background:#fff}.review-date{height:19px;width:70px}.review-date p{font-family:Pretendard,sans-serif;font-weight:400;font-size:12px;line-height:1.35;color:#a7a7a8;white-space:nowrap;margin:0}.review-date p.text-white{color:#fff}.review-text{font-family:Pretendard,sans-serif;font-weight:700;font-size:12px;line-height:1.35;color:#a7a7a8;width:246px;max-width:100%;margin:0;white-space:pre-line}.review-text.text-white{color:#fff}.google-logo{width:24px;height:24px;overflow:hidden;position:relative;flex-shrink:0}.google-vector-1,.google-vector-2,.google-vector-3,.google-vector-4{position:absolute}.google-vector-1{top:41.74%;right:4.16%;bottom:15.23%;left:50.93%}.google-vector-2{top:58.79%;right:18.08%;bottom:4.16%;left:9.14%}.google-vector-3{top:29.43%;right:75.33%;bottom:29.41%;left:4.17%}.google-vector-4{top:4.17%;right:17.78%;bottom:58.76%;left:9.14%}.google-vector-1 img,.google-vector-2 img,.google-vector-3 img,.google-vector-4 img{width:100%;height:100%;object-fit:contain}@media (max-width: 1024px){.reviews-container{width:100%}}@media (max-width: 768px){.reviews-section{padding:48px 16px}.reviews-container{gap:24px}.review-wrapper{padding:0!important;justify-content:center!important}.review-card,.review-text{width:100%}}@media (max-width: 480px){.reviews-section{padding:32px 12px}.review-card{padding:16px 18px}.review-header{flex-direction:column;align-items:flex-start;width:auto;gap:3px}.review-text{font-size:11px}}.floating-calculator{position:fixed;bottom:24px;left:0;right:0;margin:0 auto;transform:none;width:737px;max-width:calc(100% - 32px);background:#fff;border:1px solid rgba(14,122,255,.1);border-radius:10px;box-shadow:0 8px 24px 6px #0000001f;padding:10px 35px;overflow:hidden;transition:all .3s ease;z-index:1000}.calculator-content{display:flex;align-items:center;justify-content:space-between;width:100%}.calculator-text{display:flex;flex-direction:column;gap:0;width:187px}.calculator-title{font-family:Pretendard,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#000;margin:0;width:100%}.calculator-subtitle{font-family:Pretendard,sans-serif;font-weight:700;font-size:12px;line-height:1.35;color:#0e7aff;margin:0;width:100%}.calculator-button{background:#0e7aff;padding:7px 13px;border-radius:3px;overflow:hidden;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-weight:700;font-size:12px;line-height:1.35;color:#fff;text-align:center;white-space:nowrap;transition:all .2s ease}@media (max-width: 768px){.floating-calculator{bottom:16px;width:calc(100% - 32px);max-width:calc(100% - 32px);padding:12px 24px}.calculator-content{flex-direction:column;gap:12px;align-items:stretch}.calculator-text{width:100%;text-align:center}.calculator-button{width:100%}}@media (max-width: 480px){.floating-calculator{bottom:12px;width:calc(100% - 24px);max-width:calc(100% - 24px);padding:10px 16px;box-shadow:0 6px 20px 4px #00000026}.calculator-title{font-size:14px}.calculator-subtitle{font-size:11px}.calculator-button{font-size:11px;padding:6px 10px}}.tetherhub-landing{width:100%;min-height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center}.landing-main{width:100%;max-width:1440px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 250px}.floating-calculator-wrapper{width:100%;height:120px}@media (max-width: 1440px){.landing-main{padding:0 150px}}@media (max-width: 1200px){.landing-main{padding:0 80px}}@media (max-width: 1024px){.landing-main{padding:0 40px}}@media (max-width: 768px){.landing-main{padding:0 24px}.floating-calculator-wrapper{height:100px}}@media (max-width: 480px){.landing-main{padding:0 16px}.floating-calculator-wrapper{height:80px}}.card{background-color:var(--bg-secondary);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;transition:background-color .3s,box-shadow .3s}[data-theme=dark] .card{box-shadow:0 2px 8px #0006}.card-title{margin-top:0;margin-bottom:1rem;color:var(--text-primary);transition:color .3s}.card-content{color:var(--text-secondary);line-height:1.6;transition:color .3s}.home{flex:1;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.home h2{color:var(--text-primary);margin-bottom:2rem;text-align:center;transition:color .3s}.button-group{display:flex;gap:1rem;margin-top:1rem}button{background-color:#61dafb;color:#282c34;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s}button:hover{background-color:#4fa8c5}.input-field{width:100%;padding:.5rem;border:2px solid var(--border-color);border-radius:4px;font-size:1rem;margin-bottom:1rem;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .3s,background-color .3s,color .3s}.input-field:focus{outline:none;border-color:#61dafb}code{background-color:#61dafb1a;color:var(--text-primary);padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;transition:background-color .3s,color .3s}ul{line-height:1.8}.about{flex:1;padding:2rem 0}.about h2{color:var(--text-primary);margin-bottom:2rem;text-align:center;transition:color .3s}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tech-badge{background-color:#61dafb;color:#282c34;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.contact{flex:1;padding:2rem 0}.contact h2{color:var(--text-primary);margin-bottom:2rem;text-align:center;transition:color .3s}.contact-content{display:grid;gap:1.5rem}.contact-form{margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;transition:color .3s}.form-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:4px;font-size:1rem;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .3s,background-color .3s,color .3s}.form-input:focus{outline:none;border-color:#61dafb}textarea.form-input{resize:vertical;min-height:100px}.submit-button{background-color:#61dafb;color:#282c34;border:none;padding:.75rem 2rem;border-radius:4px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s;width:100%}.submit-button:hover{background-color:#4fa8c5}.success-message{background-color:#d4edda;color:#155724;padding:1rem;border-radius:4px;margin-top:1rem;text-align:center;font-weight:600}[data-theme=dark] .success-message{background-color:#1e4620;color:#9fdf9f}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-item strong{color:var(--text-primary);display:block;margin-bottom:.25rem;transition:color .3s}.info-item p{margin:0;color:var(--text-secondary);transition:color .3s}@media (min-width: 768px){.contact-content{grid-template-columns:1fr 1fr}}.sidebar{width:240px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-profile{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 36px;height:94px}.sidebar-profile-avatar{width:54px;height:54px;border-radius:100px;overflow:hidden;flex-shrink:0}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile-info{display:flex;flex-direction:column;gap:3px;width:144px}.sidebar-profile-name{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#000;margin:0}.sidebar-profile-email{display:flex;align-items:center;gap:5px}.sidebar-profile-email svg{width:17px;height:19px;flex-shrink:0}.sidebar-profile-email span{font-family:Inter,sans-serif;font-weight:400;font-size:10px;line-height:1.35;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu{display:flex;flex-direction:column}.sidebar-menu-item{display:flex;align-items:center;gap:12px;height:52px;padding:14px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative}.sidebar-menu-item span{font-family:Inter,Noto Sans KR,sans-serif;font-weight:400;font-size:15px;line-height:1.35;color:#000;white-space:nowrap}.sidebar-menu-item svg{flex-shrink:0}.sidebar-menu-item:hover{background:#0e7aff0f}.sidebar-menu-item.active{background:linear-gradient(90deg,#0e7aff1f,#0e7aff0a);border-left:3px solid #0e7aff;padding-left:11px}.sidebar-menu-item.active span{font-weight:600;color:#0e7aff}.sidebar-menu-item.active svg path[fill]:not([fill=none]){fill:#0d73ee}.sidebar-menu-item.active svg path[stroke]:not([stroke=none]){stroke:#0d73ee}.sidebar-menu-item:focus{outline:none}.sidebar-menu-item:focus-visible{outline:2px solid #0e7aff;outline-offset:-2px}@media (max-width: 1200px){.sidebar{width:100%;max-width:820px}.sidebar-profile{justify-content:flex-start;padding:12px 24px}}.dashboard-content{width:820px;background:#fff;overflow:hidden;flex-shrink:0}.dashboard-header{background:#0e7aff;display:flex;flex-direction:column;gap:22px;padding:34px 24px;overflow:hidden}.dashboard-header-stats{display:flex;flex-direction:column;width:148px}.dashboard-header-label{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#fff;margin:0}.dashboard-header-amount{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:27px;line-height:1.35;color:#fff;margin:0}.dashboard-header-usdt{font-family:Inter,sans-serif;font-weight:700;font-size:12px;line-height:1.35;color:#a3ccff;text-align:right;margin:0}.monthly-payback-card{background:#fff;border-radius:15px;overflow:hidden;width:100%;min-height:180px;position:relative;padding:22px 25px}.monthly-payback-title{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#33383d;margin:0}.monthly-payback-amount{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:22px;line-height:1.35;color:#000;margin:5px 0 0}.highlight-blue{color:#0e7aff}.highlight-red{color:#fb4f4f}.highlight-green{color:#22c55e}.monthly-payback-chart{margin-top:24px;position:relative;text-align:center}.chart-comparison{display:flex;flex-direction:column;gap:12px}.chart-bar-container{display:flex;align-items:center;gap:12px}.chart-bar-label{font-family:Inter,Noto Sans KR,sans-serif;font-weight:400;font-size:12px;color:#666;width:50px;flex-shrink:0}.chart-bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.chart-bar-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.chart-bar-fill.prev{background:#d0d0d0}.chart-bar-fill.current{background:#0e7aff}.chart-bar-value{font-family:Inter,sans-serif;font-weight:600;font-size:12px;color:#333;width:80px;text-align:right;flex-shrink:0}.monthly-bar-chart{margin-top:28px;width:70%;margin-left:auto;margin-right:auto}.bar-chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:90px;width:100%}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;max-width:48px}.bar-column.current{max-width:56px}.bar-wrapper{height:70px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar-fill{width:100%;border-radius:4px 4px 0 0;position:relative;animation:growUp .5s ease-out forwards;transform-origin:bottom}.bar-fill.previous{background:#e8e8e8;opacity:.7}.bar-fill.current{background:#0e7aff;border-radius:6px 6px 0 0}.bar-value-inside{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-weight:700;font-size:11px;color:#0e7aff;white-space:nowrap;opacity:0;animation:fadeIn .3s ease-out .4s forwards}.bar-label{font-family:Inter,Noto Sans KR,sans-serif;font-weight:400;font-size:10px;color:#bdbdbd;margin-top:6px;letter-spacing:-.02em}.bar-label.current{color:#0e7aff;font-weight:600}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#fff}.dashboard-loading p{margin:16px 0 0;font-family:Inter,Noto Sans KR,sans-serif;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#fff;text-align:center}.dashboard-empty p{margin:0;font-family:Inter,Noto Sans KR,sans-serif;font-size:16px;font-weight:600}.dashboard-empty .empty-subtext{margin-top:8px;font-size:13px;font-weight:400;opacity:.8}.report-empty{padding:24px;text-align:center;color:#666}.report-empty p{margin:0;font-family:Inter,Noto Sans KR,sans-serif;font-size:14px}.analysis-report-card{background:#fff;border-radius:30px;overflow:hidden;width:100%;padding:45px 24px;display:flex;flex-direction:column;gap:37px}.report-header{display:flex;align-items:center;gap:8px}.report-header h3{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:22px;line-height:1.35;color:#202327;margin:0}.report-insights{display:flex;flex-direction:column;gap:17px;width:100%;max-width:396px}.insight-item{display:flex;align-items:center;gap:20px}.insight-item svg{flex-shrink:0}.insight-content{display:flex;flex-direction:column;justify-content:center}.insight-text{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:15px;line-height:1.35;color:#33383d;margin:0}.insight-subtext{font-family:Inter,Noto Sans KR,sans-serif;font-weight:400;font-size:10px;line-height:1.35;color:#202327;margin:0}.report-calendar{background:#fff;padding:23px 55px;display:flex;flex-direction:column;align-items:center}.calendar-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.calendar-nav{background:none;border:none;font-size:14px;color:#666;cursor:pointer;padding:4px 8px;transition:color .2s}.calendar-nav:hover:not(:disabled){color:#0e7aff}.calendar-nav:disabled{color:#ccc;cursor:not-allowed}.calendar-month{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:15px;color:#202327}.calendar-grid{width:100%;max-width:614px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:12px}.weekday{font-family:Inter,Noto Sans KR,sans-serif;font-weight:400;font-size:12px;color:#666;padding:8px 0}.weekday.sunday{color:#fb4f4f}.weekday.saturday{color:#0e7aff}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:60px;padding:8px 4px;position:relative}.calendar-day.empty{visibility:hidden}.day-number{font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#202327}.calendar-day.sunday .day-number{color:#fb4f4f}.calendar-day.saturday .day-number{color:#0e7aff}.calendar-day.today .day-number{width:28px;height:28px;background:#0e7aff;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.calendar-day.has-data{background:#0e7aff0d;border-radius:8px}.day-amount{font-family:Inter,Noto Sans KR,sans-serif;font-weight:700;font-size:10px;color:#0e7aff;margin-top:4px;white-space:nowrap}.day-emoji{font-size:10px;margin-top:2px}@media (max-width: 1200px){.dashboard-content{width:100%;max-width:820px}}@media (max-width: 768px){.dashboard-header{padding:24px 16px}.monthly-payback-card{padding:18px 20px;height:auto;min-height:200px}.monthly-bar-chart{width:80%}.bar-chart-container{height:80px}.bar-wrapper{height:60px}.bar-value-inside{font-size:10px;top:-18px}.analysis-report-card{padding:30px 16px;border-radius:20px}.report-calendar{padding:16px}.calendar-grid{overflow-x:auto}.report-insights{max-width:100%}.insight-text{font-size:14px}}.referral-content{width:820px;background:#fff;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:94px 0}.referral-inner{background:#fff;display:flex;flex-direction:column;gap:31px;padding:34px 24px;overflow:hidden}.referral-label{font-weight:700;font-size:15px;line-height:1.35;color:var(--color-text-tertiary, #A7A7A8);margin:0}.referral-code-box{background:#f7f9fd;border-radius:10px;height:54px;width:569px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px}.referral-code{font-weight:400;font-size:15px;line-height:1.35;color:var(--color-heading, #202327);letter-spacing:2px}.referral-copy-btn{background:var(--color-surface-300, #33383D);border:none;border-radius:5px;height:32px;padding:6px 12px;cursor:pointer;font-weight:400;font-size:12px;line-height:1.35;color:#fff;transition:background .2s}.referral-copy-btn:hover{background:#454b52}.referral-stats{display:flex;align-items:center;gap:9px;width:569px;height:105px}.referral-stat-card{flex:1;background:#fff;border-radius:5px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 22px}.referral-stat-divider{width:1px;height:71px;background:#e5e5e5}.stat-label{font-weight:700;font-size:15px;line-height:1.35;color:var(--color-text-tertiary, #A7A7A8);margin:0;text-align:center}.stat-value{font-weight:700;font-size:22px;line-height:1.35;color:var(--color-primary, #0E7AFF);margin:8px 0 0;text-align:center}.referral-rewards-section{display:flex;flex-direction:column;margin-top:20px}.rewards-subtitle{font-weight:700;font-size:15px;line-height:1.35;color:var(--color-heading, #202327);margin:0}.rewards-title{font-weight:700;font-size:27px;line-height:1.35;color:var(--color-heading, #202327);margin:8px 0 0}.rewards-placeholder{margin-top:40px;padding:40px;background:#f7f9fd;border-radius:10px;text-align:center;width:569px}.rewards-placeholder p{font-weight:400;font-size:15px;line-height:1.5;color:var(--color-text-secondary, #666);margin:0}.rewards-hint{margin-top:8px!important;font-size:13px!important;color:#999!important}.share-link-btn{margin-top:20px;background:var(--color-primary, #0E7AFF);border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:600;font-size:14px;color:#fff;transition:background .2s}.share-link-btn:hover{background:#06d}@media (max-width: 1200px){.referral-content{width:100%;max-width:820px}.referral-code-box,.referral-stats,.rewards-placeholder{width:100%;max-width:569px}}@media (max-width: 768px){.referral-content{padding:40px 0}.referral-inner{padding:24px 16px;gap:24px}.referral-code-box{width:100%;max-width:none}.referral-stats{flex-direction:column;width:100%;max-width:none;height:auto;gap:0}.referral-stat-card{width:100%;height:auto;padding:20px}.referral-stat-divider{width:80%;height:1px;margin:8px 0}.rewards-placeholder{width:100%;max-width:none;padding:30px 20px}}.exchange-content{width:820px;background:#fff;overflow:hidden;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:94px 0}.exchange-inner{background:#fff;display:flex;flex-direction:column;gap:31px;padding:34px 24px;overflow:hidden;width:100%;max-width:620px}.exchange-label{font-weight:700;font-size:15px;line-height:1.35;color:var(--color-text-tertiary, #A7A7A8);margin:0}.exchange-loading{text-align:center;padding:60px 20px;font-weight:400;font-size:15px;color:var(--color-text-secondary, #666)}.exchange-empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;background:#f7f9fd;border-radius:10px}.empty-icon{width:64px;height:64px;background:#e8f1ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--color-primary, #0E7AFF)}.empty-title{font-weight:700;font-size:18px;line-height:1.35;color:var(--color-heading, #202327);margin:0 0 8px}.empty-desc{font-weight:400;font-size:14px;line-height:1.5;color:var(--color-text-secondary, #666);margin:0 0 24px;text-align:center}.link-exchange-btn{background:var(--color-primary, #0E7AFF);border:none;border-radius:8px;padding:14px 28px;cursor:pointer;font-weight:600;font-size:15px;color:#fff;transition:background .2s}.link-exchange-btn:hover{background:#06d}.linked-exchange-card{background:#f7f9fd;border-radius:15px;padding:24px}.exchange-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.exchange-logo svg{display:block}.exchange-badges{display:inline-flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-weight:600;font-size:12px;white-space:nowrap}.badge-gray{background:#e5e5e5;color:#666}.badge-yellow{background:#fff3cd;color:#856404}.badge-green{background:#d4edda;color:#155724}.badge-blue{background:#e8f1ff;color:var(--color-primary, #0E7AFF)}.exchange-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-weight:400;font-size:14px;color:var(--color-text-secondary, #666)}.info-value{font-weight:600;font-size:14px;color:var(--color-heading, #202327)}.status-verified{color:#28a745}.exchange-actions{display:flex;gap:12px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.sync-btn{background:var(--color-primary, #0E7AFF);border:none;color:#fff}.sync-btn:hover:not(:disabled){background:#06d}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.unlink-btn{background:#fff;border:1px solid #E5E5E5;color:#666}.unlink-btn:hover{background:#f5f5f5;border-color:#ccc}.last-synced{margin-top:16px;font-weight:400;font-size:12px;color:var(--color-text-tertiary, #A7A7A8);text-align:center}.exchange-stats{display:flex;align-items:center;background:#fff;border-radius:10px;border:1px solid #E5E5E5;padding:20px}.stat-card{flex:1;text-align:center}.stat-label{font-weight:700;font-size:13px;line-height:1.35;color:var(--color-text-tertiary, #A7A7A8);margin:0}.stat-value{font-weight:700;font-size:18px;line-height:1.35;color:var(--color-heading, #202327);margin:6px 0 0}.stat-value.highlight{color:var(--color-primary, #0E7AFF)}.stat-divider{width:1px;height:50px;background:#e5e5e5;margin:0 12px}.payback-section{margin-top:10px}.payback-subtitle{font-weight:700;font-size:15px;line-height:1.35;color:var(--color-heading, #202327);margin:0}.payback-title{font-weight:700;font-size:27px;line-height:1.35;color:var(--color-heading, #202327);margin:8px 0 24px}.payback-info{background:#f7f9fd;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}.payback-row{display:flex;justify-content:space-between;font-weight:400;font-size:14px;color:var(--color-heading, #202327)}.payback-row.total{padding-top:12px;border-top:1px solid #E5E5E5;font-weight:700}.payback-row.total span:last-child{color:var(--color-primary, #0E7AFF)}.payout-btn{width:100%;margin-top:20px;background:var(--color-primary, #0E7AFF);border:none;border-radius:8px;padding:16px;cursor:pointer;font-weight:600;font-size:16px;color:#fff;transition:background .2s}.payout-btn:hover:not(:disabled){background:#06d}.payout-btn:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:20px;padding:32px;width:100%;max-width:400px;margin:20px}.modal-title{font-weight:700;font-size:22px;line-height:1.35;color:var(--color-heading, #202327);margin:0 0 24px;text-align:center}.modal-exchange{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f7f9fd;border-radius:10px;margin-bottom:24px;font-weight:600;font-size:16px;color:var(--color-heading, #202327)}.modal-input-group{margin-bottom:20px}.modal-input-group label{display:block;font-weight:600;font-size:14px;color:var(--color-heading, #202327);margin-bottom:8px}.modal-input-group input{width:100%;padding:14px 16px;border:1px solid #E5E5E5;border-radius:8px;font-size:15px;color:var(--color-heading, #202327);outline:none;transition:border-color .2s;box-sizing:border-box}.modal-input-group input:focus{border-color:var(--color-primary, #0E7AFF)}.modal-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.input-hint{font-weight:400;font-size:12px;color:var(--color-text-tertiary, #A7A7A8);margin:8px 0 0}.modal-error{background:#fff3f3;color:#dc3545;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px}.modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:14px 20px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.modal-btn.cancel{background:#f7f9fd;border:none;color:var(--color-heading, #202327)}.modal-btn.cancel:hover:not(:disabled){background:#e5e5e5}.modal-btn.confirm{background:var(--color-primary, #0E7AFF);border:none;color:#fff}.modal-btn.confirm:hover:not(:disabled){background:#06d}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.vip-badge-wrapper{position:relative;display:inline-flex}.vip-badge{display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:background .2s;white-space:nowrap}.vip-badge:hover{background:#d4e8ff}.vip-badge svg{width:14px;height:14px;opacity:.7}.vip-info-tooltip{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;overflow:hidden}.vip-info-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f7f9fd;font-weight:600;font-size:14px;color:var(--color-heading, #202327)}.vip-info-header button{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:0;line-height:1}.vip-info-content{padding:12px 16px}.vip-table{width:100%;border-collapse:collapse;font-size:12px}.vip-table th{text-align:left;padding:8px 6px;font-weight:600;color:var(--color-text-tertiary, #A7A7A8);border-bottom:1px solid #E8F1FF}.vip-table td{padding:8px 6px;color:var(--color-text-secondary, #666)}.vip-table tr.current-vip{background:linear-gradient(135deg,#e8f4ff,#f0f7ff)}.vip-table tr.current-vip td{color:var(--color-primary, #0E7AFF);font-weight:600}.vip-table tr.current-vip td:first-child:before{content:"→ "}.vip-note{margin:12px 0 0;padding-top:12px;border-top:1px solid #F0F0F0;font-size:11px;color:var(--color-text-tertiary, #A7A7A8);line-height:1.5}.vip-info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:var(--color-text-secondary, #666)}.vip-info-row.highlight{color:var(--color-primary, #0E7AFF);font-weight:600}.volume-section{margin-top:10px}.volume-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.volume-header svg{color:var(--color-primary, #0E7AFF)}.volume-header h3{font-weight:700;font-size:18px;color:var(--color-heading, #202327);margin:0}.volume-breakdown{margin-top:16px;padding:16px;background:#f7f9fd;border-radius:10px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.breakdown-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary, #666)}.breakdown-dot{width:10px;height:10px;border-radius:50%}.breakdown-dot.taker{background:var(--color-primary, #0E7AFF)}.breakdown-dot.maker{background:#60a5fa}.breakdown-value{font-weight:600;font-size:14px;color:var(--color-heading, #202327)}.breakdown-bar{margin-top:12px;height:8px;background:#60a5fa;border-radius:4px;overflow:hidden}.breakdown-bar-taker{height:100%;background:var(--color-primary, #0E7AFF);border-radius:4px}.estimated-payback-card{background:linear-gradient(135deg,#f7f9fd,#e8f1ff);border-radius:15px;padding:24px;border:1px solid #E8F1FF}.estimated-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.estimated-label{font-weight:600;font-size:14px;color:var(--color-text-secondary, #666);margin:0}.estimated-badge{background:#fff3cd;color:#856404;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.estimated-value{font-weight:700;font-size:28px;color:var(--color-heading, #202327);margin:0 0 8px}.estimated-value span{font-size:16px;font-weight:500;color:var(--color-text-secondary, #666)}.estimated-hint{font-size:12px;color:var(--color-text-tertiary, #A7A7A8);margin:0}.estimated-label-wrapper{display:flex;align-items:center;gap:6px}.calc-info-btn{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary, #A7A7A8);transition:color .2s ease}.calc-info-btn:hover{color:var(--color-primary, #0E7AFF)}.calc-info-btn svg{width:14px;height:14px}.calc-tooltip{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin:12px 0;overflow:hidden}.calc-tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f7f9fd;border-bottom:1px solid #E8F1FF}.calc-tooltip-header span{font-weight:600;font-size:14px;color:var(--color-heading, #202327)}.calc-tooltip-header button{background:none;border:none;font-size:20px;color:var(--color-text-tertiary, #A7A7A8);cursor:pointer;padding:0;line-height:1}.calc-tooltip-header button:hover{color:var(--color-text-secondary, #666)}.calc-tooltip-content{padding:16px}.calc-formula{background:#f0f7ff;border-radius:8px;padding:12px;margin-bottom:16px}.formula-title{font-size:11px;font-weight:600;color:var(--color-primary, #0E7AFF);margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.formula-text{font-size:13px;font-weight:500;color:var(--color-heading, #202327);margin:0}.calc-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F0F0F0}.calc-section:last-of-type{border-bottom:none}.calc-section-title{font-size:12px;font-weight:600;color:var(--color-heading, #202327);margin:0 0 10px}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.calc-row span:first-child{color:var(--color-text-secondary, #666)}.calc-row span:last-child{font-weight:500;color:var(--color-heading, #202327);font-family:SF Mono,Monaco,Inconsolata,monospace}.calc-row.result{margin-top:8px;padding-top:8px;border-top:1px dashed #E0E0E0}.calc-row.result span:first-child{font-weight:600;color:var(--color-heading, #202327)}.calc-row.result span:last-child{color:var(--color-primary, #0E7AFF);font-weight:600}.calc-total{display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(135deg,#0e7aff,#0056d2);border-radius:8px;margin-top:8px}.calc-total span:first-child{font-size:13px;font-weight:600;color:#ffffffe6}.calc-total span:last-child{font-size:15px;font-weight:700;color:#fff;font-family:SF Mono,Monaco,Inconsolata,monospace}.claimable-card{background:var(--color-primary, #0E7AFF);border-radius:15px;padding:24px}.claimable-header{margin-bottom:8px}.claimable-label{font-weight:600;font-size:14px;color:#fffc;margin:0}.claimable-value{font-weight:700;font-size:32px;color:#fff;margin:0}.claimable-value span{font-size:18px;font-weight:500}.history-section{margin-top:20px}.history-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.history-header svg{color:var(--color-primary, #0E7AFF)}.history-header h3{font-weight:700;font-size:18px;color:var(--color-heading, #202327);margin:0}.history-table{background:#fff;border:1px solid #E5E5E5;border-radius:10px;overflow:hidden}.history-table-header{display:grid;grid-template-columns:1fr 1fr 100px;padding:12px 16px;background:#f7f9fd;font-weight:600;font-size:13px;color:var(--color-text-tertiary, #A7A7A8)}.history-row{display:grid;grid-template-columns:1fr 1fr 100px;padding:14px 16px;border-top:1px solid #E5E5E5;font-size:14px;align-items:center}.history-date{color:var(--color-text-secondary, #666)}.history-amount{font-weight:600;color:var(--color-heading, #202327)}.history-status{display:flex;align-items:center;gap:6px;font-weight:500;font-size:13px}.history-status svg{flex-shrink:0}.history-status.status-pending{color:#856404}.history-status.status-processing{color:var(--color-primary, #0E7AFF)}.history-status.status-completed{color:#28a745}.history-status.status-failed{color:#dc3545}.payout-modal{max-width:420px}.payout-summary{background:#f7f9fd;border-radius:10px;padding:20px;margin-bottom:20px}.payout-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.payout-summary-row:first-child{padding-top:0}.payout-summary-row:last-child{padding-bottom:0}.payout-summary-row span:first-child{color:var(--color-text-secondary, #666);font-size:14px}.payout-amount{font-weight:700;font-size:20px;color:var(--color-primary, #0E7AFF)}.payout-target{font-weight:600;font-size:14px;color:var(--color-heading, #202327)}.payout-notice{display:flex;gap:10px;padding:14px 16px;background:#fff8e6;border-radius:8px;margin-bottom:20px}.payout-notice svg{flex-shrink:0;color:#856404;margin-top:2px}.payout-notice p{margin:0;font-size:13px;line-height:1.5;color:#856404}.payout-success{text-align:center;padding:40px 20px}.success-icon{width:64px;height:64px;margin:0 auto 20px;background:#d4edda;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease-out}.success-icon svg{width:32px;height:32px;color:#28a745}.payout-success h3{font-weight:700;font-size:20px;color:var(--color-heading, #202327);margin:0 0 8px}.payout-success p{font-size:14px;color:var(--color-text-secondary, #666);margin:0}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.wallet-section{background:#f7f9fd;border-radius:15px;padding:24px}.wallet-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.wallet-header svg{color:var(--color-primary, #0E7AFF)}.wallet-header h3{font-weight:700;font-size:16px;color:var(--color-heading, #202327);margin:0}.wallet-content{background:#fff;border-radius:10px;padding:16px}.wallet-display{display:flex;align-items:center;justify-content:space-between;gap:16px}.wallet-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.wallet-label{font-size:12px;color:var(--color-text-tertiary, #A7A7A8)}.wallet-value{font-family:SF Mono,Monaco,monospace;font-size:13px;color:var(--color-heading, #202327);word-break:break-all}.wallet-edit-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f7f9fd;border:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-primary, #0E7AFF);cursor:pointer;flex-shrink:0}.wallet-edit-btn:hover{background:#e8f1ff}.wallet-empty{text-align:center;padding:20px}.wallet-empty p{font-size:14px;color:var(--color-text-secondary, #666);margin:0 0 16px}.wallet-add-btn{background:var(--color-primary, #0E7AFF);border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:600;font-size:14px;color:#fff;transition:background .2s}.wallet-add-btn:hover{background:#06d}.wallet-edit{display:flex;flex-direction:column;gap:16px}.wallet-input-group label{display:block;font-weight:600;font-size:14px;color:var(--color-heading, #202327);margin-bottom:8px}.wallet-input-group input{width:100%;padding:12px 14px;border:1px solid #E5E5E5;border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:14px;color:var(--color-heading, #202327);outline:none;transition:border-color .2s;box-sizing:border-box}.wallet-input-group input:focus{border-color:var(--color-primary, #0E7AFF)}.wallet-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.wallet-hint{font-size:12px;color:var(--color-text-tertiary, #A7A7A8);margin:8px 0 0}.wallet-error{background:#fff3f3;color:#dc3545;padding:10px 14px;border-radius:6px;font-size:13px}.wallet-actions{display:flex;gap:12px}.wallet-btn{flex:1;padding:12px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.wallet-btn.cancel{background:#f7f9fd;border:none;color:var(--color-heading, #202327)}.wallet-btn.cancel:hover:not(:disabled){background:#e5e5e5}.wallet-btn.save{background:var(--color-primary, #0E7AFF);border:none;color:#fff}.wallet-btn.save:hover:not(:disabled){background:#06d}.wallet-btn:disabled{opacity:.6;cursor:not-allowed}.payout-warning{margin-top:12px;font-size:13px;color:#dc3545;text-align:center}.payout-network{background:#e8f1ff;color:var(--color-primary, #0E7AFF);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.mono{font-family:SF Mono,Monaco,monospace}@media (max-width: 1200px){.exchange-content{width:100%;max-width:820px}}@media (max-width: 768px){.exchange-content{padding:40px 0}.exchange-inner{padding:24px 16px;gap:24px}.linked-exchange-card{padding:20px 16px}.exchange-header{flex-direction:column;align-items:flex-start;gap:12px}.exchange-actions{flex-direction:column}.exchange-stats{flex-direction:column;gap:16px;padding:16px}.stat-divider{width:80%;height:1px;margin:0}.modal-content{margin:16px;padding:24px}.vip-info-tooltip{right:-50px;width:200px}.volume-breakdown{padding:12px}.estimated-payback-card,.claimable-card{padding:20px}.estimated-value{font-size:24px}.claimable-value{font-size:28px}.history-table-header,.history-row{grid-template-columns:1fr 1fr 80px;padding:10px 12px}.history-status{font-size:12px}.payout-summary{padding:16px}.payout-amount{font-size:18px}}.mypage{background-color:#fff;min-height:100vh;display:flex;flex-direction:column}.mypage-container{display:flex;justify-content:center;padding:0 250px;flex:1}.mypage-content{display:flex;gap:8px;align-items:flex-start;justify-content:center;width:100%;max-width:1060px;padding-top:8px}@media (max-width: 1400px){.mypage-container{padding:0 100px}}@media (max-width: 1200px){.mypage-container{padding:0 48px}.mypage-content{flex-direction:column;align-items:center}}@media (max-width: 768px){.mypage-container{padding:0 16px}}.not-found{flex:1;padding:2rem 0;display:flex;align-items:center;justify-content:center}.not-found-content{text-align:center;padding:2rem}.error-code{font-size:6rem;color:#61dafb;margin:0 0 1rem;font-weight:700}.not-found-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;transition:color .3s}.not-found-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;transition:color .3s}.home-link{display:inline-block;background-color:#61dafb;color:#282c34;padding:.75rem 2rem;border-radius:4px;text-decoration:none;font-weight:600;transition:background-color .3s}.home-link:hover{background-color:#4fa8c5}:root{--calc-primary: #0E7AFF;--calc-primary-hover: #0066E6;--calc-heading: #202327;--calc-heading-black: #000000;--calc-body: #33383D;--calc-muted: #A7A7A8;--calc-border: #DDDDDD;--calc-border-light: #F3F4F6;--calc-bg: #FFFFFF;--calc-bg-secondary: #F9FAFB;--calc-warning: #FB4F4F;--calc-success: #34C759;--calc-radius-sm: 8px;--calc-radius-md: 10px;--calc-radius-lg: 16px;--calc-radius-xl: 20px}.payback-calculator-page{min-height:100vh;background-color:var(--calc-bg)}.payback-calculator{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);padding:20px 20px 60px}.calculator-container{width:100%;max-width:512px;margin:0 auto}.calc-screen{display:flex;flex-direction:column;background:var(--calc-bg)}.calc-step-screen,.calc-exchange-screen{padding:0}.progress-container{padding:20px 33px}.progress-segments{display:flex;gap:6px}.progress-segment{flex:1;height:4px;border-radius:2px;background-color:#eee}.exchange-header{display:flex;justify-content:center;padding:46px 33px 31px;text-align:center}.exchange-title{font-size:22px;font-weight:700;color:var(--calc-heading-black);line-height:1.35;margin:0;text-align:center}.exchange-grid-container{padding:0 33px;margin-bottom:24px}.exchange-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.exchange-btn{display:flex;align-items:center;gap:12px;padding:13px 12px;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:var(--calc-radius-md);cursor:pointer;transition:all .15s ease;text-align:left}.exchange-btn:hover{border-color:var(--calc-primary)}.exchange-btn.selected{border-color:var(--calc-primary);background-color:#0e7aff0a}.exchange-logo-circle{width:37px;height:37px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background-color:#fff;border:1px solid var(--calc-border);padding:6px}.exchange-logo-image{width:100%;height:100%;object-fit:contain}.exchange-logo-letter{width:100%;height:100%;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}.exchange-name{font-size:12px;font-weight:700;color:var(--calc-muted);line-height:1.35}.exchange-name.selected{color:var(--calc-primary)}.step-navigation{display:flex;gap:12px;margin-top:auto;padding:24px 33px}.nav-btn{flex:1;height:52px;border-radius:var(--calc-radius-md);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.nav-btn-back{background-color:var(--calc-bg-secondary);color:var(--calc-body)}.nav-btn-back:hover{background-color:#e5e7eb}.nav-btn-next{background-color:var(--calc-primary);color:#fff}.nav-btn-next:hover{background-color:var(--calc-primary-hover)}.nav-btn-next.disabled{background-color:var(--calc-border);color:var(--calc-muted);cursor:not-allowed}.step-header{text-align:center;margin-bottom:31px;padding:46px 33px 0}.step-title{font-size:22px;font-weight:700;color:var(--calc-heading);line-height:1.35;margin:0 0 8px}.step-description{font-size:14px;font-weight:400;color:var(--calc-muted);line-height:1.5;margin:0}.calc-leverage-screen{padding:0}.leverage-content{display:flex;flex-direction:column;gap:31px;padding:46px 33px}.leverage-title{font-size:22px;font-weight:700;color:#000;line-height:1.35;margin:0;text-align:left}.leverage-input-box{display:flex;align-items:center;justify-content:space-between;height:44px;padding:12px 16px;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:6px;transition:border-color .15s ease}.leverage-input-box.focused{border-color:var(--calc-primary)}.leverage-input{flex:1;border:none;background:transparent;outline:none;font-size:12px;font-weight:400;color:var(--calc-heading);caret-color:var(--calc-primary)}.leverage-input::placeholder{color:var(--calc-muted);font-weight:400}.leverage-suffix{font-size:12px;font-weight:700;color:#000;flex-shrink:0;margin-left:8px}.leverage-nav{display:flex;gap:9px;width:100%}.leverage-btn-back{height:46px;padding:7px 13px;background:var(--calc-border);border:none;border-radius:8px;font-size:15px;font-weight:700;color:var(--calc-muted);cursor:pointer;transition:all .15s ease}.leverage-btn-back:hover{background:#ccc}.leverage-btn-next{flex:1;height:46px;padding:7px 13px;background:var(--calc-primary);border:none;border-radius:8px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease}.leverage-btn-next:hover{background:var(--calc-primary-hover)}.leverage-btn-next.disabled{background:var(--calc-border);color:var(--calc-muted);cursor:not-allowed}.input-area{margin-bottom:24px;padding:0 33px}.input-box{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:var(--calc-bg-secondary);border:2px solid transparent;border-radius:var(--calc-radius-lg);transition:all .15s ease}.input-box.focused{border-color:var(--calc-primary);background:var(--calc-bg)}.input-box.has-value{background:var(--calc-bg);border-color:var(--calc-border)}.input-box.focused.has-value{border-color:var(--calc-primary)}.input-field{border:none;background:transparent;text-align:center;outline:none;width:100px;font-size:28px;font-weight:700;color:var(--calc-heading);caret-color:var(--calc-primary);padding:0;margin:0;line-height:1}.input-field-wide{width:160px}.input-field::placeholder{color:#ddd;font-weight:300}.input-suffix{font-size:20px;font-weight:600;color:var(--calc-muted);line-height:1;margin-left:6px}.input-hint{text-align:center;font-size:13px;color:var(--calc-muted);margin:12px 0 0}.quick-select-area{margin-bottom:8px;padding:0 33px}.quick-select-grid{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.quick-chip{padding:10px 18px;background:var(--calc-bg-secondary);border:1.5px solid transparent;border-radius:24px;font-size:14px;font-weight:500;color:var(--calc-body);cursor:pointer;transition:all .15s ease}.quick-chip:hover{background:var(--calc-border-light);border-color:var(--calc-border)}.quick-chip.active{background:#0e7aff14;border-color:var(--calc-primary);color:var(--calc-primary)}.currency-toggle-wrap{margin-bottom:20px;padding:0 33px}.currency-toggle{display:flex;background:var(--calc-bg-secondary);border-radius:var(--calc-radius-md);padding:4px}.currency-option{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:var(--calc-radius-sm);font-size:14px;font-weight:500;color:var(--calc-muted);cursor:pointer;transition:all .15s ease}.currency-option.active{background:var(--calc-bg);color:var(--calc-primary);box-shadow:0 1px 3px #00000014}.calc-hero-new{text-align:center;padding:68px 24px 40px;background:var(--calc-bg)}.hero-content-new{display:flex;flex-direction:column;align-items:center;gap:21px}.hero-logo{display:flex;align-items:center;gap:2px}.hero-logo-icon{width:28px;height:27px;display:flex;align-items:center;justify-content:center}.hero-logo-icon img{width:100%;height:100%;object-fit:contain}.hero-logo-text{font-size:27px;font-weight:700;color:var(--calc-primary);letter-spacing:-.81px;line-height:1.35}.hero-title-section{display:flex;flex-direction:column;align-items:center;gap:1px;padding:11px 0 16px}.hero-title-new{font-size:27px;font-weight:700;color:var(--calc-heading);line-height:1.35;margin:0}.hero-subtitle-new{font-size:22px;font-weight:700;color:var(--calc-muted);line-height:1.35;margin:0}.hero-illustration-container{position:relative;width:388px;height:274px;display:flex;align-items:center;justify-content:center;margin:19px 0}.hero-float-badge{position:absolute;padding:6px 12px;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:20px;box-shadow:0 2px 8px #0000000f;z-index:1}.hero-float-badge--primary{background:var(--calc-primary);border-color:var(--calc-primary)}.hero-float-badge .badge-text{font-size:12px;font-weight:600;color:var(--calc-muted)}.hero-float-badge--primary .badge-text{color:#fff}.hero-float-symbol{position:absolute;font-size:24px;font-weight:700;color:var(--calc-primary);z-index:1}.hero-float-symbol--small{font-size:18px;color:var(--calc-muted)}.hero-calc-card{position:relative;width:240px;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:16px;padding:16px;box-shadow:0 4px 24px #00000014;cursor:pointer;z-index:2;overflow:hidden}.hero-calc-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.hero-calc-dots{display:flex;gap:4px}.hero-calc-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--calc-border)}.hero-calc-dots .dot:first-child{background:#ff5f57}.hero-calc-dots .dot:nth-child(2){background:#ffbd2e}.hero-calc-dots .dot:nth-child(3){background:#28ca41}.hero-calc-title{font-size:11px;font-weight:500;color:var(--calc-muted);flex:1;text-align:center;margin-right:24px}.hero-calc-display{text-align:center;margin-bottom:16px}.hero-calc-amount{font-size:28px;font-weight:700;color:var(--calc-heading);line-height:1.2}.hero-calc-period{font-size:11px;color:var(--calc-muted);margin-top:4px}.hero-calc-chart{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:40px;margin-bottom:16px;padding:0 8px}.hero-chart-bar{width:20px;background:linear-gradient(180deg,var(--calc-primary) 0%,rgba(14,122,255,.4) 100%);border-radius:3px 3px 0 0;min-height:4px}.hero-calc-stats{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid var(--calc-border-light)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hero-stat-label{font-size:10px;color:var(--calc-muted)}.hero-stat-value{font-size:13px;font-weight:600;color:var(--calc-heading)}.hero-stat-value--primary{color:var(--calc-primary)}.hero-stat-divider{width:1px;height:24px;background:var(--calc-border)}.hero-calc-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;border:2px solid var(--calc-primary);pointer-events:none;box-shadow:0 0 20px #0e7aff26}.hero-cta-btn-new{padding:19px 30px;background-color:var(--calc-primary);color:#fff;border:none;border-radius:140px;font-size:22px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #0e7aff40}.hero-cta-btn-new:hover{background-color:var(--calc-primary-hover)}.calc-hero{text-align:center;padding:60px 24px}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-illustration{width:140px;height:140px;margin-bottom:32px}.hero-illustration img{width:100%;height:100%;object-fit:contain}.hero-title{font-size:26px;font-weight:700;color:var(--calc-heading);line-height:1.4;margin-bottom:12px}.hero-subtitle{font-size:15px;color:var(--calc-muted);margin-bottom:40px}.hero-cta-btn{width:100%;max-width:320px;height:56px;background-color:var(--calc-primary);color:#fff;border:none;border-radius:var(--calc-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease}.hero-cta-btn:hover{background-color:var(--calc-primary-hover)}.calc-loading-new{min-height:480px;display:flex;align-items:center;justify-content:center;padding:40px 24px}.loading-content-new{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:320px}.loading-card{width:100%;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:16px;padding:20px;box-shadow:0 4px 24px #0000000f}.loading-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--calc-border-light)}.loading-card-dots{display:flex;gap:5px}.loading-card-dots .dot{width:8px;height:8px;border-radius:50%}.loading-card-dots .dot:nth-child(1){background:#ff5f57}.loading-card-dots .dot:nth-child(2){background:#ffbd2e}.loading-card-dots .dot:nth-child(3){background:#28ca41}.loading-card-title{font-size:11px;font-weight:600;color:var(--calc-muted);letter-spacing:.5px}.loading-data-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.loading-data-item{display:flex;justify-content:space-between;align-items:center}.loading-data-label{font-size:13px;color:var(--calc-muted)}.loading-data-value{font-size:15px;font-weight:600;color:var(--calc-heading);font-variant-numeric:tabular-nums}.loading-data-value--primary{color:var(--calc-primary)}.loading-progress-wrap{padding-top:16px;border-top:1px solid var(--calc-border-light)}.loading-progress-bar{height:4px;background:var(--calc-border-light);border-radius:2px;overflow:hidden}.loading-progress-fill{height:100%;background:var(--calc-primary);border-radius:2px}.loading-steps{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-step-current{display:flex;align-items:center;gap:10px;height:24px}.loading-step-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.loading-step-text{font-size:14px;font-weight:500;color:var(--calc-heading)}.loading-step-dots{display:flex;gap:8px}.loading-step-dot{width:6px;height:6px;border-radius:50%;background:var(--calc-border)}.loading-trust-message{font-size:12px;color:var(--calc-muted);text-align:center;margin:0}.loading-bg-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.loading-bg-particle{position:absolute;bottom:40%;font-size:18px;font-weight:700;color:var(--calc-primary)}.loading-progress-glow{position:absolute;top:-3px;width:8px;height:10px;background:var(--calc-primary);border-radius:50%;filter:blur(4px);opacity:.8;transform:translate(-50%)}.loading-tease{text-align:center;font-size:13px;color:var(--calc-body);padding:12px 16px;background:var(--calc-bg-secondary);border-radius:8px;min-height:44px;display:flex;align-items:center;justify-content:center}.loading-reveal{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:linear-gradient(135deg,#0e7aff14,#0e7aff05);border:1px solid rgba(14,122,255,.15);border-radius:12px;min-height:44px}.loading-reveal-label{font-size:12px;color:var(--calc-muted)}.loading-reveal-amount{font-size:24px;font-weight:700;color:var(--calc-primary)}.loading-step-text--complete{color:var(--calc-primary);font-weight:600}.loading-coins-section{display:flex;align-items:center;gap:20px;padding:16px 24px;background:var(--calc-bg-secondary);border-radius:12px;width:100%}.coin-stack-container{position:relative;width:50px;height:60px;display:flex;align-items:flex-end;justify-content:center}.coin-stack{position:relative;width:36px;height:54px}.coin{position:absolute;left:0;width:36px;height:10px;border-radius:50%;background:linear-gradient(180deg,gold,orange);border:1px solid #E6A700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.coin-face{font-size:7px;font-weight:700;color:#b8860b;margin-top:-1px}.coin-shadow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:32px;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.15) 0%,transparent 70%);border-radius:50%}.loading-coins-text{display:flex;flex-direction:column;gap:2px}.coins-label{font-size:12px;color:var(--calc-muted)}.coins-amount{font-size:20px;font-weight:700;color:var(--calc-heading);font-variant-numeric:tabular-nums}.calc-loading-v2{min-height:520px;display:flex;align-items:center;justify-content:center;padding:40px 24px}.loading-v2-content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:340px}.loading-v2-header{text-align:center;width:100%}.loading-v2-title-wrap{min-height:32px;margin-bottom:16px}.loading-v2-analyzing,.loading-v2-complete{display:flex;align-items:center;justify-content:center;gap:10px}.loading-v2-spinner,.loading-v2-check{display:flex;align-items:center;justify-content:center}.loading-v2-title{font-size:18px;font-weight:600;color:var(--calc-heading);margin:0}.loading-v2-title--complete{color:var(--calc-primary);font-weight:700}.loading-v2-dots{display:flex;justify-content:center;gap:8px}.loading-v2-dot{width:8px;height:8px;border-radius:50%;background:var(--calc-border)}.loading-v2-card{width:100%;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:16px;padding:20px;box-shadow:0 8px 32px #00000014;position:relative;overflow:hidden}.loading-v2-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--calc-border-light)}.loading-v2-card-dots{display:flex;gap:5px}.loading-v2-card-dots .dot{width:8px;height:8px;border-radius:50%}.loading-v2-card-dots .dot.red{background:#ff5f57}.loading-v2-card-dots .dot.yellow{background:#ffbd2e}.loading-v2-card-dots .dot.green{background:#28ca41}.loading-v2-card-title{font-size:11px;font-weight:600;color:var(--calc-muted);letter-spacing:.5px;flex:1}.loading-v2-amount-section{text-align:center;margin-bottom:20px}.loading-v2-amount-label{font-size:12px;color:var(--calc-muted);display:block;margin-bottom:4px}.loading-v2-amount-wrap{display:flex;align-items:baseline;justify-content:center;gap:8px}.loading-v2-amount{font-size:32px;font-weight:700;color:var(--calc-heading);font-variant-numeric:tabular-nums}.loading-v2-amount-calculating{font-size:11px;color:var(--calc-primary);padding:2px 8px;background:#0e7aff1a;border-radius:4px}.loading-v2-data-grid{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.loading-v2-data-item{flex:1;text-align:center;padding:10px 8px;background:var(--calc-bg-secondary);border-radius:8px}.loading-v2-data-item .data-label{font-size:10px;color:var(--calc-muted);display:block;margin-bottom:4px}.loading-v2-data-item .data-value{font-size:13px;font-weight:600;color:var(--calc-heading);font-variant-numeric:tabular-nums}.loading-v2-data-item .data-value--primary{color:var(--calc-primary)}.loading-v2-data-item .data-value--blur{filter:blur(2px);transition:filter .3s ease}.loading-v2-progress{padding-top:16px;border-top:1px solid var(--calc-border-light)}.loading-v2-progress-bar{height:4px;background:var(--calc-border-light);border-radius:2px;overflow:hidden}.loading-v2-progress-fill{height:100%;background:var(--calc-primary);border-radius:2px}.loading-v2-card-wrapper{position:relative;width:100%}.loading-v2-bg-graphic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:center}.bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,#0e7aff26,#0e7aff00 70%)}.bg-circle--large{width:400px;height:400px}.bg-circle--medium{width:300px;height:300px}.bg-circle--small{width:200px;height:200px}.loading-v2-card{position:relative;z-index:1}.loading-v2-ai-badge{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#0e7aff14,#0e7aff05);border:1px solid rgba(14,122,255,.15);border-radius:12px;width:100%}.ai-badge-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--calc-primary) 0%,#4DA3FF 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-badge-icon svg{fill:#fff}.ai-badge-text{display:flex;flex-direction:column;gap:2px}.ai-badge-label{font-size:14px;font-weight:600;color:var(--calc-heading)}.ai-badge-sub{font-size:12px;color:var(--calc-muted)}[data-theme=dark] .loading-v2-card{background:var(--calc-bg-secondary)}[data-theme=dark] .loading-v2-data-item{background:#2a2a2a}[data-theme=dark] .loading-v2-ai-badge{background:linear-gradient(135deg,#0e7aff1f,#0e7aff0a);border-color:#0e7aff40}.calc-loading-gamified{min-height:520px;display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow:hidden}.loading-gamified-content{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:360px;position:relative}.loading-particles-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:center;align-items:center}.loading-particle{position:absolute;font-size:20px;font-weight:700;color:var(--calc-primary);opacity:.6}.savings-display{width:100%;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 8px 32px #00000014;position:relative;z-index:1}.savings-label{font-size:14px;font-weight:500;color:var(--calc-muted);margin-bottom:8px}.savings-amount-container{position:relative;margin-bottom:24px}.savings-amount{display:flex;align-items:baseline;justify-content:center;gap:4px}.savings-currency{font-size:28px;font-weight:700;color:var(--calc-primary)}.savings-number{font-size:44px;font-weight:700;color:var(--calc-heading);font-variant-numeric:tabular-nums;letter-spacing:-1px}.savings-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(14,122,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.savings-progress-container{width:100%}.savings-progress-bar{height:6px;background:var(--calc-border-light);border-radius:3px;overflow:hidden;margin-bottom:8px}.savings-progress-fill{height:100%;background:var(--calc-primary);border-radius:3px;transition:width .1s ease-out}.savings-progress-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--calc-muted)}.milestone-popup{position:absolute;top:-60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--calc-bg);border:1px solid var(--calc-primary);border-radius:24px;box-shadow:0 4px 20px #0e7aff33;white-space:nowrap;z-index:10}.milestone-icon{font-size:16px}.milestone-text{font-size:13px;font-weight:600;color:var(--calc-primary)}.loading-status{display:flex;justify-content:center;min-height:24px}.status-calculating,.status-complete{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--calc-muted)}.status-spinner,.status-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.status-complete{color:var(--calc-primary);font-weight:500}.loading-insight{font-size:13px;color:var(--calc-muted);text-align:center;margin:0}.insight-highlight{color:var(--calc-primary);font-weight:600}.calc-loading{min-height:420px;display:flex;align-items:center;justify-content:center}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-spinner{margin-bottom:32px}.loading-text{margin-bottom:20px}.loading-text h2{font-size:20px;font-weight:600;color:var(--calc-heading);line-height:1.5}.loading-dots{display:flex;gap:6px}.loading-dot{width:6px;height:6px;border-radius:50%;background-color:var(--calc-primary)}.calc-result-summary{text-align:center;padding:40px 24px}.result-content{display:flex;flex-direction:column;align-items:center}.result-header{margin-bottom:8px}.result-label{font-size:14px;color:var(--calc-muted)}.result-amount-wrap{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.result-amount{font-size:44px;font-weight:700;color:var(--calc-heading)}.result-currency{font-size:24px;font-weight:600;color:var(--calc-heading)}.result-subtitle{font-size:13px;color:var(--calc-muted);margin-bottom:36px}.result-chart{width:100%;margin-bottom:32px}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:100px;padding:0 8px;margin-bottom:20px}.chart-bar-wrap{display:flex;flex-direction:column;align-items:center;flex:1}.chart-bar{width:28px;background:linear-gradient(180deg,var(--calc-primary) 0%,#4DA3FF 100%);border-radius:4px 4px 0 0;margin-bottom:8px}.chart-label{font-size:11px;color:var(--calc-muted)}.chart-total{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--calc-bg-secondary);border-radius:var(--calc-radius-md)}.chart-total-label{font-size:13px;color:var(--calc-muted)}.chart-total-value{font-size:18px;font-weight:700;color:var(--calc-primary)}.result-cta-btn{width:100%;height:56px;background-color:var(--calc-primary);color:#fff;border:none;border-radius:var(--calc-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease}.result-cta-btn:hover{background-color:var(--calc-primary-hover)}.calc-result-detail{padding:24px 0}.detail-header{text-align:center;margin-bottom:24px}.detail-header h2{font-size:20px;font-weight:700;color:var(--calc-heading)}.detail-card{background:var(--calc-bg-secondary);border-radius:var(--calc-radius-lg);padding:20px;margin:0 33px 12px}.card-title{font-size:14px;font-weight:600;color:var(--calc-heading);margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:var(--calc-muted)}.summary-value{font-size:15px;font-weight:600;color:var(--calc-heading)}.rate-info-card{padding:16px 20px}.rate-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.rate-row:not(:last-child){border-bottom:1px solid var(--calc-border)}.rate-label{font-size:13px;color:var(--calc-muted)}.rate-value{font-size:15px;font-weight:600;color:var(--calc-heading)}.breakdown-table{display:flex;flex-direction:column;gap:4px}.breakdown-header,.breakdown-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center}.breakdown-header{padding-bottom:12px;border-bottom:1px solid var(--calc-border);font-size:11px;color:var(--calc-muted)}.breakdown-row{padding:10px 0;font-size:13px}.total-card{background:linear-gradient(135deg,#0e7aff14,#0e7aff0a);border:1px solid rgba(14,122,255,.15)}.total-row{display:flex;justify-content:space-between;align-items:center}.total-value-wrap{text-align:right}.total-value{font-size:22px;font-weight:700;color:var(--calc-primary)}.total-sub{display:block;font-size:12px;color:var(--calc-muted);margin-top:2px}.detail-navigation{display:flex;gap:12px;margin-top:24px;padding:0 33px}.calc-policy-cta{padding:24px 0}.policy-header{text-align:center;margin-bottom:24px;padding:0 33px}.policy-header h2{font-size:20px;font-weight:700;color:var(--calc-heading);margin-bottom:4px}.policy-header p{font-size:13px;color:var(--calc-muted)}.policy-card{background:var(--calc-bg-secondary);border-radius:var(--calc-radius-lg);padding:20px;margin:0 33px 20px}.policy-item{display:flex;align-items:center;gap:12px;padding:12px 0}.policy-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.policy-icon.base{background:linear-gradient(135deg,#ffd93d,#ff9f1c);color:#fff}.policy-icon.refund{background:linear-gradient(135deg,var(--calc-primary) 0%,#4DA3FF 100%);overflow:hidden}.policy-icon-img{width:100%;height:100%;object-fit:cover}.policy-icon.boost{background:linear-gradient(135deg,#34c759,#30d158);color:#fff}.policy-info{flex:1;display:flex;flex-direction:column;gap:2px}.policy-label{font-size:14px;font-weight:600;color:var(--calc-heading)}.policy-desc{font-size:11px;color:var(--calc-muted)}.policy-rate{font-size:18px;font-weight:700;color:var(--calc-primary);flex-shrink:0}.policy-divider{height:1px;background:var(--calc-border)}.policy-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;margin-top:8px;border-top:2px solid var(--calc-border)}.policy-total-label{font-size:15px;font-weight:600;color:var(--calc-heading)}.policy-total-value{font-size:22px;font-weight:700;color:var(--calc-primary)}.existing-account-card{background:var(--calc-bg-secondary);border-radius:var(--calc-radius-lg);padding:24px;text-align:center;margin:0 33px 20px}.existing-question{font-size:15px;font-weight:600;color:var(--calc-heading);margin-bottom:16px}.existing-buttons{display:flex;gap:12px}.existing-btn{flex:1;height:48px;border-radius:var(--calc-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.existing-btn.yes{background:#fff;border:1.5px solid var(--calc-primary);color:var(--calc-primary)}.existing-btn.yes:hover{background:#0e7aff0a}.existing-btn.no{background:var(--calc-primary);border:none;color:#fff}.existing-btn.no:hover{background:var(--calc-primary-hover)}.existing-info-card{display:flex;gap:12px;padding:16px;background:#0e7aff0a;border:1px solid rgba(14,122,255,.1);border-radius:var(--calc-radius-md);margin:0 33px 20px}.existing-info-icon{flex-shrink:0}.existing-info-text{font-size:13px;color:var(--calc-body);line-height:1.5}.new-account-promo{text-align:center;margin:0 33px 24px}.promo-image{width:180px;height:auto;margin-bottom:12px}.promo-text{font-size:13px;color:var(--calc-muted);line-height:1.6}.policy-cta-buttons{display:flex;flex-direction:column;gap:10px;padding:0 33px}.cta-btn{width:100%;height:52px;border-radius:var(--calc-radius-md);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.cta-btn.primary{background-color:var(--calc-primary);color:#fff}.cta-btn.primary:hover{background-color:var(--calc-primary-hover)}.cta-btn.secondary{background-color:var(--calc-bg-secondary);color:var(--calc-body)}.cta-btn.secondary:hover{background-color:var(--calc-border-light)}@media (max-width: 520px){.calculator-container{max-width:100%}.calc-hero-new{padding:48px 20px 32px}.hero-logo-text,.hero-title-new{font-size:22px}.hero-subtitle-new{font-size:18px}.hero-illustration-container{width:100%;max-width:320px;height:220px;margin:12px 0}.hero-calc-card{width:200px;padding:12px}.hero-calc-amount{font-size:22px}.hero-float-badge{padding:4px 10px}.hero-float-badge .badge-text{font-size:10px}.hero-float-symbol{font-size:18px}.hero-float-symbol--small{font-size:14px}.hero-cta-btn-new{font-size:18px;padding:16px 24px}.exchange-header{padding:32px 20px 24px}.exchange-title{font-size:20px}.exchange-grid-container{padding:0 20px}.exchange-grid-3col{gap:6px}.exchange-btn{padding:10px 8px;gap:8px}.exchange-logo-circle{width:32px;height:32px}.exchange-logo-image{width:100%;height:100%}.exchange-logo-letter{font-size:13px}.exchange-name{font-size:11px}.progress-container{padding:16px 20px}.progress-segments{gap:4px}.step-navigation{padding:24px 20px}.step-header{padding:32px 20px 0}.input-area,.quick-select-area,.currency-toggle-wrap,.detail-card,.policy-card,.existing-account-card,.existing-info-card,.new-account-promo,.detail-navigation,.policy-cta-buttons,.policy-header{padding-left:20px;padding-right:20px}.detail-card,.policy-card,.existing-account-card,.existing-info-card,.new-account-promo{margin-left:20px;margin-right:20px}.input-field{font-size:24px;width:80px}.input-field-wide{width:140px}.result-amount{font-size:36px}.result-currency{font-size:20px}.chart-bar{width:22px}}.calc-result-page{display:flex;flex-direction:column;min-height:100%}.result-hero{display:flex;flex-direction:column;align-items:center;padding:40px 24px;text-align:center}.result-hero-header{margin-bottom:32px}.result-hero-label{font-size:14px;color:var(--calc-muted);margin-bottom:8px}.result-hero-amount{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.result-hero-amount .amount-value{font-size:44px;font-weight:700;color:var(--calc-heading)}.result-hero-amount .amount-unit{font-size:24px;font-weight:600;color:var(--calc-heading)}.result-hero-sub{font-size:13px;color:var(--calc-muted)}.month-selector{width:100%;max-width:400px;margin-bottom:24px}.month-selector-label{font-size:13px;color:var(--calc-muted);margin-bottom:12px}.month-tabs{display:flex;gap:6px;background:var(--calc-bg-secondary);padding:4px;border-radius:10px}.month-tab{flex:1;padding:10px 8px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--calc-muted);cursor:pointer;transition:all .2s ease}.month-tab:hover{color:var(--calc-body)}.month-tab.active{background:var(--calc-bg);color:var(--calc-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.cumulative-display{text-align:center;margin-bottom:32px;padding:20px 24px;background:linear-gradient(135deg,#0e7aff14,#0e7aff05);border:1px solid rgba(14,122,255,.15);border-radius:16px;width:100%;max-width:400px}.cumulative-label{font-size:13px;color:var(--calc-muted);margin-bottom:8px}.cumulative-value{font-size:28px;font-weight:700;color:var(--calc-primary);margin:0}.result-graph{width:100%;max-width:400px;margin-bottom:32px}.graph-container{display:flex;gap:12px;height:160px}.graph-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:10px;color:var(--calc-muted);padding:0 0 24px;min-width:40px}.graph-bars{flex:1;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--calc-border-light);position:relative}.graph-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.graph-bar{width:100%;max-width:36px;background:var(--calc-border);border-radius:4px 4px 0 0;transition:background .3s ease}.graph-bar.active{background:linear-gradient(180deg,var(--calc-primary) 0%,#4DA3FF 100%)}.graph-bar-label{position:absolute;bottom:0;font-size:11px;color:var(--calc-muted);transform:translateY(100%);padding-top:8px}.result-cta-scroll{display:flex;align-items:center;gap:6px;padding:14px 24px;background:transparent;border:1.5px solid var(--calc-primary);border-radius:10px;color:var(--calc-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.result-cta-scroll:hover{background:#0e7aff0a}.result-cta-scroll svg{animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.result-detail-section{background:var(--calc-bg-secondary);padding:40px 24px;border-top:1px solid var(--calc-border-light)}.detail-section-title{font-size:20px;font-weight:700;color:var(--calc-heading);text-align:center;margin-bottom:24px}.result-detail-section .detail-card{background:var(--calc-bg);border-radius:12px;padding:20px;margin-bottom:12px}.result-detail-section .detail-card-title{font-size:14px;font-weight:600;color:var(--calc-heading);margin-bottom:16px}.result-detail-section .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.result-detail-section .detail-item{display:flex;flex-direction:column;gap:4px}.result-detail-section .detail-item-label{font-size:12px;color:var(--calc-muted)}.result-detail-section .detail-item-value{font-size:15px;font-weight:600;color:var(--calc-heading)}.result-detail-section .rate-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.result-detail-section .rate-row:not(:last-child){border-bottom:1px solid var(--calc-border-light)}.result-detail-section .rate-label{font-size:13px;color:var(--calc-muted)}.result-detail-section .rate-value{font-size:15px;font-weight:600;color:var(--calc-heading)}.result-detail-section .rate-value.primary{color:var(--calc-primary)}.result-detail-section .breakdown-table{display:flex;flex-direction:column;gap:4px}.result-detail-section .breakdown-header,.result-detail-section .breakdown-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center}.result-detail-section .breakdown-header{padding-bottom:12px;border-bottom:1px solid var(--calc-border-light);font-size:11px;color:var(--calc-muted)}.result-detail-section .breakdown-row{padding:10px 0;font-size:13px;color:var(--calc-heading)}.result-detail-section .breakdown-row .primary{color:var(--calc-primary);font-weight:600}.result-detail-section .total-card{background:linear-gradient(135deg,#0e7aff14,#0e7aff0a);border:1px solid rgba(14,122,255,.15)}.result-detail-section .total-row{display:flex;justify-content:space-between;align-items:center}.result-detail-section .total-label{font-size:14px;color:var(--calc-muted)}.result-detail-section .total-value-wrap{text-align:right}.result-detail-section .total-value{font-size:22px;font-weight:700;color:var(--calc-primary);display:block}.result-detail-section .total-sub{font-size:12px;color:var(--calc-muted)}.result-final-cta{width:100%;height:52px;background:var(--calc-primary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:24px}.result-final-cta:hover{background:var(--calc-primary-hover)}@media (max-width: 520px){.result-hero{padding:32px 20px}.result-hero-amount .amount-value{font-size:36px}.result-hero-amount .amount-unit{font-size:20px}.cumulative-value{font-size:24px}.month-tab{font-size:12px;padding:8px 6px}.result-detail-section{padding:32px 20px}}[data-theme=dark]{--calc-bg: #121212;--calc-bg-secondary: #1E1E1E;--calc-heading: #FFFFFF;--calc-heading-black: #FFFFFF;--calc-body: #E0E0E0;--calc-muted: #808080;--calc-border: #333333;--calc-border-light: #2A2A2A}[data-theme=dark] .exchange-btn{background:var(--calc-bg-secondary)}[data-theme=dark] .exchange-btn:hover,[data-theme=dark] .exchange-btn.selected{background:#0e7aff1a}[data-theme=dark] .input-box{background:var(--calc-bg-secondary)}[data-theme=dark] .input-box.focused,[data-theme=dark] .input-box.has-value{background:#252525}[data-theme=dark] .quick-chip{background:var(--calc-bg-secondary);color:var(--calc-body)}[data-theme=dark] .quick-chip:hover{background:#2a2a2a}[data-theme=dark] .currency-toggle{background:var(--calc-bg-secondary)}[data-theme=dark] .currency-option.active{background:#2a2a2a}[data-theme=dark] .detail-card,[data-theme=dark] .policy-card,[data-theme=dark] .existing-account-card,[data-theme=dark] .chart-total{background:var(--calc-bg-secondary)}[data-theme=dark] .progress-segment{background-color:#333}[data-theme=dark] .loading-card,[data-theme=dark] .savings-display{background:var(--calc-bg-secondary);border-color:var(--calc-border)}[data-theme=dark] .milestone-popup,[data-theme=dark] .loading-coins-section,[data-theme=dark] .loading-tease{background:var(--calc-bg-secondary)}[data-theme=dark] .nav-btn-back,[data-theme=dark] .cta-btn.secondary{background:var(--calc-bg-secondary);color:var(--calc-body)}[data-theme=dark] .nav-btn-back:hover,[data-theme=dark] .cta-btn.secondary:hover,[data-theme=dark] .month-tabs{background:#2a2a2a}[data-theme=dark] .month-tab.active{background:var(--calc-bg)}[data-theme=dark] .cumulative-display{background:linear-gradient(135deg,#0e7aff1f,#0e7aff0a);border-color:#0e7aff40}[data-theme=dark] .result-detail-section{background:#1a1a1a}[data-theme=dark] .result-detail-section .detail-card{background:var(--calc-bg-secondary)}[data-theme=dark] .result-detail-section .total-card{background:linear-gradient(135deg,#0e7aff26,#0e7aff0f)}.calc-result-unified{min-height:100vh;display:flex;flex-direction:column}.result-unified-content{display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:24px}.result-unified-header{text-align:center;width:100%;margin-bottom:8px}.result-unified-card-wrapper{position:relative;width:100%;max-width:360px}.result-unified-card{position:relative;z-index:1;width:100%;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #00000014;overflow:hidden}.result-unified-card.loading-mode{padding:20px}.result-unified-card.result-mode{padding:32px 24px;border-color:#0e7aff33;box-shadow:0 12px 40px #0e7aff1f}.result-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--calc-border-light)}.result-primary-amount{text-align:center;margin-bottom:20px}.result-primary-label{display:block;font-size:13px;color:var(--calc-muted);margin-bottom:8px;letter-spacing:.3px}.result-unified-card.result-mode .result-primary-label{font-size:14px;font-weight:500;color:var(--calc-primary);margin-bottom:12px}.result-primary-value-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px}.result-primary-value{font-size:36px;font-weight:700;color:var(--calc-heading);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.result-unified-card.result-mode .result-primary-value{font-size:48px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--calc-heading) 0%,#333 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-primary-unit{font-size:20px;font-weight:600;color:var(--calc-heading)}.result-unified-card.result-mode .result-primary-unit{font-size:28px;font-weight:700;color:var(--calc-muted)}.result-primary-sub{display:block;font-size:13px;color:var(--calc-muted);margin-top:8px}.result-unified-card.result-mode .result-primary-sub{font-size:14px;margin-top:12px}.result-data-grid{display:flex;justify-content:space-between;gap:12px}.result-data-grid.result-mode{background:var(--calc-bg-secondary);border-radius:10px;padding:16px;margin-top:4px}.result-data-item{flex:1;text-align:center;padding:10px 8px;background:var(--calc-bg-secondary);border-radius:8px}.result-data-grid.result-mode .result-data-item{background:transparent;padding:0}.result-metrics-pills{display:flex;align-items:stretch;justify-content:center;gap:8px;width:100%}.metric-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;background:#00000008;border-radius:10px;min-width:0}.metric-pill-value{font-size:16px;font-weight:700;color:var(--calc-heading);letter-spacing:-.02em}.metric-pill-label{font-size:11px;font-weight:500;color:var(--calc-muted);letter-spacing:-.01em}.metric-pill--highlight{background:linear-gradient(135deg,#0e7aff14,#0e7aff0a)}.metric-pill--highlight .metric-pill-value{color:var(--calc-primary)}[data-theme=dark] .metric-pill{background:#ffffff0f}[data-theme=dark] .metric-pill--highlight{background:linear-gradient(135deg,#0e7aff26,#0e7aff14)}.result-expanded-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px}.result-month-selector{width:100%;text-align:center}.month-tabs-compact{display:flex;gap:4px;background:var(--calc-bg-secondary);padding:4px;border-radius:10px}.month-tab-compact{flex:1;padding:10px 6px;border:none;background:transparent;border-radius:8px;font-size:12px;font-weight:500;color:var(--calc-muted);cursor:pointer;transition:all .2s ease}.month-tab-compact:hover{color:var(--calc-body)}.month-tab-compact.active{background:var(--calc-bg);color:var(--calc-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.result-cumulative-section{width:100%;text-align:center;padding:24px;background:linear-gradient(135deg,#0e7aff0d,#0e7aff03);border-radius:16px}.cumulative-label-main{display:block;font-size:14px;font-weight:500;color:var(--calc-muted);margin-bottom:8px}.cumulative-value-large{display:block;font-size:32px;font-weight:700;color:var(--calc-primary);margin-bottom:12px;letter-spacing:-.02em}.cumulative-explanation{font-size:12px;color:var(--calc-muted);line-height:1.5;margin:0;opacity:.85}.result-cumulative-box{width:100%;text-align:center;padding:20px 24px;background:linear-gradient(135deg,#0e7aff0f,#0e7aff05);border:1px solid rgba(14,122,255,.12);border-radius:14px}.result-cumulative-box .cumulative-label{display:block;font-size:12px;color:var(--calc-muted);margin-bottom:8px}.result-cumulative-box .cumulative-value{display:block;font-size:24px;font-weight:700;color:var(--calc-primary);margin-bottom:8px}.cumulative-growth-badge{display:inline-block;font-size:10px;font-weight:600;color:var(--calc-success);background:#34c7591a;padding:4px 10px;border-radius:12px;letter-spacing:.3px}.result-chart-section{width:100%;padding:16px 8px;background:transparent;border:none;border-radius:0}.chart-title{font-size:13px;font-weight:600;color:var(--calc-muted);text-align:center;margin:0 0 16px}.compound-chart{width:100%}.compound-chart--clean{margin-top:-8px}.compound-chart--annotated{margin:0;padding:8px 0}.compound-chart--bars{margin:0;padding:8px 0;overflow:hidden}.compound-chart-svg{width:100%;height:auto;overflow:visible}.compound-chart-svg text{font-family:inherit;-webkit-user-select:none;user-select:none}.compound-chart-svg rect{transition:opacity .15s ease}.compound-chart-svg g:hover rect:not([fill=transparent]){opacity:.85}.chart-month-label{font-family:inherit}.breakdown-row.selected{background:#0e7aff0f;border-radius:6px;margin:0 -8px;padding-left:8px;padding-right:8px}[data-theme=dark] .result-unified-card{background:var(--calc-bg-secondary);border-color:var(--calc-border)}[data-theme=dark] .result-unified-card.result-mode{border-color:#0e7aff4d}[data-theme=dark] .result-unified-card.result-mode .result-primary-value{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .result-data-grid.result-mode,[data-theme=dark] .month-tabs-compact{background:#2a2a2a}[data-theme=dark] .result-cumulative-box{background:linear-gradient(135deg,#0e7aff1a,#0e7aff0a);border-color:#0e7aff33}[data-theme=dark] .result-chart-section{background:var(--calc-bg-secondary)}.value-carousel{width:100%;max-width:400px;padding:20px;background:var(--calc-bg);border:1px solid var(--calc-border);border-radius:14px}.value-carousel-header{text-align:center;margin-bottom:16px}.value-carousel-title{font-size:12px;font-weight:500;color:var(--calc-muted);margin:0;letter-spacing:.2px}.value-carousel-content{display:flex;align-items:center;gap:4px}.value-carousel-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;flex-shrink:0;color:var(--calc-muted);padding:0}.value-carousel-arrow svg{width:18px;height:18px;stroke-width:1.5}.value-carousel-arrow:hover:not(.disabled){background:var(--calc-bg-secondary);color:var(--calc-body)}.value-carousel-arrow:active:not(.disabled){transform:scale(.95)}.value-carousel-arrow.disabled{opacity:.2;cursor:default}.value-carousel-item-wrapper{flex:1;overflow:hidden;min-height:120px}.value-carousel-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px}.value-carousel-image{width:100px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.value-carousel-image img{max-width:100%;max-height:100%;object-fit:contain}.value-carousel-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--calc-bg-secondary);border:1px solid var(--calc-border-light);border-radius:10px;color:var(--calc-muted)}.value-carousel-placeholder svg{width:24px;height:24px;opacity:.6}.value-carousel-info{display:flex;flex-direction:column;align-items:center;gap:2px}.value-carousel-category{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:500;color:var(--calc-muted);text-transform:uppercase;letter-spacing:.4px;opacity:.8}.value-carousel-category svg{width:10px;height:10px}.value-carousel-item-title{font-size:14px;font-weight:600;color:var(--calc-heading);margin:0}.value-carousel-item-subtitle{font-size:11px;color:var(--calc-muted);margin:0}.value-carousel-item-price{font-size:13px;font-weight:600;color:var(--calc-body);margin:4px 0 0}.affordable-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--calc-success);background:#34c7591a;padding:4px 10px;border-radius:6px;margin-top:8px}.affordable-badge svg{flex-shrink:0}.time-to-afford{display:block;font-size:11px;font-weight:500;color:var(--calc-muted);margin-top:8px}.value-carousel-item.affordable{background:#34c75908}.value-carousel-item.affordable .value-carousel-item-price{color:var(--calc-primary)}[data-theme=dark] .value-carousel{background:var(--calc-bg-secondary);border-color:var(--calc-border)}[data-theme=dark] .value-carousel-arrow{color:var(--calc-muted)}[data-theme=dark] .value-carousel-arrow:hover:not(.disabled){background:#333;color:var(--calc-body)}[data-theme=dark] .value-carousel-placeholder{background:#2a2a2a;border-color:var(--calc-border)}@media (max-width: 520px){.value-carousel{padding:14px}.value-carousel-arrow{width:24px;height:24px}.value-carousel-arrow svg{width:16px;height:16px}.value-carousel-image{width:80px;height:56px}.value-carousel-item-title{font-size:13px}.value-carousel-item-subtitle{font-size:10px}.result-unified-content{padding:32px 20px}.result-unified-card.result-mode .result-primary-value{font-size:40px}.result-unified-card.result-mode .result-primary-unit{font-size:24px}.result-cumulative-box .cumulative-value{font-size:22px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #0D7FFF;--color-primary-light: #4DA3FF;--color-primary-dark: #0056CC;--color-primary-hover: #0066E6;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-dark: #1A1A1A;--bg-card: #FFFFFF;--bg-card-dark: #1F2937;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-inverse: #FFFFFF;--border-color: #E5E7EB;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s;--transition-base: .2s;--transition-medium: .3s;--transition-slow: .5s}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1E1E1E;--bg-card: #1F2937;--text-primary: #E0E0E0;--text-secondary: #B0B0B0;--text-tertiary: #808080;--border-color: #333}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color var(--transition-medium) ease,color var(--transition-medium) ease}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);transition:color var(--transition-medium) ease}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}.text-h4-bold{font-size:27px;font-weight:700;line-height:1.35}.text-h5-bold{font-size:22px;font-weight:700;line-height:1.35}.text-h7-bold{font-size:15px;font-weight:700;line-height:1.35}.text-h7-regular{font-size:15px;font-weight:400;line-height:1.35}.text-h8-regular{font-size:12px;font-weight:400;line-height:1.35}.text-h9-regular{font-size:10px;font-weight:400;line-height:1.35}.text-h3-bold{font-size:33px;font-weight:700;line-height:1.35}.text-h5-light{font-size:22px;font-weight:300;line-height:1.35}.text-h6-bold{font-size:18px;font-weight:700;line-height:1.35}.text-h8-bold{font-size:12px;font-weight:700;line-height:1.35}.surface-150{background-color:#ddd}.surface-200{background-color:#a7a7a8}.border-surface-150{border-color:#ddd}.text-primary{color:var(--color-primary)}.text-heading{color:#202327}.text-muted{color:#a7a7a8}.text-dark{color:#33383d}.text-white{color:#fff}.text-warning{color:#fb4f4f}.text-success{color:#34c759}p{color:var(--text-secondary);line-height:1.6;transition:color var(--transition-medium) ease}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:1400px;margin:0 auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media (min-width: 640px){.container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media (min-width: 1024px){.container{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--border-radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background-color:var(--color-primary);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:var(--transition-fast)}@media (max-width: 768px){:root{--font-size-5xl: 2.25rem;--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem}}@media (max-width: 640px){:root{--font-size-5xl: 1.875rem;--font-size-4xl: 1.5rem;--font-size-3xl: 1.25rem}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);transition:background-color .3s}.main-content{flex:1;display:flex;flex-direction:column}