body{background-color:var(--theme-card-bg)}.sb-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}.sb-splash-fade-out{opacity:0;visibility:hidden}.sb-splash-content{display:flex;flex-direction:column;align-items:center;text-align:center}.sb-splash-logo-wrapper{position:relative;width:80px;height:80px;margin-bottom:var(--space-4);animation:splashFloat 3s ease-in-out infinite}.sb-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}.sb-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}.sb-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)}}.sb-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}.sb-navbar-inner{max-width:var(--columnWidthLarge);margin:0 auto;padding:0 var(--outerGutterMedium);display:flex;justify-content:space-between;align-items:center}.sb-navbar-logo{display:flex;align-items:center}.sb-logo-img{height:32px;width:auto;display:block;transition:var(--buttonTransition)}.sb-logo-img:hover{transform:scale(1.05)}.sb-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}.sb-site-name:hover{color:var(--theme-brand-accent)}.sb-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)}.sb-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}.sb-lang-toggle:hover{border-color:var(--theme-brand-accent);color:var(--theme-brand-accent);box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.sb-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)}.sb-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)}.sb-hero-subtitle{color:var(--theme-hero-subtext);font-size:var(--textSize3);margin:0;font-weight:500;letter-spacing:.05em;opacity:.9}.sb-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}.sb-card:hover{box-shadow:var(--cardBoxShadowHover)}.sb-section-title{font-size:var(--textSize6);font-weight:700;margin-top:0;margin-bottom:var(--space-4);color:var(--theme-brand);text-align:center}.sb-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.sb-label{font-size:var(--textSize2);color:var(--theme-text-soft);font-weight:600}.sb-slider-value{font-size:var(--textSize6);font-weight:700;color:var(--theme-brand-accent)}.sb-slider-container{padding:var(--space-2) 0 var(--space-4) 0;width:100%}.sb-range-slider{--thumb-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23006241"><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z"/><path d="M11.5,17c-0.13,0-0.26-0.01-0.39-0.04c-1.39-0.29-2.28-1.55-2.28-2.96c0-0.89,0.39-1.72,1.06-2.27 c0.9-0.74,1.15-2.02,0.61-3.03c-0.38-0.71-0.26-1.58,0.29-2.18c0.26-0.29,0.65-0.45,1.06-0.45c0.13,0,0.26,0.01,0.39,0.04 c1.39,0.29,2.28,1.55,2.28,2.96c0,0.89-0.39,1.72-1.06,2.27c-0.9,0.74-1.15,2.02-0.61,3.03c0.38,0.71,0.26,1.58-0.29,2.18 C12.31,16.85,11.92,17,11.5,17z"/></svg>');-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;outline:none}.sb-range-slider::-webkit-slider-runnable-track{width:100%;height:8px;background:var(--theme-input-bg);border-radius:4px;border:1px solid var(--theme-border)}.sb-range-slider::-moz-range-track{width:100%;height:8px;background:var(--theme-input-bg);border-radius:4px;border:1px solid var(--theme-border)}.sb-range-slider::-webkit-slider-thumb{-webkit-appearance:none;height:36px;width:36px;border-radius:50%;background-color:var(--theme-card-bg);background-image:var(--thumb-icon);background-size:26px 26px;background-position:center;background-repeat:no-repeat;border:2px solid var(--theme-brand-accent);box-shadow:0 4px 8px #00000026;margin-top:-14px;cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1)}.sb-range-slider::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:var(--theme-card-bg);background-image:var(--thumb-icon);background-size:26px 26px;background-position:center;background-repeat:no-repeat;border:2px solid var(--theme-brand-accent);box-shadow:0 4px 8px #00000026;cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1)}.sb-range-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.95)}.sb-range-slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(.95)}.sb-results-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.sb-result-item{background-color:var(--theme-result-bg);padding:var(--space-4);border-radius:var(--cardBorderRadius);text-align:center}.sb-result-label{display:block;font-size:var(--textSize2);color:var(--theme-text-soft);margin-bottom:var(--space-1)}.sb-result-value{display:block;font-size:var(--textSize7);font-weight:700;letter-spacing:-.02em}.color-result-highlight,.color-gold{color:var(--theme-result-highlight)}.sb-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}.sb-steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.sb-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)}.sb-step-number{position:absolute;top:-18px;left:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;background:var(--theme-brand-accent);color:#fff}.sb-step-card h3{font-size:var(--textSize4);color:var(--theme-brand);margin:var(--space-1) 0 var(--space-2) 0}.sb-step-card p{font-size:var(--textSize2);color:var(--theme-text-soft);line-height:1.6}.sb-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)}.sb-footer-link{color:var(--theme-brand);text-decoration:none;font-weight:600}@media (prefers-color-scheme: dark){body{background-color:var(--theme-page-bg)}.sb-hero{background:linear-gradient(135deg,var(--theme-hero-bg) 0%,#152c26 100%);box-shadow:0 20px 40px -10px #0003}.sb-hero:before,.sb-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)}.sb-hero:before{width:200px;height:200px;background-color:var(--theme-brand-accent);top:-50px;left:-50px}.sb-hero:after{width:250px;height:250px;background-color:var(--theme-gold);bottom:-80px;right:-50px;opacity:.2}.sb-hero:hover:before{transform:translate(20px,20px) scale(1.1)}.sb-hero:hover:after{transform:translate(-20px,-20px) scale(1.1)}.sb-hero-title{text-shadow:0 2px 4px rgba(0,0,0,.3)}.color-gold{color:var(--theme-gold)}.sb-tip-box{background-color:var(--theme-tip-bg);border-left-color:var(--theme-tip-border)}}@media (min-width: 768px){.sb-results-grid,.sb-steps-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.sb-hero{padding:4.8rem var(--space-3)}.sb-hero-title{font-size:2.6rem}.sb-hero-subtitle{font-size:1.4rem}.sb-hero:before{width:150px;height:150px}.sb-hero:after{width:180px;height:180px}.sb-card{padding:var(--space-4)}}@media (max-width: 360px){.sb-slider-value,.sb-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: 2rem;--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: #d37950;--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}::-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}input{-webkit-user-select:auto;user-select:auto}.sb-lang-toggle{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 360px){.sb-hero-title{font-size:var(--textSize7)}.sb-hero-subtitle{font-size:var(--textSize2)}}