:root{font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;color:#1d2a3b;background:#f5f2ef}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#f5f2ef}.joy-layout{max-width:390px;margin:0 auto;min-height:100dvh;padding:18px 18px 110px;background:#f5f2ef;position:relative;overflow:hidden}.joy-layout:before{content:"";position:absolute;top:-90px;right:-70px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,#5ccdc338,#5ccdc300 72%);pointer-events:none}.joy-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;border:1px solid #dce5ef;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f2f6fb);box-shadow:0 8px 20px #23466e14;position:relative;z-index:1}.joy-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#0f172a}.joy-brand img{width:42px;height:42px;border-radius:999px;box-shadow:0 8px 16px #25b6ac38}.joy-brand strong{font-size:26px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.joy-header select{border:1px solid #dce3eb;background:#f7f9fc;border-radius:18px;padding:10px 12px;font-size:20px;font-weight:600;color:#334155}.joy-tagline{margin:12px 2px 14px;color:#516b8f;font-size:16px;line-height:1.45;font-weight:600;letter-spacing:-.01em;position:relative;z-index:1}.joy-main{border-top:1px solid #dfe6ee;padding-top:14px}.top-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;position:relative;z-index:1}.top-nav a{text-decoration:none;color:#35506f;font-size:15px;line-height:1;font-weight:800;background:linear-gradient(180deg,#eef3f9,#e5edf6);border:1px solid #ccdae8;border-radius:14px;padding:11px 8px;text-align:center;box-shadow:inset 0 1px #ffffffc7,0 6px 12px #3b587a14;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.top-nav a:hover{transform:translateY(-1px);background:linear-gradient(180deg,#f2f6fc,#e8f0fa);box-shadow:inset 0 1px #ffffffe6,0 10px 16px #3b587a1c}.joy-page{display:grid;gap:16px}.joy-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;border:1px solid #dbe3ec;background:#edf1f5}.joy-tabs button{border:0;background:transparent;border-radius:999px;padding:13px 10px;color:#8a99ae;font-weight:700;font-size:26px}.joy-tabs button.active{color:#fff;background:linear-gradient(180deg,#4fc8c2,#36bbb4);box-shadow:0 8px 16px #47c6bf59}.joy-card,.joy-field,.deduction-card,.basis,.simple-card{border:1px solid #e5ebf1;border-radius:26px;background:#fff}.big-input-card{padding:18px}.big-input-card h2,.joy-field h3{margin:0 0 12px;color:#7d8ea8;font-size:24px}.joy-input-wrap,.pill-input,.stepper{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:76px;border-radius:999px;border:1px solid #dde4ed;background:#eff3f8}.joy-input-wrap input,.pill-input input{border:0;outline:none;background:transparent;width:100%;font-weight:800;color:#1d2a3b;font-size:36px}.joy-input-wrap span,.pill-input span{color:#90a0b5;font-size:30px;font-weight:700}.ok-text,.field-hint{margin:10px 0 0;color:#7a8ca5;font-size:18px}.joy-field{padding:14px 0 0;border:0;background:transparent}.option-card{padding:14px 16px}.option-card h3{margin:0 0 10px;font-size:22px;color:#667b96}.option-grid{display:grid;gap:8px}.option-grid label{display:flex;align-items:center;gap:8px;font-size:16px;color:#334155;font-weight:600}.option-grid input[type=checkbox]{width:16px;height:16px;accent-color:#37bbb5}.stepper{padding:8px}.stepper button{width:52px;height:52px;border:0;border-radius:999px;background:#eef3f7;color:#90a1b7;font-size:34px;font-weight:600}.stepper button.plus{background:#dcf5f2;color:#40bbb4}.stepper div{font-size:34px;font-weight:800;color:#1e293b}.result-wrap{position:relative;margin-top:6px}.emoji-chip{position:absolute;right:-8px;top:-18px;z-index:2;width:72px;height:72px;border-radius:999px;border:5px solid #ffe16a;background:#fff6be;display:grid;place-items:center;font-size:36px}.result-card{border-radius:30px;background:linear-gradient(160deg,#ff7876,#ff5c4b);padding:18px 16px 20px;color:#fff;text-align:center;overflow:hidden}.result-card h4{margin:2px 0 4px;font-size:19px;letter-spacing:.04em}.result-card p{margin:0;font-size:17px;opacity:.9}.result-card strong{display:block;margin-top:8px;font-size:44px;letter-spacing:-.02em}.meta-pill{display:inline-block;margin-top:12px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#fff3;font-size:16px}.ad-box{border:2px dashed #d8e0ea;border-radius:28px;height:94px;display:grid;place-items:center;color:#a0adbc;font-size:14px;letter-spacing:.1em;background:#f8fbff}.trust-card,.source-card{border:1px solid #e5ebf1;border-radius:22px;background:#fff;padding:14px 16px}.trust-card h3,.source-card h3{margin:0 0 10px;font-size:19px}.trust-card p{margin:6px 0;font-size:14px;color:#496079;line-height:1.45}.source-card ul{margin:0;padding:0;list-style:none}.source-card li+li{margin-top:8px}.source-card a{color:#1d4ed8;text-decoration:underline;font-size:14px}.deduction-card{overflow:hidden}.deduction-card header{padding:16px;background:#f7f9fc;border-bottom:1px solid #e9eef4;display:flex;justify-content:space-between;align-items:center}.deduction-card h4{margin:0;font-size:28px}.deduction-card header strong{font-size:27px;color:#5f7692}.deduction-card ul{list-style:none;margin:0;padding:0}.deduction-card li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid #edf2f6}.deduction-card li b{font-size:33px}.left{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;font-size:28px;font-weight:700}.left img{width:42px;height:42px}.left small{display:block;grid-column:2;font-size:14px;margin-top:2px;color:#8f9db1;font-weight:600}.basis{padding:0;overflow:hidden}.basis summary{cursor:pointer;list-style:none;font-size:24px;font-weight:700;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.basis summary::-webkit-details-marker{display:none}.basis summary:after{content:"⌄";color:#7e90a8}.basis[open] summary:after{transform:rotate(180deg)}.basis p{margin:0;color:#667b96;padding:0 16px 12px;font-size:16px}.basis ul{margin:0;padding:0 16px 14px;list-style:none}.basis li{display:flex;justify-content:space-between;gap:8px;border-top:1px dashed #e4eaf2;padding:10px 0;font-size:17px}.foot-note{text-align:center;margin:6px 0 0;color:#94a4b9;font-size:16px;line-height:1.5}.sticky-cta-shell{position:fixed;left:0;right:0;bottom:0;padding:10px 18px 14px;background:#fffffff0;border-top:1px solid #e4eaf1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sticky-cta{max-width:390px;width:100%;margin:0 auto;display:block;height:58px;border:0;border-radius:999px;background:#2b3640;color:#fff;font-size:30px;font-weight:800;box-shadow:0 9px 18px #2b364040}.share-notice{margin:8px 0 0;text-align:center;color:#5f728c;font-size:13px;font-weight:600}.simple-page h1{margin:6px 0 12px;font-size:28px}.simple-stack{display:grid;gap:12px}.simple-card{padding:14px}.simple-card h2{margin:0 0 8px;font-size:20px}.simple-card p{margin:0;color:#475569;line-height:1.5}@media (max-width: 420px){.joy-layout{padding:14px 12px 108px}.joy-brand strong{font-size:clamp(23px,7.2vw,28px)}.joy-tagline{font-size:15px}.top-nav a{font-size:14px;padding:10px 6px}.joy-tabs button,.deduction-card h4,.deduction-card li b,.left,.sticky-cta{font-size:clamp(20px,7vw,30px)}}