[data-cat]{--c:var(--accent)}[data-cat=math]{--c:#2f6fdb}[data-cat=convert]{--c:#0b8a78}[data-cat=time]{--c:#c26a12}[data-cat=text]{--c:#6150d6}[data-cat=design]{--c:#d0407a}[data-cat=home-money]{--c:#2f8a3c}[data-cat=prayer]{--c:#1f7fa8}[data-cat=random]{--c:#c4483a}[data-cat=health]{--c:#d23f5c}[data-cat=ai]{--c:#7a4fd6}.c-badge{width:40px;height:40px;color:var(--c);background:color-mix(in oklab, var(--c) 16%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 20%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.c-badge .ico{width:22px;height:22px}.c-badge--lg{border-radius:14px;width:52px;height:52px}.c-badge--lg .ico{width:28px;height:28px}.h-list{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.h-list li{border-bottom:1px solid var(--border);margin:0}.h-list a{column-gap:var(--s3);padding:var(--s3) var(--s2);min-height:64px;color:var(--text);transition:background-color var(--dur) ease-out;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.h-list strong{font-size:var(--fs-ui);transition:color var(--dur) ease-out;font-weight:600}.h-list span{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);color:var(--text-2);grid-column:1;overflow:hidden}.h-list .ico{width:18px;height:18px;color:var(--accent);transition:transform var(--dur) ease-out;grid-area:1/2/span 2}.h-list a:hover{background:var(--accent-soft)}.h-list a:hover strong,.h-list a:focus-visible strong{color:var(--accent)}.h-list a:hover .ico{transform:translate(2px,-2px)}[dir=rtl] .h-list .ico{transform:scaleX(-1)}[dir=rtl] .h-list a:hover .ico{transform:scaleX(-1)translate(2px,-2px)}@media (width>=760px){.h-list{column-gap:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr))}}.t-head{isolation:isolate;padding:var(--s2) 0 var(--s5);position:relative}.t-head:after{content:"";z-index:-1;inset:calc(-1 * var(--s6)) calc(50% - 50vw) 0;pointer-events:none;background:radial-gradient(40% 90% at 15% 0%, color-mix(in oklab, var(--c) 22%, transparent), transparent 70%), radial-gradient(30% 80% at 85% 10%, #388ce61f, transparent 70%);position:absolute;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}html:has(.t-head){overflow-x:clip}.t-title{align-items:center;gap:var(--s3);display:flex}.t-title .page-title{letter-spacing:-.03em;margin:0;font-size:clamp(28px,2.6vw + 14px,40px);font-weight:650}.pin-btn{width:40px;height:40px;color:var(--text-2);cursor:pointer;transition:background-color var(--dur) ease-out, color var(--dur) ease-out;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid}.pin-btn .ico{grid-area:1/1;width:22px;height:22px}.pin-btn:hover{background:var(--surface-2);color:var(--text)}.pin-btn:active{transform:scale(.94)}.pin-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pin-btn .pin-on,.pin-btn[aria-pressed=true] .pin-off{display:none}.pin-btn[aria-pressed=true] .pin-on{display:inline-flex}.pin-btn[aria-pressed=true]{color:var(--accent)}@media (pointer:coarse){.pin-btn{width:44px;height:44px}}:lang(ko) .t-title .page-title{word-break:keep-all;letter-spacing:-.01em}.t-head .quick-answer{margin:var(--s3) 0 0;padding:var(--s2) var(--s3);background:color-mix(in oklab, var(--c) 9%, var(--surface));border:1px solid color-mix(in oklab, var(--c) 22%, var(--border));max-width:65ch;font-size:var(--fs-ui);border-radius:10px;display:inline-block}.t-steps ol{counter-reset:st;gap:var(--s3);padding:0;list-style:none;display:grid}.t-steps li{counter-increment:st;padding-inline-start:44px;min-height:30px;margin:0;padding-top:3px;position:relative}.t-steps li:before{content:counter(st);inset-inline-start:0;width:30px;height:30px;font:600 var(--fs-sm)/1 var(--mono);color:var(--c);background:color-mix(in oklab, var(--c) 14%, var(--surface));border-radius:50%;place-items:center;display:grid;position:absolute;top:0}.t-formula{padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--c);border-radius:0 var(--r-panel) var(--r-panel) 0}[dir=rtl] .t-formula{border-radius:var(--r-panel) 0 0 var(--r-panel)}.t-formula h2{margin-top:0}.t-formula p:last-child{margin-bottom:0}.tool-main .faq{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);padding:var(--s2) var(--s5) var(--s3)}.tool-main .faq h2{margin-top:var(--s3)}.tool-main .faq details:last-of-type{border-bottom:0}.faq summary:hover{color:var(--accent)}.aside-links{padding:var(--s4);border-radius:var(--r-panel);background:color-mix(in oklab, var(--c) 7%, var(--surface));border:1px solid color-mix(in oklab, var(--c) 18%, var(--border))}.aside-links h2{color:var(--c)}.aside-links li a{border-top-color:color-mix(in oklab, var(--c) 15%, var(--border))}.aside-links li a:hover{color:var(--c)}.c-page .t-head{padding-bottom:var(--s6)}.c-list span{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.c-page .cat-intro{margin-top:var(--s6);color:var(--text-2);max-width:65ch}.r-cards{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));max-width:none;margin:0;padding:0;list-style:none;display:grid}.r-cards li{margin:0;display:flex}.r-cards a{column-gap:var(--s3);padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);color:var(--text);transition:transform var(--dur) ease-out, border-color var(--dur) ease-out, box-shadow var(--dur) ease-out;flex:1;grid-template-columns:auto minmax(0,1fr);align-items:start;row-gap:2px;text-decoration:none;display:grid}.r-cards .c-badge{grid-row:1/span 2}.r-cards strong{font-size:var(--fs-ui);padding-top:2px;font-weight:600}.r-cards .r-text{font-size:var(--fs-sm);color:var(--text-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.r-cards a:hover{border-color:color-mix(in oklab, var(--c) 40%, var(--border));box-shadow:0 16px 30px -20px color-mix(in oklab, var(--c) 55%, transparent);transform:translateY(-2px)}.r-cards a:hover strong{color:var(--c)}.r-cards a:active{transform:scale(.98)}.t-head:after{-webkit-mask-image:radial-gradient(60% 100% at 25% 0,#000 25%,#0000 80%);mask-image:radial-gradient(60% 100% at 25% 0,#000 25%,#0000 80%)}.tool-main .t-head:after{inset-inline:calc(-1 * var(--s4))}@media (width>=1024px){.tool-main .t-head:after{inset-inline:-200px}}body{overflow-x:clip}.t-widget>.panel{border-color:var(--border);border-top:1px solid var(--border);box-shadow:var(--shadow)}.r-cards a:hover{box-shadow:var(--shadow)}.t-head:after{background:radial-gradient(40% 90% at 15% 0%, color-mix(in oklab, var(--c) 18%, transparent), transparent 70%)}.ai-flows{gap:var(--s2);display:grid}.ai-flows h2,.ai-sec h2{font-size:var(--fs-ui);color:var(--text-2);margin:0;font-weight:600}.ai-flow{align-items:center;gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ai-flow li{align-items:center;gap:var(--s2);margin:0;display:inline-flex}.ai-flow .h-chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font-size:var(--fs-ui);transition:border-color var(--dur) ease-out, background-color var(--dur) ease-out;border-radius:999px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.ai-flow .h-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.ai-flow .h-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.ai-flow .h-chip{min-height:44px}}.ai-flow .ico{width:16px;height:16px;color:var(--c);flex:none}[dir=rtl] .ai-flow .ico{transform:scaleX(-1)}.ai-sec{margin-top:var(--s5);gap:var(--s2);display:grid}.input,.select,.textarea{background:var(--surface);border-color:color-mix(in oklab, var(--border-input) 55%, var(--border));box-shadow:0 1px 2px rgb(var(--shadow-rgb) / .05)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-input)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);outline:none}.input.num,.input[type=number],.input[inputmode=decimal],.input[inputmode=numeric]{min-height:48px;font-size:18px;font-weight:500}.field label,.field .label{font-size:var(--fs-sm);color:var(--text-2);font-weight:500}.chips .btn,.chips .btn--ghost{background:var(--surface-2);min-height:38px;color:var(--text);font-weight:500;font-size:var(--fs-sm);border:1px solid #0000;border-radius:999px;padding:0 14px}.chips .btn:hover,.chips .btn--ghost:hover{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chips .btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.result-actions{gap:4px}.result-actions .btn--ghost{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-2);font-size:var(--fs-sm);border-radius:999px;padding:0 12px;font-weight:500}.result-actions .btn--ghost:hover{color:var(--text);border-color:var(--border-input);background:var(--surface)}.result-actions .btn:not(.btn--ghost){min-height:36px;font-size:var(--fs-sm);border-radius:999px;padding:0 14px}@media (pointer:coarse){.result-actions .btn{min-height:44px}}.result{background:linear-gradient(180deg, var(--raised), color-mix(in oklab, var(--raised) 60%, var(--surface)))}.result-value{letter-spacing:-.03em}.btn--ghost{border-color:color-mix(in oklab, var(--border-input) 55%, var(--border))}p,li,.hero-sub,.h-sub{text-wrap:pretty}:lang(ko) p,:lang(ko) li{word-break:keep-all;overflow-wrap:anywhere}.site-header .sbox-input{background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px rgb(var(--shadow-rgb) / .04)}.site-header .sbox-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);outline:none}.c-list .ico{color:var(--c)}.c-list a:hover{background:color-mix(in oklab, var(--c) 8%, var(--surface))}.c-list a:hover strong,.c-list a:focus-visible strong{color:color-mix(in oklab, var(--c) 85%, var(--text))}.theme-btn{color:var(--text-2);font-size:19px}.theme-btn:hover{color:var(--text)}.theme-btn .ico-sun,:root[data-theme=dark] .theme-btn .ico-moon{display:none}:root[data-theme=dark] .theme-btn .ico-sun{display:inline-flex}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark] [data-cat=math]{--c:#78a6f5}:root[data-theme=dark] [data-cat=convert]{--c:#4fcfb5}:root[data-theme=dark] [data-cat=time]{--c:#f0a24f}:root[data-theme=dark] [data-cat=text]{--c:#a399f5}:root[data-theme=dark] [data-cat=design]{--c:#f07fac}:root[data-theme=dark] [data-cat=home-money]{--c:#6fcf7c}:root[data-theme=dark] [data-cat=prayer]{--c:#64bde3}:root[data-theme=dark] [data-cat=random]{--c:#f08a7c}:root[data-theme=dark] [data-cat=health]{--c:#f2849a}:root[data-theme=dark] [data-cat=ai]{--c:#b79cf5}:root[data-theme=dark] .h-hero:before{opacity:.35}:root[data-theme=dark] .h-hero:after{opacity:.45}.result-actions .copy-btn{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.result-actions .copy-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.result-actions .wa-share{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:600}.result-actions .wa-share:hover{background:color-mix(in oklab, var(--accent) 18%, var(--surface));color:var(--accent);border-color:#0000}.pa-row .btn--ghost{background:color-mix(in oklab, var(--c,var(--accent)) 10%, var(--surface));border-color:color-mix(in oklab, var(--c,var(--accent)) 28%, var(--border));color:color-mix(in oklab, var(--c,var(--accent)) 82%, var(--text));font-weight:600}.pa-row .btn--ghost .ico{color:var(--c,var(--accent))}.pa-row .btn--ghost:hover{background:color-mix(in oklab, var(--c,var(--accent)) 18%, var(--surface));border-color:color-mix(in oklab, var(--c,var(--accent)) 45%, var(--border))}.pa-row .btn--ghost[aria-expanded=true]{background:var(--c,var(--accent));border-color:var(--c,var(--accent));color:#fff}.pa-row .btn--ghost[aria-expanded=true] .ico{color:#fff}.pa .pa-row .btn.pa-prefer{background:var(--surface);border-color:var(--border-input);color:var(--text)}.pa .pa-row .btn.pa-prefer:hover{background:var(--surface-2)}.fb .btn[data-v=yes]{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:600}.fb .btn[data-v=yes]:hover{background:color-mix(in oklab, var(--accent) 18%, var(--surface))}