.icon[data-v-241b1d45]{object-fit:contain;flex:none;width:1.15rem;height:1.15rem;margin-top:.05rem}.select[data-v-241b1d45]{position:relative}.trigger[data-v-241b1d45]{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:.55rem .7rem;transition:border-color .12s,background .12s;display:flex}.trigger[data-v-241b1d45]:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.select.open .trigger[data-v-241b1d45]{border-color:var(--accent)}.trigger[data-v-241b1d45]:disabled{opacity:.45;cursor:not-allowed}.value[data-v-241b1d45]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.caret[data-v-241b1d45]{border-right:1.5px solid var(--text-faint);border-bottom:1.5px solid var(--text-faint);flex:none;width:.42rem;height:.42rem;margin-top:-.2rem;transition:transform .16s;transform:rotate(45deg)}.select.open .caret[data-v-241b1d45]{margin-top:.16rem;transform:rotate(-135deg)}.list[data-v-241b1d45]{z-index:30;background:var(--surface-hi);border:1px solid var(--line);border-radius:var(--radius-sm);max-height:min(17rem,50vh);box-shadow:var(--shadow);overscroll-behavior:contain;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.list[data-v-241b1d45]:focus-visible{outline:none}.item[data-v-241b1d45]{cursor:pointer;color:var(--text-dim);border-radius:7px;align-items:flex-start;gap:.45rem;padding:.5rem;font-size:.9rem;display:flex}.item.active[data-v-241b1d45]{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}.item.on[data-v-241b1d45]{color:var(--text)}.check[data-v-241b1d45]{width:.9rem;color:var(--accent);flex:none;font-size:.8rem;line-height:1.5}.text[data-v-241b1d45]{min-width:0}.hint[data-v-241b1d45]{color:var(--text-faint);font-size:.76rem;font-style:normal;display:block}.locale[data-v-bd3dd3a3]{flex:none;width:auto}.locale[data-v-bd3dd3a3] .trigger{min-height:2rem;color:var(--text-faint);background:0 0;border-color:#0000;padding:.25rem .4rem;font-size:.8rem}.locale[data-v-bd3dd3a3] .trigger:hover:not(:disabled),.locale.open[data-v-bd3dd3a3] .trigger{border-color:var(--line);color:var(--text-dim)}.locale[data-v-bd3dd3a3] .list{min-width:8rem;left:auto;right:0}.backdrop[data-v-a6907633]{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.panel[data-v-a6907633]{overscroll-behavior:contain;background:var(--surface-hi);border:1px solid var(--line);border-radius:var(--radius);width:min(21rem,100%);max-height:min(85vh,40rem);box-shadow:var(--shadow);padding:.9rem 1rem 1.1rem;overflow-y:auto}.panel[data-v-a6907633]:focus-visible{outline:none}.head[data-v-a6907633]{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.head h2[data-v-a6907633]{color:var(--text-dim);flex:1;margin:0;font-size:.95rem;font-weight:600}.close[data-v-a6907633]{width:1.9rem;height:1.9rem;color:var(--text-faint);border-radius:7px;place-items:center;display:grid}.close svg[data-v-a6907633]{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:14px;height:14px}.close[data-v-a6907633]:hover{background:var(--surface);color:var(--text)}.sheet-enter-active[data-v-a6907633],.sheet-leave-active[data-v-a6907633]{transition:opacity .16s}.sheet-enter-active .panel[data-v-a6907633],.sheet-leave-active .panel[data-v-a6907633]{transition:transform .18s}.sheet-enter-from[data-v-a6907633],.sheet-leave-to[data-v-a6907633]{opacity:0}.sheet-enter-from .panel[data-v-a6907633],.sheet-leave-to .panel[data-v-a6907633]{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.sheet-enter-active[data-v-a6907633],.sheet-leave-active[data-v-a6907633],.sheet-enter-active .panel[data-v-a6907633],.sheet-leave-active .panel[data-v-a6907633]{transition:none}}.trigger[data-v-ca47ce3d]{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:.55rem .55rem .55rem .7rem;transition:border-color .12s;display:flex}.trigger[data-v-ca47ce3d]:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.trigger[data-v-ca47ce3d]:disabled{opacity:.45;cursor:not-allowed}.trigger.plain[data-v-ca47ce3d]{background:0 0;border:none;width:auto;min-height:0;padding:.2rem .4rem}.trigger.plain .value[data-v-ca47ce3d]{-webkit-text-decoration:underline dotted color-mix(in srgb, var(--text-faint) 70%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--text-faint) 70%, transparent);text-underline-offset:.2em;font-weight:600}.trigger.plain[data-v-ca47ce3d]:hover:not(:disabled){background:color-mix(in srgb, var(--surface-hi) 70%, transparent)}.value[data-v-ca47ce3d]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.trigger.empty .value[data-v-ca47ce3d]{color:var(--text-faint)}.icon[data-v-ca47ce3d]{width:1.7rem;height:1.7rem;color:var(--text-faint);flex:none;place-items:center;display:grid}.icon svg[data-v-ca47ce3d]{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:15px;height:15px}.cal-head[data-v-ca47ce3d]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-bottom:.6rem;display:grid}.week[data-v-ca47ce3d],.days[data-v-ca47ce3d]{grid-template-columns:repeat(7,1fr);gap:.15rem;display:grid}.week[data-v-ca47ce3d]{color:var(--text-faint);text-align:center;margin-bottom:.25rem;font-size:.74rem}.day[data-v-ca47ce3d],.blank[data-v-ca47ce3d]{aspect-ratio:1;color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;font-size:.88rem;display:grid}.day[data-v-ca47ce3d]:hover{background:var(--surface);color:var(--text)}.day.today[data-v-ca47ce3d]{box-shadow:inset 0 0 0 1px var(--line)}.day.on[data-v-ca47ce3d]{background:var(--accent);color:#1b1424;box-shadow:none;font-weight:600}.sun[data-v-ca47ce3d]{color:var(--accent-2)}.sat[data-v-ca47ce3d]{color:var(--el-수)}.day.on.sun[data-v-ca47ce3d],.day.on.sat[data-v-ca47ce3d]{color:#1b1424}.boxed[data-v-b758b944]{background:var(--bg-soft);border-radius:var(--radius-sm);padding:.55rem .7rem}summary[data-v-b758b944]{cursor:pointer;width:fit-content;color:var(--text-faint)}@media (pointer:coarse){summary[data-v-b758b944]{align-items:center;min-height:40px;display:flex}}summary[data-v-b758b944]:hover{color:var(--text-dim)}.md summary[data-v-b758b944]{font-size:.84rem}.sm summary[data-v-b758b944]{font-size:.78rem}.fold[open] .body[data-v-b758b944]{margin-top:.45rem}.picker[data-v-998286e7]{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.label[data-v-998286e7]{color:var(--text-faint);white-space:nowrap;font-size:.8rem}.track[data-v-998286e7]{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;flex:none;gap:.15rem;padding:.2rem;display:inline-flex}.segment[data-v-998286e7]{color:var(--text-faint);white-space:nowrap;background:0 0;border:none;border-radius:999px;font-weight:600;transition:background .12s,color .12s}.md .segment[data-v-998286e7]{padding:.42rem .85rem;font-size:.84rem}.sm .segment[data-v-998286e7]{padding:.32rem .7rem;font-size:.8rem}@media (pointer:coarse){.segment[data-v-998286e7]{min-height:40px}}.segment[data-v-998286e7]:hover{color:var(--text-dim)}.segment.on[data-v-998286e7]{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent)}.wheel[data-v-a41ac848]{height:calc(var(--item) * 5);perspective:600px;position:relative}.list[data-v-a41ac848]{overscroll-behavior:contain;scroll-snap-type:y mandatory;height:100%;padding-block:var(--pad);transform-style:preserve-3d;scrollbar-width:none;overflow-y:auto}.list[data-v-a41ac848]::-webkit-scrollbar{display:none}.list[data-v-a41ac848]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.item[data-v-a41ac848]{width:100%;height:var(--item);scroll-snap-align:center;color:var(--text);font-variant-numeric:tabular-nums;will-change:transform, opacity;place-items:center;font-size:1.05rem;display:grid}.band[data-v-a41ac848]{z-index:1;left:0;right:0;top:var(--pad);height:var(--item);border-top:1px solid color-mix(in srgb, var(--accent) 55%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;border-radius:6px;position:absolute}.fade[data-v-a41ac848]{z-index:2;height:var(--pad);pointer-events:none;position:absolute;left:0;right:0}.fade.top[data-v-a41ac848]{background:linear-gradient(var(--surface-hi), transparent);top:0}.fade.bottom[data-v-a41ac848]{background:linear-gradient(transparent, var(--surface-hi));bottom:0}@media (prefers-reduced-motion:reduce){.list[data-v-a41ac848]{scroll-behavior:auto}}.trigger[data-v-ae660d23]{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;align-items:center;gap:.4rem;width:100%;min-height:2.75rem;padding:.55rem .55rem .55rem .7rem;transition:border-color .12s;display:flex}.trigger[data-v-ae660d23]:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.trigger[data-v-ae660d23]:disabled{opacity:.45;cursor:not-allowed}.value[data-v-ae660d23]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.trigger.empty .value[data-v-ae660d23]{color:var(--text-faint)}.branch[data-v-ae660d23]{color:var(--accent);white-space:nowrap;flex:none;font-size:.76rem;font-style:normal}.icon[data-v-ae660d23]{width:1.7rem;height:1.7rem;color:var(--text-faint);flex:none;place-items:center;display:grid}.icon svg[data-v-ae660d23]{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:15px;height:15px}.wheels[data-v-ae660d23]{grid-template-columns:1fr auto 1fr;align-items:end;gap:.3rem;display:grid}.col-label[data-v-ae660d23]{color:var(--text-faint);text-align:center;margin:0 0 .2rem;font-size:.74rem}.colon[data-v-ae660d23]{color:var(--text-faint);padding-bottom:calc(100px - .6em);font-size:1.05rem}.chosen[data-v-ae660d23]{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:.45rem;margin:.6rem 0 .3rem;font-size:1.15rem;display:flex}.note[data-v-ae660d23]{color:var(--text-faint);text-align:center;margin:0 0 .7rem;font-size:.74rem;line-height:1.6}.done[data-v-ae660d23]{border-radius:var(--radius-sm);background:var(--accent);color:#1b1424;width:100%;padding:.7rem;font-weight:600}.form[data-v-2cfe833f]{gap:1rem;display:grid}.grid[data-v-2cfe833f]{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:.85rem;min-width:0;display:grid}.field[data-v-2cfe833f]{min-width:0;color:var(--text-dim);gap:.3rem;font-size:.86rem;display:grid}.field.wide[data-v-2cfe833f]{grid-column:1/-1}.row[data-v-2cfe833f]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row .select[data-v-2cfe833f],.row .date[data-v-2cfe833f]{flex:9rem;min-width:0}.label-row[data-v-2cfe833f]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.inline-check[data-v-2cfe833f]{color:var(--text-faint);cursor:pointer;align-items:center;gap:.35rem;font-size:.8rem;display:flex}@media (pointer:coarse){.inline-check[data-v-2cfe833f]{min-height:40px}}.inline-check input[data-v-2cfe833f]{width:auto;margin:0}.field.checkbox[data-v-2cfe833f]{align-self:end;align-items:flex-start;gap:.5rem;padding-block:.55rem;display:flex}.field.checkbox input[data-v-2cfe833f]{width:auto;margin-top:.25rem}.advanced[data-v-2cfe833f]{border-top:1px solid var(--line);padding-top:.8rem}.advanced .field[data-v-2cfe833f]{margin-top:.7rem}.advanced em[data-v-2cfe833f]{display:block}em[data-v-2cfe833f]{font-style:normal}.reset[data-v-2cfe833f]{border-radius:999px;justify-self:start;padding:.45rem .9rem;font-size:.84rem}.bars[data-v-209f7da8]{gap:.32rem;display:grid}.row[data-v-209f7da8]{grid-template-columns:auto 1fr 1.4rem;align-items:center;gap:.5rem;display:grid}.name[data-v-209f7da8]{white-space:nowrap;min-width:1.6rem;font-size:.85rem;font-weight:700}.track[data-v-209f7da8]{background:var(--surface-hi);border-radius:999px;height:7px;overflow:hidden}.fill[data-v-209f7da8]{border-radius:999px;height:100%;transition:width .35s;display:block}.count[data-v-209f7da8]{color:var(--text-dim);text-align:right;font-size:.8rem}.count.zero[data-v-209f7da8]{color:var(--bad)}.saju-table[data-v-1c84172b]{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));align-items:start;gap:.55rem;display:grid}.pillar[data-v-1c84172b]{text-align:center;min-width:0}.label[data-v-1c84172b]{color:var(--text-faint);margin-bottom:.35rem;font-size:.75rem}.glyph[data-v-1c84172b]{border:1px solid color-mix(in srgb, var(--el) 45%, transparent);background:color-mix(in srgb, var(--el) 12%, transparent);border-radius:var(--radius-sm);margin-bottom:.3rem;padding:.4rem .2rem}.kr[data-v-1c84172b]{color:var(--el);font-size:1.15rem;font-weight:800;display:block}.hanja[data-v-1c84172b]{color:var(--text-faint);font-size:.72rem;display:block}.tengod[data-v-1c84172b]{color:var(--text-dim);font-size:.72rem}.pillar.assumed .glyph[data-v-1c84172b]{opacity:.72;border-style:dashed}.mark[data-v-1c84172b]{background:color-mix(in srgb, var(--warn) 22%, transparent);color:var(--warn);border-radius:4px;margin-left:.2rem;padding:0 .25rem;font-size:.68rem;display:inline-block}.compact .glyph[data-v-1c84172b]{padding:.28rem .2rem}.compact .kr[data-v-1c84172b]{font-size:.98rem}.no-hour[data-v-1c84172b]{grid-column:1/-1;margin-top:.2rem}.tags-wrap[data-v-ebb469f9]{container-type:inline-size}.tags[data-v-ebb469f9]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .9rem;min-width:0;font-size:.82rem;display:grid}@container (width<=17rem){.tags[data-v-ebb469f9]{grid-template-columns:1fr}}.tag[data-v-ebb469f9]{grid-template-columns:auto 1fr;gap:0 .3rem;min-width:0;line-height:1.5;display:grid}.tag-icon[data-v-ebb469f9]{grid-row:1/span 2}.tag b[data-v-ebb469f9]{font-weight:600}.tag em[data-v-ebb469f9]{color:var(--text-faint);grid-column:2;font-size:.76rem;font-style:normal}.badge[data-v-4abe29af]{flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;margin:0;font-size:.84rem;display:flex}.wrap[data-v-4abe29af]{margin-bottom:.8rem}.pillar[data-v-4abe29af]{color:var(--text);font-weight:600}.sub[data-v-4abe29af]{color:var(--text-faint);font-size:.78rem}.open-saju[data-v-4abe29af]{color:var(--accent);white-space:nowrap;margin-left:auto;padding:0;font-size:.8rem}.open-saju[data-v-4abe29af]:hover{text-decoration:underline}.edit-birth[data-v-4abe29af]{color:var(--accent);white-space:nowrap;padding:0;font-size:.8rem}.edit-birth[data-v-4abe29af]:hover{text-decoration:underline}.form[data-v-4abe29af]{box-shadow:none;background:0 0;border:none;padding:0}.reading[data-v-4abe29af]{color:var(--text-dim);margin:.7rem 0 0;font-size:.86rem;line-height:1.7}.reading .hi[data-v-4abe29af]{color:var(--accent)}.sub-title[data-v-4abe29af]{color:var(--text-faint);margin:.9rem 0 .35rem;font-size:.78rem;font-weight:500}.more[data-v-4abe29af]{border-top:1px solid var(--line);color:var(--accent);margin-top:1rem;padding-top:.7rem;font-size:.84rem;text-decoration:none;display:block}.nav[data-v-e0905837]{border-bottom:1px solid var(--line);align-items:flex-end;gap:.5rem;padding-bottom:0;display:flex}.my-pillar[data-v-e0905837]{margin-bottom:.9rem}.brand[data-v-e0905837]{letter-spacing:-.02em;flex:none;align-items:baseline;gap:.3rem;margin-right:.5rem;font-weight:800;display:inline-flex}.sections[data-v-e0905837]{gap:.3rem;margin-left:auto;display:flex}.locale-slot[data-v-e0905837]{border-left:1px solid var(--line);flex:none;padding-left:.6rem}@media (width<=560px){.nav[data-v-e0905837]{gap:.35rem}.brand[data-v-e0905837]{font-size:.92rem}.section[data-v-e0905837]{padding:.35rem .6rem;font-size:.82rem}.locale-slot[data-v-e0905837]{padding-left:.4rem}}.sections[data-v-e0905837]{scrollbar-width:none;min-width:0;overflow-x:auto}.sections[data-v-e0905837]::-webkit-scrollbar{display:none}.section[data-v-e0905837]{white-space:nowrap;color:var(--text-dim);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid #0000;flex:none;margin-bottom:-1px;padding:.4rem .9rem;font-size:.9rem;font-weight:700}.section[data-v-e0905837]:hover{color:var(--text)}.section.on[data-v-e0905837]{color:var(--text);background:color-mix(in srgb, var(--accent) 14%, var(--bg-soft));border-color:color-mix(in srgb, var(--accent) 45%, transparent);border-bottom-color:color-mix(in srgb, var(--accent) 14%, var(--bg-soft))}.subnav[data-v-e0905837]{border-bottom:1px solid var(--line);align-items:flex-end;gap:.3rem;margin-top:.55rem;margin-bottom:1.4rem;display:flex}.sub[data-v-e0905837]{white-space:nowrap;color:var(--text-faint);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid #0000;flex:none;margin-bottom:-1px;padding:.36rem .75rem;font-size:.85rem}.sub[data-v-e0905837]:hover{color:var(--text)}.sub.on[data-v-e0905837]{color:var(--text);background:var(--bg-soft);border-color:var(--line);border-bottom-color:var(--bg-soft)}@media (width<=640px),(pointer:coarse){.section[data-v-e0905837],.sub[data-v-e0905837],.brand[data-v-e0905837]{align-items:center;min-height:40px;display:inline-flex}.section[data-v-e0905837],.sub[data-v-e0905837]{padding-inline:.85rem}.brand[data-v-e0905837]{padding-left:0}.subnav[data-v-e0905837]{margin-bottom:1.1rem}}.foot[data-v-e0905837]{border-top:1px solid var(--line);text-align:center;gap:.6rem;margin-top:3rem;padding-top:1.2rem;display:grid}.foot p[data-v-e0905837]{margin:0}.foot .legal[data-v-e0905837]{flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:.85rem;display:flex}.foot .legal a[data-v-e0905837]{color:var(--text-dim);text-decoration:none}.foot .legal a[data-v-e0905837]:hover,.foot .legal a[data-v-e0905837]:focus-visible{color:var(--text);text-decoration:underline}em[data-v-e0905837]{font-style:normal}.view[data-v-92969146]{display:block}.hero[data-v-92969146]{margin-bottom:1.4rem}.hero p[data-v-92969146]{max-width:46ch}.preview[data-v-92969146]{gap:1rem;margin-top:1rem;display:grid}.preview header[data-v-92969146]{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.preview h2[data-v-92969146]{font-size:1.1rem}.chip.strength[data-v-92969146]{border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent)}.reading[data-v-92969146]{color:var(--text-dim);margin:0;font-size:.9rem}.reading b[data-v-92969146]{color:var(--text)}.reading b.hi[data-v-92969146]{color:var(--accent)}.preview .faint[data-v-92969146]{margin:0}.spirits[data-v-92969146]{gap:.35rem;font-size:.82rem;display:grid}.spirits-label[data-v-92969146]{color:var(--text-faint);font-size:.78rem}.next[data-v-92969146]{flex-wrap:wrap;gap:.5rem;display:flex}.next .btn[data-v-92969146]{flex:140px;padding-inline:.8rem;font-size:.9rem}.split[data-v-92969146]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}h3[data-v-92969146]{color:var(--text-dim);margin-bottom:.4rem;font-size:.88rem}dl[data-v-92969146]{align-content:start;gap:.25rem;margin:0;font-size:.86rem;display:grid}dl>div[data-v-92969146]{justify-content:space-between;gap:1rem;display:flex}dt[data-v-92969146]{color:var(--text-faint)}dd[data-v-92969146]{color:var(--text-dim);margin:0}.error[data-v-92969146]{border-color:var(--bad);color:var(--bad);margin-top:1rem}.cta[data-v-92969146]{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem;display:flex}.hint[data-v-92969146]{margin-top:.8rem}@media (width<=560px){.cta[data-v-92969146]{z-index:3;padding:.7rem 0 calc(.6rem + env(safe-area-inset-bottom));background:var(--bg);margin-top:1rem;position:sticky;bottom:0}.cta[data-v-92969146]:before{content:"";background:linear-gradient(to top, var(--bg), transparent);pointer-events:none;height:1.5rem;position:absolute;inset:auto 0 100%}.cta .btn[data-v-92969146]{flex:100%;padding-block:.85rem;font-size:1rem}}:root{--bg:#0e0d14;--bg-soft:#17161f;--surface:#1d1c27;--surface-hi:#262433;--line:#322f42;--text:#eeecf5;--text-dim:#a29fb4;--text-faint:#87839a;--accent:#c98bff;--accent-2:#ff8fb1;--good:#63d8a4;--warn:#ffc46b;--bad:#ff7d8a;--radius:14px;--radius-sm:9px;--shadow:0 10px 30px #00000059;--el-목:#63d8a4;--el-화:#ff7d8a;--el-토:#ffc46b;--el-금:#d8dbe8;--el-수:#7fb2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}a,button,[role=button]{-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.3}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input{font:inherit;color:var(--text);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;padding:.55rem .7rem}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent);padding:0}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:min(920px,100% - 2rem);margin-inline:auto;padding-block:1.5rem 4rem}@media (width<=560px){.container{width:min(920px,100% - 2.5rem);padding-block:1rem 3rem}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.25rem}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:.85rem}.btn{background:var(--accent);color:#1a1024;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.2rem;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:var(--surface-hi);color:var(--text);border:1px solid var(--line);font-weight:600}.chip{background:var(--surface-hi);border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:.15rem .55rem;font-size:.78rem;display:inline-block}@media (width<=640px),(pointer:coarse){a.chip,button.chip{align-items:center;min-height:40px;padding:.5rem .85rem;display:inline-flex}}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}@media (width<=560px){.card>.scroll{margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem}}.scroll th{color:var(--text-faint);font-size:.78rem;font-weight:600}.scroll.compact th,.scroll.compact td{white-space:nowrap}.scroll.compact th{font-size:.74rem}.hero h1{margin-bottom:.5rem;font-size:clamp(1.6rem,5vw,2.3rem)}.hero p{max-width:52ch;margin:0}.hero strong{color:var(--text)}.grad{color:var(--accent)}.back-link{color:var(--text-faint);margin-bottom:.4rem;padding:.2rem 0;font-size:.84rem;display:inline-block}.back-link:hover{color:var(--text-dim)}.top-links{flex-wrap:wrap;gap:0 .9rem;margin-bottom:.3rem;display:flex}.learn-link{color:var(--accent);text-decoration:underline}.outro{color:var(--text-dim);margin-top:1rem;font-size:.9rem;line-height:1.6}.compat-summary{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.compat-summary p{margin:.15rem 0}.compat-highlights{flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.compat-highlights li{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);cursor:help;border-radius:999px;padding:.25rem .7rem;font-size:.85rem;font-weight:700}.compat-charts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;margin-top:.8rem;display:grid}.compat-charts .card{align-content:start;gap:.8rem;display:grid}.compat-section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin:1.6rem 0 .7rem;display:flex}.compat-charts h2,.compat-section-title h2{font-size:1rem}.compat-rules{gap:.8rem;display:grid}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}