:root{--sc-primary:#4361ee;--sc-primary-deep:#3a56d4;--sc-secondary:#00a86b;--sc-secondary-light:#e6f0ff;--sc-danger:#e74c3c;--sc-bg:#f7f9fb;--sc-white:#ffffff;--sc-text:#2b2d42;--sc-muted:#6b7280;--sc-border:#d8dce2;--sc-radius:8px;--sc-radius-lg:14px;--sc-spacing:1.5rem;--sc-gap:0.6rem;--sc-shadow:0 2px 12px rgba(67, 97, 238, 0.1);--sc-shadow-lg:0 8px 32px rgba(67, 97, 238, 0.14);--sc-font:"Rubik", sans-serif}.sc-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a2742 0%,#233068 55%,#1e4b8f 100%);padding:2rem 1rem;text-align:center;border-radius:var(--sc-radius)}.sc-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sc-hero-blob{display:block;position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.sc-hero-blob--1{width:340px;height:340px;top:-120px;left:-80px;background:radial-gradient(circle,#4361ee,transparent)}.sc-hero-blob--2{width:280px;height:280px;bottom:-100px;right:-60px;background:radial-gradient(circle,#00a86b,transparent)}.sc-hero-inner{position:relative;z-index:1;margin:0 auto}.sc-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .2);color:#a5d8ff!important;font-size:0.75rem!important;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;margin-bottom:1.2rem}.sc-hero-title{font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:800;color:var(--sc-white)!important;line-height:1.15;letter-spacing:-.02em;margin-bottom:.9rem}.sc-hero-accent{background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.sc-hero-sub{color:rgb(255 255 255 / .72)!important;font-size:1.05rem!important;font-weight:400;max-width:480px;margin:0 auto}.sc-progress-wrap{margin-bottom:1.4rem}.sc-progress-steps{display:flex;align-items:center;justify-content:center;gap:0;background:var(--sc-white);border:1px solid var(--sc-border);border-radius:var(--sc-radius);padding:.9rem 1.4rem;box-shadow:var(--sc-shadow)}.sc-step{display:flex;flex-direction:column;align-items:center;gap:.28rem;background:none;border:none;cursor:pointer;padding:.2rem .5rem;transition:opacity 0.2s}.sc-step-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:var(--sc-border);color:var(--sc-muted)!important;transition:background 0.25s,color 0.25s,transform 0.2s;font-family:var(--sc-font)}.sc-step-label{font-size:.7rem;font-weight:500;color:var(--sc-muted)!important;letter-spacing:.03em;transition:color 0.25s}.sc-step--active .sc-step-num{background:var(--sc-primary)!important;color:var(--sc-white)!important;transform:scale(1.08)}.sc-step--active .sc-step-label{color:var(--sc-primary)!important;font-weight:700}.sc-step--done .sc-step-num{background:var(--sc-secondary)!important;color:var(--sc-white)!important}.sc-step--done .sc-step-label{color:var(--sc-secondary)!important}.sc-step-line{flex:1;height:2px;background:var(--sc-border);min-width:24px;max-width:80px;transition:background 0.3s}.sc-step-line--done{background:var(--sc-secondary)!important}.sc-card{background:var(--sc-white);border:1px solid var(--sc-border);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);padding:var(--sc-spacing);animation:scFadeUp 0.35s ease forwards}@keyframes scFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sc-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;padding-bottom:1.2rem;border-bottom:1px solid var(--sc-border)!important}.sc-card-icon{width:44px;height:44px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.sc-card-icon--blue{background:#eef0fd!important;color:var(--sc-primary)!important}.sc-card-icon--green{background:#e6f7f0!important;color:var(--sc-secondary)!important}.sc-card-icon--orange{background:#fff3e8!important;color:#f97316!important}.sc-card-title{font-size:1.2rem;font-weight:700;color:var(--sc-text)!important;line-height:1.25;margin-bottom:.2rem}.sc-card-desc{font-size:.875rem;color:var(--sc-muted)!important}.sc-field-group{display:flex;flex-direction:column;gap:1.4rem}.sc-field{display:flex;flex-direction:column;gap:.45rem}.sc-label{font-size:.9rem;font-weight:600;color:var(--sc-text)!important}.sc-required{color:var(--sc-danger)!important;margin-left:.15rem}.sc-optional{color:var(--sc-muted)!important;font-weight:400;font-size:.8rem}.sc-hint{font-size:.78rem;color:var(--sc-muted)!important;line-height:1.4}.sc-input-group{display:flex;align-items:stretch;border:1px solid var(--sc-border)!important;border-radius:var(--sc-radius)!important;overflow:hidden;background:var(--sc-white)!important;transition:border-color 0.2s,box-shadow 0.2s}.sc-input-group:focus-within{border-color:var(--sc-primary)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12)}.sc-input{flex:1;border:none!important;outline:none;padding:.72rem .9rem;font-family:var(--sc-font);font-size:.95rem;color:var(--sc-text)!important;background:transparent!important;min-width:0}.sc-input::placeholder{color:var(--sc-muted)!important}.sc-input::-webkit-outer-spin-button,.sc-input::-webkit-inner-spin-button{-webkit-appearance:none}.sc-input-unit{display:flex;align-items:center;padding:0 .85rem;background:#f1f3f8!important;color:var(--sc-muted)!important;font-size:.8rem;font-weight:600;border-left:1px solid var(--sc-border)!important;white-space:nowrap;letter-spacing:.04em}.sc-input-row{display:flex;gap:.6rem}.sc-input-row .sc-input-group{flex:1}.sc-select-wrap{position:relative;display:flex}.sc-select{width:100%;height:45px!important;appearance:none;-webkit-appearance:none;border:1px solid var(--sc-border)!important;border-radius:var(--sc-radius)!important;background:var(--sc-white)!important;padding:.72rem 2.8rem .72rem .9rem;font-family:var(--sc-font);font-size:.95rem;color:var(--sc-text)!important;cursor:pointer;outline:none;transition:border-color 0.2s,box-shadow 0.2s}.sc-select:focus{border-color:var(--sc-primary)!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12)}.sc-select-arrow{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--sc-muted)!important;display:flex;align-items:center}.sc-radio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.sc-radio-card{cursor:pointer;user-select:none}.sc-radio-card input{position:absolute;opacity:0;pointer-events:none}.sc-radio-inner{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .6rem;border:1.5px solid var(--sc-border)!important;border-radius:var(--sc-radius)!important;background:var(--sc-white)!important;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s,transform 0.15s;text-align:center}.sc-radio-card:hover .sc-radio-inner{border-color:var(--sc-primary)!important;background:var(--sc-secondary-light)!important}.sc-radio-card input:checked+.sc-radio-inner{border-color:var(--sc-primary)!important;background:#eef0fd!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12);transform:translateY(-1px)}.sc-radio-icon{font-size:1.4rem;line-height:1}.sc-radio-title{font-size:.88rem;font-weight:700;color:var(--sc-text)!important}.sc-radio-sub{font-size:.75rem;color:var(--sc-muted)!important}.sc-toggle-group{display:flex;gap:.5rem;flex-wrap:wrap}.sc-toggle-btn{display:flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:1.5px solid var(--sc-border)!important;border-radius:100px!important;background:var(--sc-white)!important;font-size:.88rem;font-weight:500;cursor:pointer;transition:border-color 0.2s,background 0.2s,color 0.2s;color:var(--sc-text)!important;user-select:none}.sc-toggle-btn input{position:absolute;opacity:0;pointer-events:none}.sc-toggle-btn:hover{border-color:var(--sc-primary)!important;color:var(--sc-primary)!important}.sc-toggle-btn--active,.sc-toggle-btn:has(input:checked){border-color:var(--sc-primary)!important;background:var(--sc-primary)!important;color:var(--sc-white)!important}.sc-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.65rem}.sc-style-card{cursor:pointer;user-select:none}.sc-style-card input{position:absolute;opacity:0;pointer-events:none}.sc-style-inner{display:flex;flex-direction:column;align-items:center;gap:.22rem;padding:1rem .5rem .8rem;border:1.5px solid var(--sc-border)!important;border-radius:var(--sc-radius)!important;background:var(--sc-white)!important;text-align:center;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s,transform 0.15s;height:100%}.sc-style-card:hover .sc-style-inner{border-color:var(--sc-primary)!important;background:var(--sc-secondary-light)!important}.sc-style-card input:checked+.sc-style-inner{border-color:var(--sc-primary)!important;background:#eef0fd!important;box-shadow:0 0 0 3px rgb(67 97 238 / .12);transform:translateY(-2px)}.sc-style-emoji{font-size:1.6rem;line-height:1}.sc-style-name{font-size:.88rem;font-weight:700;color:var(--sc-text)!important}.sc-style-desc{font-size:.72rem;color:var(--sc-muted)!important}.sc-style-tag{font-size:.68rem;font-weight:600;color:var(--sc-primary)!important;background:var(--sc-secondary-light)!important;border-radius:100px!important;padding:.12rem .55rem;margin-top:.15rem}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.72rem 1.5rem;font-family:var(--sc-font);font-size:.9rem;font-weight:600;border:none;border-radius:var(--sc-radius)!important;cursor:pointer;transition:background 0.2s,box-shadow 0.2s,transform 0.15s,opacity 0.2s;white-space:nowrap}.sc-btn:active{transform:scale(.97)}.sc-btn:disabled{opacity:.5;cursor:not-allowed}.sc-btn--primary{background:var(--sc-primary)!important;color:var(--sc-white)!important;box-shadow:0 4px 14px rgb(67 97 238 / .3)}.sc-btn--primary:hover:not(:disabled){background:var(--sc-primary-deep)!important;box-shadow:0 6px 20px rgb(67 97 238 / .4)}.sc-btn--ghost{background:transparent!important;color:var(--sc-muted)!important;border:1.5px solid var(--sc-border)!important}.sc-btn--ghost:hover:not(:disabled){background:var(--sc-bg)!important;color:var(--sc-text)!important}.sc-btn--secondary{background:var(--sc-secondary)!important;color:var(--sc-white)!important;box-shadow:0 4px 14px rgb(0 168 107 / .25)}.sc-btn--secondary:hover:not(:disabled){background:#009960!important}.sc-btn--danger{background:var(--sc-danger)!important;color:var(--sc-white)!important}.sc-btn--danger:hover:not(:disabled){background:#c0392b!important}.sc-btn--outline-primary{background:transparent!important;color:var(--sc-primary)!important;border:1.5px solid var(--sc-primary)!important}.sc-btn--outline-primary:hover:not(:disabled){background:#eef0fd!important}.sc-nav-row{display:flex;align-items:center;justify-content:space-between;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--sc-border)!important;gap:.8rem}.sc-field-error{font-size:.8rem;font-weight:500;color:var(--sc-danger)!important;min-height:1rem;display:block}.sc-results-panel{padding:0;overflow:hidden}.sc-result-banner{background:linear-gradient(135deg,#1a2742 0%,#233068 100%);padding:1.8rem var(--sc-spacing);text-align:center;position:relative;overflow:hidden}.sc-result-banner::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.sc-result-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .2)!important;border-radius:100px!important;color:#a5d8ff!important;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .8rem;margin-bottom:.9rem}.sc-result-main-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgb(255 255 255 / .6)!important;margin-bottom:.3rem}.sc-result-main-length{font-size:4rem;font-weight:900;color:var(--sc-white)!important;line-height:1;letter-spacing:-.03em}.sc-result-main-unit{font-size:1.6rem;font-weight:400;color:rgb(255 255 255 / .7)!important;margin-left:.2rem}.sc-result-range{font-size:.9rem;color:rgb(255 255 255 / .75)!important;margin-top:.5rem;font-weight:500}.sc-confidence-bar-wrap{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.sc-confidence-label{font-size:.75rem;color:rgb(255 255 255 / .6)!important;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sc-confidence-bar{width:180px;height:6px;background:rgb(255 255 255 / .2)!important;border-radius:100px!important;overflow:hidden}.sc-confidence-fill{height:100%;border-radius:100px!important;transition:width 0.8s cubic-bezier(.4,0,.2,1)}.sc-confidence-pct{font-size:.82rem;font-weight:700;color:var(--sc-white)!important}.sc-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--sc-border)!important;border-top:1px solid var(--sc-border)!important}.sc-result-cell{background:var(--sc-white)!important;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.25rem}.sc-result-cell--full{grid-column:1 / -1}.sc-result-cell-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sc-muted)!important}.sc-result-cell-value{font-size:1.05rem;font-weight:700;color:var(--sc-text)!important}.sc-result-cell-sub{font-size:.78rem;color:var(--sc-muted)!important;line-height:1.4}.sc-flex-dots{display:flex;gap:.28rem;margin-top:.2rem;flex-wrap:wrap}.sc-flex-dot{width:10px;height:10px;border-radius:50%!important;background:var(--sc-border)!important}.sc-flex-dot--on{background:var(--sc-primary)!important}.sc-width-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .75rem;border-radius:100px!important;font-size:.8rem;font-weight:700;margin-top:.2rem}.sc-width-badge--regular{background:#e6f7f0!important;color:var(--sc-secondary)!important}.sc-width-badge--midwide{background:#fff3e8!important;color:#f97316!important}.sc-width-badge--wide{background:#fde8e8!important;color:var(--sc-danger)!important}.sc-result-stance{font-size:1rem;font-weight:700;color:var(--sc-text)!important}.sc-result-explain{padding:1.2rem var(--sc-spacing);border-top:1px solid var(--sc-border)!important}.sc-explain-title{font-size:.88rem;font-weight:700;color:var(--sc-text)!important;margin-bottom:.7rem;display:flex;align-items:center;gap:.4rem}.sc-explain-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sc-explain-item{display:flex;gap:.65rem;align-items:flex-start;font-size:.84rem;color:var(--sc-muted)!important;line-height:1.45}.sc-explain-dot{width:7px;height:7px;border-radius:50%!important;background:var(--sc-primary)!important;flex-shrink:0;margin-top:.45rem}.sc-warnings{margin:0 var(--sc-spacing) .9rem;display:flex;flex-direction:column;gap:.5rem}.sc-warning{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;border-radius:var(--sc-radius)!important;font-size:.82rem;line-height:1.4}.sc-warning--info{background:#eef0fd!important;color:var(--sc-primary)!important;border:1px solid rgb(67 97 238 / .2)!important}.sc-warning--caution{background:#fff8e6!important;color:#b45309!important;border:1px solid rgb(245 158 11 / .25)!important}.sc-warning--tip{background:#e6f7f0!important;color:#065f46!important;border:1px solid rgb(0 168 107 / .25)!important}.sc-warning-icon{flex-shrink:0;font-size:1rem}.sc-actions{display:flex;gap:.65rem;padding:1.1rem var(--sc-spacing);border-top:1px solid var(--sc-border)!important;flex-wrap:wrap;justify-content:flex-end}.sc-actions .sc-btn{flex:1;min-width:120px}.sc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;backdrop-filter:blur(3px);animation:scFadeIn 0.2s ease}.sc-modal-overlay[hidden]{display:none}@keyframes scFadeIn{from{opacity:0}to{opacity:1}}.sc-modal{background:var(--sc-white)!important;border-radius:var(--sc-radius-lg)!important;padding:2rem;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .25);animation:scSlideUp 0.25s ease}@keyframes scSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sc-modal-icon{width:56px;height:56px;background:#eef0fd!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--sc-primary)!important}.sc-modal-title{font-size:1.2rem;font-weight:800;color:var(--sc-text)!important;margin-bottom:.5rem}.sc-modal-body{font-size:.9rem;color:var(--sc-muted)!important;margin-bottom:1.4rem}.sc-modal-actions{display:flex;gap:.65rem;justify-content:center}.sc-modal-actions .sc-btn{flex:1}.sc-toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--sc-text)!important;color:var(--sc-white)!important;padding:.75rem 1.2rem;border-radius:var(--sc-radius)!important;font-size:.875rem;font-weight:500;box-shadow:var(--sc-shadow-lg);z-index:10000;display:flex;align-items:center;gap:.5rem;animation:scSlideIn 0.25s ease;max-width:280px}@keyframes scSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.sc-toast--success{background:var(--sc-secondary)!important}.sc-toast--error{background:var(--sc-danger)!important}.sc-calculating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem var(--sc-spacing);gap:1rem}.sc-spinner{width:48px;height:48px;border:4px solid var(--sc-border)!important;border-top-color:var(--sc-primary)!important;border-radius:50%!important;animation:scSpin 0.7s linear infinite}@keyframes scSpin{to{transform:rotate(360deg)}}.sc-calculating-text{font-size:.9rem;color:var(--sc-muted)!important;font-weight:500}.sc-summary-section{padding:1rem var(--sc-spacing) 1.4rem;border-top:1px solid var(--sc-border)!important}.sc-summary-title{font-size:.8rem;font-weight:700;color:var(--sc-muted)!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.sc-summary-text{font-size:.9rem;color:var(--sc-text)!important;line-height:1.6}.sc-input-group--error{border-color:var(--sc-danger)!important}.sc-select--error{border-color:var(--sc-danger)!important}@media (max-width:540px){.sc-hero{padding:2.5rem 1rem 3.2rem}.sc-hero-title{font-size:1.8rem}.sc-progress-steps{padding:.7rem .8rem}.sc-step-label{display:none}.sc-step-line{min-width:14px}.sc-card{padding:1.1rem}.sc-card-header{gap:.75rem}.sc-card-icon{width:38px;height:38px}.sc-radio-grid{grid-template-columns:repeat(2,1fr)}.sc-style-grid{grid-template-columns:repeat(2,1fr)}.sc-result-grid{grid-template-columns:1fr}.sc-result-cell--full{grid-column:1}.sc-actions{flex-direction:column}.sc-actions .sc-btn{width:100%}.sc-modal{padding:1.5rem}.sc-modal-actions{flex-direction:column}.sc-result-main-length{font-size:3rem}.sc-input-row{flex-direction:column}}@media (min-width:541px) and (max-width:768px){.sc-style-grid{grid-template-columns:repeat(3,1fr)}.sc-result-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:769px){.sc-result-grid{grid-template-columns:repeat(3,1fr)}.sc-actions .sc-btn{flex:none}}:focus-visible{outline:3px solid var(--sc-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}