:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#0e1024;--night-900:#141830;--night-800:#1d2442;--indigo-700:#2c213c;--slate-500:#465072;--gold-400:#d4af6a;--gold-300:#e6cd94;--gold-100:#f6e3b0;--candle-600:#875b45;--thread-500:#c23b2e;--thread-400:#e0584a;--thread-700:#a93226;--thread-800:#8e2a20;--jade-500:#3e7c6b;--jade-300:#6faf9a;--moon-100:#d1d9e5;--moon-300:#a9a3ab;--ink-on-moon:#1b1f33;--seal-ink:#141414;--paper-50:#f3ebdd;--paper-muted:#f3ebddb8;--paper-faint:#f3ebdd99;--line-gold:#d4af6a4d;--line-gold-strong:#d4af6a99;--scrim-deep:#0e1024e0;--scrim-narration:#0000008c;--bubble-moon:#d1d9e5eb;--focus-ring:#d4af6a;--el-wood:#4e9a6a;--el-fire:#c8553d;--el-earth:#b8925a;--el-metal:#c9ced6;--el-water:#3b5b8c;--line-soft:var(--line-gold);--line-strong:var(--line-gold-strong);--muted-line:var(--slate-500);--radius-6:6px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-18:18px;--radius-22:22px;--radius-pill:999px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-48:48px;--space-96:96px;--shadow-glow:0 8px 24px #d4af6a29;--shadow-menu:0 20px 50px #00000080;--shadow-card-lift:0 0 0 1px #d4af6a80,0 24px 60px #d4af6a29;--column:480px;--column-result:680px;--topbar:56px;--tap-min:44px;--gutter:16px;--gutter-text:24px;--font-display:var(--ff-cormorant),Georgia,"Times New Roman",serif;--font-hanja:var(--ff-hanja,"Noto Serif KR"),"Noto Serif KR","Noto Serif TC",serif;--font-symbols:var(--ff-symbols),"Segoe UI Symbol",sans-serif;--font-batang:var(--ff-noto-serif),Georgia,serif;--font-dodum:var(--ff-inter),system-ui,sans-serif;--font-sans:var(--ff-inter),system-ui,sans-serif}html[data-script=kore]{--font-batang:var(--ff-gowun-batang,"Gowun Batang"),"AppleMyungjo","Nanum Myeongjo","Batang","Noto Serif CJK KR",serif;--font-dodum:var(--ff-gowun-dodum,"Gowun Dodum"),"Apple SD Gothic Neo",sans-serif;--font-sans:var(--ff-inter),"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif}html[data-script=jpan]{--font-batang:var(--ff-zen-mincho,"Hiragino Mincho ProN"),"Hiragino Mincho ProN",serif;--font-dodum:var(--ff-zen-kaku,"Hiragino Sans"),"Hiragino Sans",sans-serif;--font-sans:var(--ff-inter),var(--ff-zen-kaku,"Hiragino Sans"),"Hiragino Sans",system-ui,sans-serif}html[data-script=hant]{--font-batang:var(--ff-serif-tc,serif),serif;--font-dodum:var(--ff-sans-tc,sans-serif),sans-serif;--font-sans:var(--ff-inter),var(--ff-sans-tc,sans-serif),system-ui,sans-serif}html[data-script=hans]{--font-batang:var(--ff-serif-sc,serif),serif;--font-dodum:var(--ff-sans-sc,sans-serif),sans-serif;--font-sans:var(--ff-inter),var(--ff-sans-sc,sans-serif),system-ui,sans-serif}html[data-script=thai]{--font-batang:var(--ff-serif-thai,serif),serif;--font-dodum:var(--ff-sans-thai,sans-serif),sans-serif;--font-sans:var(--ff-inter),var(--ff-sans-thai,sans-serif),system-ui,sans-serif}html[data-script=deva]{--font-batang:var(--ff-serif-deva,serif),serif;--font-dodum:var(--ff-sans-deva,sans-serif),sans-serif;--font-sans:var(--ff-inter),var(--ff-sans-deva,sans-serif),system-ui,sans-serif}html[data-script=beng]{--font-batang:var(--ff-serif-beng,serif),serif;--font-dodum:var(--ff-sans-beng,sans-serif),sans-serif;--font-sans:var(--ff-inter),var(--ff-sans-beng,sans-serif),system-ui,sans-serif}html[data-script=taml]{--font-batang:var(--ff-serif-taml,serif),serif;--font-dodum:var(--ff-sans-taml,sans-serif),sans-serif;--font-sans:var(--ff-inter),var(--ff-sans-taml,sans-serif),system-ui,sans-serif}html[data-script=arab]{--font-batang:var(--ff-naskh,serif),serif;--font-dodum:var(--ff-sans-arab,sans-serif),sans-serif;--font-sans:var(--ff-sans-arab,sans-serif),var(--ff-inter),system-ui,sans-serif}html[data-script=hebr]{--font-batang:var(--ff-serif-hebr,serif),serif;--font-dodum:var(--ff-sans-hebr,sans-serif),sans-serif;--font-sans:var(--ff-sans-hebr,sans-serif),var(--ff-inter),system-ui,sans-serif}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--ink-950);min-height:100dvh;color:var(--paper-50);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0}html:lang(ja) body{word-break:auto-phrase}:lang(ko){word-break:keep-all}:where(p,h1,h2,h3,h4,figure,ul,ol,dl,dd,blockquote){margin:0}:where(ul,ol){padding:0;list-style:none}:where(a){color:inherit}:where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(img,svg,video,canvas){max-inline-size:100%;display:block}:where(input,textarea,select){font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{z-index:1;inline-size:100%;max-inline-size:var(--column);background-color:var(--ink-950);flex-direction:column;min-block-size:100dvh;margin-inline:auto;display:flex;position:relative;overflow-x:clip}@media (min-width:600px){body{background-attachment:fixed}.page{box-shadow:0 0 0 1px #d4af6a14,0 0 80px #0009}}.g16{padding-inline:var(--gutter)}.g24{padding-inline:var(--gutter-text)}.hr{background:var(--line-soft);border:0;block-size:1px;margin:0;display:block}.sky{background-image:radial-gradient(circle at 23px 14px,#f3ebdd3d 0 .7px,#0000 1.2px),radial-gradient(circle at 99px 27px,#f3ebdd73 0 1.1px,#0000 1.7px),radial-gradient(circle at 137px 31px,#f3ebdd40 0 1.1px,#0000 1.7px),radial-gradient(circle at 223px 54px,#f3ebdd4f 0 1.1px,#0000 1.7px),radial-gradient(circle at 299px 61px,#f3ebdd66 0 .7px,#0000 1.2px),radial-gradient(circle at 382px 8px,#f3ebdd57 0 .7px,#0000 1.2px),radial-gradient(circle at 13px 83px,#f3ebdd9c 0 .7px,#0000 1.2px),radial-gradient(circle at 80px 110px,#f3ebdd63 0 .7px,#0000 1.2px),radial-gradient(circle at 165px 79px,#f3ebdd4d 0 1.1px,#0000 1.7px),radial-gradient(circle at 237px 101px,#f3ebdd7d 0 .7px,#0000 1.2px),radial-gradient(circle at 290px 93px,#f3ebdd8c 0 .7px,#0000 1.2px),radial-gradient(circle at 343px 109px,#f3ebdda3 0 .7px,#0000 1.2px),radial-gradient(circle at 44px 163px,#f3ebdd42 0 .7px,#0000 1.2px),radial-gradient(circle at 93px 190px,#f3ebdd70 0 1.1px,#0000 1.7px),radial-gradient(circle at 138px 185px,#f3ebdd7d 0 .7px,#0000 1.2px),radial-gradient(circle at 247px 164px,#f3ebdd80 0 .7px,#0000 1.2px),radial-gradient(circle at 296px 173px,#f3ebddab 0 .7px,#0000 1.2px),radial-gradient(circle at 356px 185px,#f3ebdd8c 0 1.1px,#0000 1.7px),radial-gradient(circle at 40px 274px,#f3ebdd57 0 .7px,#0000 1.2px),radial-gradient(circle at 91px 256px,#f3ebdd6e 0 1.1px,#0000 1.7px),radial-gradient(circle at 144px 223px,#f3ebdd94 0 1.1px,#0000 1.7px),radial-gradient(circle at 207px 231px,#f3ebdda3 0 .7px,#0000 1.2px),radial-gradient(circle at 270px 243px,#f3ebdda3 0 .7px,#0000 1.2px),radial-gradient(circle at 374px 267px,#f3ebdd69 0 1.1px,#0000 1.7px),radial-gradient(circle at 25px 338px,#f3ebdd47 0 .7px,#0000 1.2px),radial-gradient(circle at 80px 300px,#f3ebdd70 0 1.1px,#0000 1.7px),radial-gradient(circle at 167px 302px,#f3ebdd69 0 1.1px,#0000 1.7px),radial-gradient(circle at 220px 320px,#f3ebdd8c 0 .7px,#0000 1.2px),radial-gradient(circle at 293px 323px,#f3ebdd3b 0 .7px,#0000 1.2px),radial-gradient(circle at 378px 332px,#f3ebdd99 0 .7px,#0000 1.2px),radial-gradient(circle at 26px 380px,#f3ebdd85 0 1.1px,#0000 1.7px),radial-gradient(circle at 74px 361px,#f3ebdd47 0 1.1px,#0000 1.7px),radial-gradient(circle at 154px 360px,#f3ebdd47 0 1.1px,#0000 1.7px),radial-gradient(circle at 206px 378px,#f3ebdda3 0 1.1px,#0000 1.7px),radial-gradient(circle at 298px 366px,#f3ebdd5e 0 1.1px,#0000 1.7px),radial-gradient(circle at 350px 364px,#f3ebddb3 0 .7px,#0000 1.2px);background-size:390px 422px}@media (prefers-reduced-motion:no-preference){.twinkle{animation:8s ease-in-out infinite alternate twinkle}}@keyframes twinkle{0%{opacity:.4}to{opacity:.9}}.cko{font:700 56px/1.1 var(--font-batang);letter-spacing:-.02em;color:var(--paper-50)}.cen{font:italic 600 26px/1.1 var(--font-display);color:var(--acc)}.h1{font:700 28px/1.3 var(--font-batang);letter-spacing:-.01em;margin:0}.h2{font:700 24px/1.3 var(--font-batang);margin:0}.h3{font:700 18px/1.45 var(--font-batang);margin:0}.read{font:400 16px/1.8 var(--font-batang);color:var(--paper-50);background-color:var(--read-bg,var(--ink-950))}.nr{font:400 15px/1.7 var(--font-batang);color:var(--paper-muted)}.label{font:600 11px/1.4 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--lab)}.ui{font:400 14px/1.5 var(--font-sans);color:var(--paper-muted)}.fn{font:400 12px/1.5 var(--font-sans);color:var(--paper-faint)}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;font-weight:600}.sym{font-family:var(--font-symbols)}.hj{font-family:var(--font-hanja);font-weight:700}.val{font:700 22px/1.3 var(--font-batang);color:var(--acc)}.v{color:var(--val-ink);-webkit-text-decoration:underline 1px var(--val-underline);text-decoration:underline 1px var(--val-underline);text-underline-offset:3px}:lang(ko) .v{white-space:nowrap}.tip{text-underline-offset:5px;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.fl{font:600 12px/1.4 var(--font-sans);letter-spacing:.04em;color:var(--lab);margin-block-end:4px;display:block}.field{border:0;border-block-end:1px solid var(--line);block-size:52px;inline-size:100%;color:var(--acc);font:700 22px/1.3 var(--font-batang);background:0 0;border-radius:0;outline:none;padding:0;display:block}.field::placeholder{font:400 18px var(--font-batang);color:var(--paper-faint)}.field:focus{border-block-end:2px solid var(--line-hi)}.field.nm{font:600 28px/1 var(--font-display);font-variant-numeric:tabular-nums lining-nums;text-align:center}.field.nm::placeholder{font:500 20px var(--font-display);font-variant-numeric:lining-nums tabular-nums}.seg{border:1px solid var(--line-soft);border-radius:999px;max-inline-size:100%;padding:3px;display:inline-flex}.seg label{flex:auto;min-inline-size:0;position:relative}.seg.fill{display:flex}.seg.fill label{flex:1 1 0}.seg input,.chip input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.seg span{min-block-size:40px;font:500 15px/1.2 var(--font-sans);color:var(--paper-muted);text-align:center;text-wrap:balance;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding-inline:14px;display:flex}.seg input:checked+span{background:var(--night-800);color:var(--acc)}.seg input:focus-visible+span{outline:2px solid var(--focus-ring);outline-offset:2px}.chip:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-soft);min-block-size:44px;color:var(--paper-50);font:500 15px/1.2 var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding-inline:16px;display:inline-flex;position:relative}.chip.on,.chip[aria-pressed=true]{border-color:var(--line);background:var(--acc-bg);color:var(--acc)}.chip:has(input:checked){border-color:var(--line);background:var(--acc-bg);color:var(--acc)}.tl{min-block-size:44px;font:400 14px/1.4 var(--font-sans);color:var(--paper-muted);text-underline-offset:4px;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.err{font:400 12px/1.5 var(--font-sans);color:var(--acc);margin-block-start:6px}.ck{min-block-size:44px;font:400 14px/1.5 var(--font-sans);color:var(--paper-50);cursor:pointer;align-items:flex-start;gap:10px;padding-block:12px;display:flex}.ck input{border:1px solid var(--line);appearance:none;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;place-content:center;block-size:20px;inline-size:20px;margin:0;display:grid}.ck input:checked{background:var(--line)}.ck input:checked:before{content:"";border:solid var(--ink-950);border-width:0 0 2px 2px;block-size:6px;inline-size:10px;transform:translateY(-1px)rotate(-45deg)}.ta{border:1px solid var(--line-soft);block-size:140px;inline-size:100%;color:var(--paper-50);font:400 16px/1.6 var(--font-batang);resize:none;background:0 0;border-radius:12px;padding:14px 16px;display:block}.ta:focus{border-color:var(--line);outline:none}.card{--read-bg:transparent;border:1px solid var(--line-soft);background-color:var(--night-800);border-radius:16px;padding:20px;position:relative}.cn{--ci:6px;--ca:12px}.fr{--ci:2px;--ca:8px}.cn,.fr{background-repeat:no-repeat;background-image:linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line)),linear-gradient(var(--line),var(--line));background-size:var(--ca) 1px,1px var(--ca),var(--ca) 1px,1px var(--ca),var(--ca) 1px,1px var(--ca),var(--ca) 1px,1px var(--ca);background-position:var(--ci) var(--ci),var(--ci) var(--ci),calc(100% - var(--ci)) var(--ci),calc(100% - var(--ci)) var(--ci),var(--ci) calc(100% - var(--ci)),var(--ci) calc(100% - var(--ci)),calc(100% - var(--ci)) calc(100% - var(--ci)),calc(100% - var(--ci)) calc(100% - var(--ci))}.lock{border:1px dashed #a9a3ab80;border-radius:12px;padding:16px}.lock .bars{flex-direction:column;gap:8px;margin-block-end:14px;display:flex}.lock .bars i{filter:blur(1.5px);background:#f3ebdd24;border-radius:5px;block-size:10px;display:block}.lock .bars i:first-child{inline-size:92%}.lock .bars i:nth-child(2){inline-size:78%}.lock .bars i:nth-child(3){inline-size:60%}.fr{border:1px solid var(--line);background-color:var(--night-800);border-radius:6px;padding:6px}.fr img{block-size:auto;inline-size:100%;display:block}.cb{aspect-ratio:3/4;background:var(--night-800);border-radius:6px;justify-content:center;align-items:center;inline-size:100%;display:flex;position:relative}.cb:before,.cb:after{content:"";pointer-events:none;position:absolute}.cb:before{border:1px solid var(--line);border-radius:3px;inset:4px}.cb:after{border:1px solid var(--line-soft);border-radius:2px;inset:8px}.slot{border:1px dashed var(--slot);border-radius:6px}.art-img{transition:opacity .6s}.gl .art-img{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
