@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=DM+Sans:wght@400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#f6f3ee;font-family:DM Sans,sans-serif;color:#2c2c2c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#2c2c2c;color:#f6f3ee}.pill{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.pill:hover:not(.pill-active){background:#ffffffe6!important;border-color:#c8c3bb!important;box-shadow:0 1px 4px #7a756d0f}.option-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background .15s,color .15s,border-color .15s}.option-card:hover:not(.option-active){background:#fffffff2!important;border-color:#c8c3bb!important;box-shadow:0 2px 8px #7a756d14;transform:translateY(-1px)}.option-card:active{transform:translateY(0)!important}.input-field{transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:#2c2c2c!important;box-shadow:0 0 0 3px #2c2c2c0f!important;outline:none}.btn-primary{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background .15s,color .15s}.btn-primary:hover{box-shadow:0 4px 12px #7a756d26;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.results-enter{opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.results-visible{opacity:1;transform:translateY(0)}.justify-toggle{transition:color .15s}.justify-toggle:hover{color:#ddd!important}.bar-segment{transition:width .6s cubic-bezier(.16,1,.3,1)}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ddd8d0;outline:none;width:100%;margin-top:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2c2c2c;cursor:pointer;border:3px solid #F6F3EE;box-shadow:0 1px 4px #00000026;transition:transform .15s,box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2c2c2c;cursor:pointer;border:3px solid #F6F3EE;box-shadow:0 1px 4px #00000026}@media(max-width:600px){.results-grid,.input-row,.option-row{grid-template-columns:1fr!important}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hf{opacity:0;animation:heroFadeIn .8s cubic-bezier(.16,1,.3,1) both}.hf-0{animation-delay:0ms}.hf-1{animation-delay:.12s}.hf-2{animation-delay:.24s}.hf-3{animation-delay:.36s}.sr{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.sr-left{opacity:0;transform:translate(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.sr-scale{opacity:0;transform:scale(.96);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.34,1.56,.64,1)}.sr.visible,.sr-left.visible,.sr-scale.visible{opacity:1;transform:none}.sr-d1{transition-delay:.1s}.sr-d2{transition-delay:.2s}.sr-d3{transition-delay:.3s}@keyframes btnShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:btnShimmer 3s ease-in-out infinite;pointer-events:none}.card-glow{transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.card-glow:hover{box-shadow:0 4px 20px #7a756d1f,0 8px 32px #7a756d14;transform:translateY(-2px)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .6s cubic-bezier(.16,1,.3,1) .1s both}.tool-hero-canvas{position:relative;overflow:hidden;background:#1a1a1a;border-radius:20px;margin:0 auto;max-width:720px;padding:48px 32px}.tool-hero-canvas:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#1A1A1A,transparent);pointer-events:none;z-index:1}.tool-hero-canvas>*{position:relative;z-index:2}