body{background-color:var(--theme-page-bg)}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--theme-splash-start) 0%,var(--theme-splash-end) 100%);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s}.splash-fade-out{opacity:0;visibility:hidden}.splash-content{display:flex;flex-direction:column;align-items:center;text-align:center}.splash-logo-wrapper{position:relative;width:80px;height:80px;margin-bottom:var(--space-4);animation:splashFloat 3s ease-in-out infinite}.splash-logo{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;opacity:0;transform:scale(.8) translateY(20px);animation:splashLogoReveal 1s cubic-bezier(.2,.8,.2,1) forwards}.splash-brand{font-family:var(--typefaceBrand);color:#faf6ee;font-size:var(--textSize8);font-weight:400;letter-spacing:.05em;margin:0 0 var(--space-1) 0;opacity:0;transform:translateY(10px);animation:splashTextReveal .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.1s}.splash-slogan{color:#d4e9e2;font-size:var(--textSize2);font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin:0;opacity:0;transform:translateY(10px);animation:splashTextReveal .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.2s}@keyframes splashLogoReveal{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes splashTextReveal{to{opacity:1;transform:translateY(0)}}@keyframes splashFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.navbar{background-color:var(--theme-navbar-bg);backdrop-filter:var(--theme-navbar-blur);-webkit-backdrop-filter:var(--theme-navbar-blur);border-bottom:1px solid var(--theme-navbar-border);padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) 0 var(--space-2) 0;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:none}.navbar-inner{max-width:var(--columnWidthLarge);margin:0 auto;padding:0 var(--outerGutterMedium);display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center}.logo-img{height:38.4px;width:auto;display:block;transition:var(--buttonTransition)}.logo-img:hover{transform:scale(1.05)}.site-name{font-family:var(--typefaceBrand);font-size:var(--textSize5);font-weight:400;color:var(--theme-brand);margin-left:var(--space-2);letter-spacing:.02em;transition:var(--buttonTransition);text-decoration:none}.site-name:hover{color:var(--theme-brand-accent)}.container{max-width:var(--columnWidthLarge);margin:0 auto;padding:calc(var(--space-6) + 48px + env(safe-area-inset-top,0px)) var(--outerGutterMedium) var(--space-6)}.lang-toggle{background-color:var(--theme-card-bg);color:var(--theme-brand);border:1px solid var(--theme-border);padding:0 var(--space-3);height:40px;display:flex;align-items:center;justify-content:center;border-radius:20px;font-family:var(--typefacePrimary);font-size:var(--textSize2);font-weight:600;cursor:pointer;transition:var(--buttonTransition);box-shadow:0 1px 2px #0000000d;outline:none}.lang-toggle:hover{border-color:var(--theme-brand-accent);color:var(--theme-brand-accent);box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.hero{text-align:center;padding:6.4rem var(--space-4);border-radius:var(--cardBorderRadius);margin-bottom:var(--space-5);background:linear-gradient(135deg,var(--theme-splash-start) 0%,var(--theme-splash-end) 100%);box-shadow:0 10px 24px #0000001a;position:relative;overflow:hidden;z-index:1;-webkit-mask-image:-webkit-radial-gradient(white,black)}.hero-title{color:var(--theme-hero-text);font-size:3.2rem;margin-bottom:var(--space-3);margin-top:0;font-weight:800;letter-spacing:var(--letterSpacingLoose)}.hero-subtitle{color:var(--theme-hero-subtext);font-size:var(--textSize3);margin:0;font-weight:500;letter-spacing:.05em;opacity:.9}.card{background-color:var(--theme-card-bg);border-radius:var(--cardBorderRadius);box-shadow:var(--cardBoxShadow);padding:var(--space-5);margin-bottom:var(--space-6);border-top:4px solid var(--theme-brand-accent);transition:var(--buttonTransition);transform:translateZ(0);-webkit-backface-visibility:hidden}.card:hover{box-shadow:var(--cardBoxShadowHover)}.section-title{font-size:var(--textSize6);font-weight:700;margin-top:0;margin-bottom:var(--space-4);color:var(--theme-brand);text-align:center}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.label{font-size:var(--textSize2);color:var(--theme-text-soft);font-weight:600}.slider-value{font-size:var(--textSize6);font-weight:700;color:var(--theme-brand-accent)}.slider-container{padding:var(--space-2) 0 var(--space-4) 0;width:100%}.range-slider{--thumb-icon: url(/img/thumb-icon.svg);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;outline:none}.range-slider::-webkit-slider-runnable-track{width:100%;height:8px;background:var(--theme-input-bg);border-radius:4px;border:1px solid var(--theme-border)}.range-slider::-moz-range-track{width:100%;height:8px;background:var(--theme-input-bg);border-radius:4px;border:1px solid var(--theme-border)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;height:36px;width:36px;background-color:var(--theme-brand-accent);-webkit-mask-image:var(--thumb-icon);mask-image:var(--thumb-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;border:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.15));margin-top:-14px;cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1)}.range-slider::-moz-range-thumb{height:36px;width:36px;background-color:var(--theme-brand-accent);-webkit-mask-image:var(--thumb-icon);mask-image:var(--thumb-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;border:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.15));cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1)}.range-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.95)}.range-slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(.95)}.results-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.result-item{background-color:var(--theme-result-bg);padding:var(--space-4);border-radius:var(--cardBorderRadius);text-align:center}.result-label{display:block;font-size:var(--textSize2);color:var(--theme-text-soft);margin-bottom:var(--space-1)}.result-value{display:block;font-size:var(--textSize7);font-weight:700;letter-spacing:-.02em}.color-result-highlight,.color-gold{color:var(--theme-result-highlight)}.tip-box{padding:var(--space-3) var(--space-4);border-radius:var(--borderRadius-sm);font-size:var(--textSize2);color:var(--theme-tip-text);background-color:var(--theme-result-bg);border-left:4px solid var(--theme-brand-accent);line-height:1.6}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.step-card{position:relative;background-color:var(--theme-card-bg);padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--cardBorderRadius);box-shadow:var(--cardBoxShadow);border:1px solid var(--theme-border)}.step-number{position:absolute;top:-18px;left:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--textSize4);font-weight:700;background:var(--theme-brand-accent);color:#fff}.step-card h3{font-size:var(--textSize4);color:var(--theme-brand);margin:var(--space-1) 0 var(--space-2) 0}.step-card p{font-size:var(--textSize2);color:var(--theme-text-soft);line-height:1.6}.footer{max-width:var(--columnWidthLarge);margin:0 auto;padding:var(--space-6) var(--outerGutterMedium) var(--space-4);text-align:center;border-top:1px solid var(--theme-border)}.footer-link{color:var(--theme-brand);text-decoration:none;font-weight:600}@media (prefers-color-scheme: dark){body{background-color:var(--theme-page-bg)}.hero{background:linear-gradient(135deg,var(--theme-hero-bg) 0%,#152c26 100%);box-shadow:0 20px 40px -10px #0003}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);z-index:-1;opacity:.6;transition:transform .8s cubic-bezier(.4,0,.2,1)}.hero:before{width:200px;height:200px;background-color:var(--theme-brand-accent);top:-50px;left:-50px}.hero:after{width:250px;height:250px;background-color:var(--theme-gold);bottom:-80px;right:-50px;opacity:.2}.hero:hover:before{transform:translate(20px,20px) scale(1.1)}.hero:hover:after{transform:translate(-20px,-20px) scale(1.1)}.hero-title{text-shadow:0 2px 4px rgba(0,0,0,.3)}.color-gold{color:var(--theme-gold)}.tip-box{background-color:var(--theme-tip-bg);border-left-color:var(--theme-tip-border)}}@media (min-width: 768px){.results-grid,.steps-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.hero{padding:4.8rem var(--space-3)}.hero-title{font-size:2.6rem}.hero-subtitle{font-size:1.4rem}.hero:before{width:150px;height:150px}.hero:after{width:180px;height:180px}.card{padding:var(--space-4)}}@media (max-width: 360px){.slider-value,.section-title{font-size:var(--textSize5)}}@font-face{font-family:SoDoSans;src:url(/font/SoDoSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SoDoSans;src:url(/font/SoDoSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SoDoSans;src:url(/font/SoDoSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Redotic;src:url(/font/Redotic.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--colorWhite: #ffffff;--colorNeutralCool: #f9f9f9;--colorNeutralWarm: #f2f0eb;--colorCeramic: #edebe9;--colorBlack: #111111;--colorGreenStarbucks: #006241;--colorHouseGreen: #1E3932;--colorGreenAccent: #00754A;--colorGreenLight: #d4e9e2;--colorGold: #cba258;--colorGoldLightest: #faf6ee;--typefacePrimary: "SoDoSans", "Helvetica Neue", Helvetica, Arial, sans-serif;--typefaceBrand: "Redotic", "SoDoSans", "Helvetica Neue", sans-serif;--textSize1: 1.3rem;--textSize2: 1.4rem;--textSize3: 1.6rem;--textSize4: 1.9rem;--textSize5: 2.4rem;--textSize6: 2.2rem;--textSize7: 2.4rem;--textSize8: 2.8rem;--space-1: .4rem;--space-2: .8rem;--space-3: 1.6rem;--space-4: 2.4rem;--space-5: 3.2rem;--space-6: 4rem;--outerGutterMedium: 2.4rem;--columnWidthLarge: 720px;--cardBorderRadius: 16px;--borderRadius-sm: .8rem;--cardBoxShadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--cardBoxShadowHover: 0 12px 20px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--buttonTransition: all .3s cubic-bezier(.4, 0, .2, 1);--lineHeightNormal: 1.6;--letterSpacingLoose: .05em;--theme-page-bg: var(--colorNeutralWarm);--theme-card-bg: var(--colorWhite);--theme-text-main: rgba(0, 0, 0, .87);--theme-text-soft: rgba(0, 0, 0, .58);--theme-border: var(--colorCeramic);--theme-navbar-bg: var(--colorNeutralWarm);--theme-navbar-border: var(--colorCeramic);--theme-navbar-blur: blur(8px);--theme-input-bg: var(--colorNeutralCool);--theme-result-bg: var(--colorNeutralCool);--theme-hero-bg: var(--colorHouseGreen);--theme-hero-text: var(--colorWhite);--theme-hero-subtext: var(--colorGoldLightest);--theme-brand: var(--colorHouseGreen);--theme-brand-accent: var(--colorGreenStarbucks);--theme-brand-light: var(--colorGreenLight);--theme-tip-bg: var(--colorGoldLightest);--theme-tip-text: var(--colorHouseGreen);--theme-tip-border: var(--colorGold);--theme-splash-start: var(--colorHouseGreen);--theme-splash-end: var(--colorGreenStarbucks);--theme-result-highlight: var(--colorGreenStarbucks);--theme-gold: var(--colorGold)}@media (prefers-color-scheme: dark){:root{--theme-page-bg: #111111;--theme-card-bg: #252525;--theme-text-main: rgba(255, 255, 255, .87);--theme-text-soft: #9b9b9b;--theme-border: #3d3d3d;--theme-navbar-bg: #111111;--theme-navbar-border: transparent;--theme-navbar-blur: none;--theme-input-bg: #111111;--theme-result-bg: #111111;--theme-hero-bg: #252525;--theme-hero-text: #ffffff;--theme-hero-subtext: #bd6d47;--theme-brand: #bd6d47;--theme-brand-accent: #bd6d47;--theme-brand-light: #333333;--theme-tip-bg: #111111;--theme-tip-text: rgba(255, 255, 255, .87);--theme-tip-border: #bd6d47;--theme-splash-start: #111111;--theme-splash-end: #111111;--theme-result-highlight: #bd6d47;--theme-gold: #d37950}}html{font-size:62.5%;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--theme-page-bg)}::-webkit-scrollbar{display:none;width:0;height:0}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;background-color:var(--theme-page-bg);font-family:var(--typefacePrimary);color:var(--theme-text-main);line-height:var(--lineHeightNormal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-wrap:break-word;word-wrap:break-word;overscroll-behavior-y:none}img,button,a{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}