:root{--bg: #f4f1ff;--paper: #ffffff;--ink: #2b2440;--muted: #6a6382;--line: #d9d3ee;--pop: #ff7a59;--ok: #2fa66a;--wood: #5fbf7f;--fire: #ff7a59;--earth: #e2b23a;--metal: #9aa0c3;--water: #4fa3e0;--display: "Jua", "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--body: "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--r: 18px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 1.03rem/1.6 var(--body);word-break:keep-all;overflow-wrap:anywhere}#app{max-width:30rem;margin:0 auto;padding:1rem 1.1rem 3rem}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.2;margin:0}h1{font-size:clamp(2.3rem,11vw,3.1rem)}h1 span{color:var(--pop)}h2{font-size:1.55rem;margin-bottom:.5rem}h3{font-size:1.15rem;margin:1.2rem 0 .3rem}p{margin:0 0 .7rem}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--water);outline-offset:2px}.beta{background:var(--ink);color:#fff;font-size:.85rem;padding:.4rem .8rem;border-radius:999px;text-align:center;margin:0 0 .9rem}.brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem}.brand b{font:400 1.3rem var(--display)}.brand button{background:none;border:0;text-decoration:underline;color:var(--muted);cursor:pointer;padding:.3rem 0 .3rem .9rem;font-size:.92rem}.lede{font-size:1.1rem;margin-top:.7rem}.hint{color:var(--muted);font-size:.9rem;margin:.3rem 0 0}.center{text-align:center}.error{color:#c0392b;font-weight:700}.parade{display:flex;gap:6px;overflow-x:auto;margin:1.2rem -1.1rem 1.4rem;padding:0 1.1rem .3rem;scrollbar-width:none}.parade::-webkit-scrollbar{display:none}.parade span{flex:none;border-radius:16px;padding:6px;border:2px solid var(--ink);line-height:0}form{display:grid;gap:1.1rem}label,.lab{display:grid;gap:.35rem;font-family:var(--display);font-size:1.1rem}.field{display:grid;gap:.35rem}.n{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--ink);color:#fff;font-size:.85rem;margin-right:.4rem}label:has(>.n),.lab{display:block}label:has(>.n) input{margin-top:.35rem}input[type=date],input[type=time],select{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:.7rem .8rem;width:100%;min-height:3rem;font-family:var(--body);font-size:1rem}input:disabled{opacity:.4}.inline{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:center}.check{display:flex;align-items:center;gap:.4rem;font-family:var(--body);font-size:1rem;cursor:pointer}.check input{width:1.2rem;height:1.2rem;accent-color:var(--ink)}.pick3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px;margin-top:.35rem}.pick2{display:grid;grid-template-columns:1.4fr 1fr;gap:6px}.pick3 select,.pick2 select{padding:.7rem .5rem}select:disabled{opacity:.4}.abroad{display:flex;align-items:center;gap:.7rem;background:#fff6d6;border:2px solid var(--ink);border-radius:16px;padding:.8rem .9rem;cursor:pointer;font-family:var(--body)}.abroad input{width:1.4rem;height:1.4rem;accent-color:var(--ink);flex:none}.abroad span{display:grid}.abroad b{font:400 1.1rem var(--display)}.abroad small{color:var(--muted);font-size:.88rem}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:.35rem}.grid4 button,.skip{background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:.65rem 0;cursor:pointer;font-family:var(--body);font-size:.98rem}.skip{width:100%;margin-top:6px;color:var(--muted)}[data-type][aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.go{font:400 1.25rem var(--display);background:var(--pop);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:.85rem 1.2rem;cursor:pointer;box-shadow:0 4px 0 var(--ink);text-align:center;text-decoration:none;display:block;width:100%}.go:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.go.small{font-size:1.05rem;padding:.6rem 1.1rem;width:auto;display:inline-block}.actions{display:flex;align-items:center;gap:.8rem;margin:1rem 0 0}.card{border:3px solid var(--ink);border-radius:28px;padding:1.2rem 1rem 1.3rem;text-align:center;box-shadow:0 6px 0 var(--ink)}.card .sub{font-size:.9rem;color:var(--muted);margin:0}.card .name{font-size:clamp(2rem,10vw,2.7rem);margin-top:.2rem}.card .one{font-size:1.08rem;margin:.4rem 0 .8rem}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 .7rem}.chips span{background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:.15rem .7rem;font-size:.92rem}.sync{margin:0;font-family:var(--display);font-size:1.1rem}.sync b{font-size:1.5rem;color:var(--pop);font-weight:400}section{margin-top:2.4rem}.vs{list-style:none;padding:0;margin:.7rem 0;display:grid;gap:8px}.vs li{background:var(--paper);border-radius:var(--r);padding:.75rem .9rem;border-left:8px solid var(--ok)}.vs li.diff{border-left-color:var(--pop)}.vs b{display:block;font-family:var(--display);font-weight:400}.vs small{color:var(--muted);font-family:var(--body);margin-left:.3rem}.about{margin:.6rem 0 0;display:grid;gap:8px}.about dt{font-family:var(--display)}.about dd{margin:0 0 .3rem;background:var(--paper);border-radius:var(--r);padding:.7rem .9rem}.minis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini{border:2px solid var(--ink);border-radius:20px;padding:.7rem .5rem;text-align:center;display:grid;justify-items:center;gap:.1rem}.mini b{font:400 1.2rem var(--display)}.mini small{color:var(--muted);font-size:.85rem}#cf{gap:.8rem;margin:.8rem 0 0}.cresult{margin-top:1.3rem;background:var(--paper);border:2px solid var(--ink);border-radius:22px;padding:1rem}.duo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;text-align:center}.duo span{border-radius:18px;padding:.5rem .3rem;display:grid;justify-items:center}.duo em{font-style:normal;font-size:.85rem;line-height:1.3}.total{font:400 3.2rem var(--display);color:var(--pop)}.verdict{margin:.9rem 0}.crow{margin-top:.9rem}.crow p{margin:.35rem 0 0;font-size:.97rem}.chead{display:flex;justify-content:space-between;font-family:var(--display)}.chead b{font-weight:400}.cbar{height:10px;background:var(--bg);border-radius:999px;overflow:hidden;margin-top:.2rem}.cbar i{display:block;height:100%;background:var(--ink);border-radius:999px}details{margin-top:2.4rem;background:var(--paper);border-radius:var(--r);padding:.9rem 1rem}summary{cursor:pointer;font-family:var(--display);font-size:1.15rem}.chart{width:100%;border-collapse:collapse;margin:.6rem 0}.chart th,.chart td{text-align:left;padding:.55rem .2rem;border-bottom:1px solid var(--line);font-weight:400}.chart th{color:var(--muted);font-size:.9rem;white-space:nowrap}.chart tr.me td,.chart tr.me th{font-weight:700;color:var(--ink)}.chart small{color:var(--muted);font-weight:400}.chart .han{text-align:right;color:var(--muted);white-space:nowrap;font-size:1.1rem}.dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.35rem}.el-wood{background:var(--wood)}.el-fire{background:var(--fire)}.el-earth{background:var(--earth)}.el-metal{background:var(--metal)}.el-water{background:var(--water)}.gauge{display:grid;gap:.4rem;margin:.5rem 0 .8rem}.gauge div{display:grid;grid-template-columns:2.6rem 1fr 1.2rem;align-items:center;gap:.5rem;font-size:.92rem}.gauge .bar{height:.8rem;background:var(--bg);border-radius:999px;overflow:hidden}.gauge .bar i{display:block;height:100%}footer{margin-top:3rem;color:var(--muted);font-size:.85rem}@media(prefers-reduced-motion:no-preference){.card svg{animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px)}}}.why{margin:.8rem 0 0}.formula{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.3rem 0 .8rem}.formula span{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:.3rem .7rem}.formula b{font-size:1.2rem;margin-right:.35rem}.formula i{font-style:normal;font-family:var(--display)}.minis{grid-template-columns:repeat(3,1fr)}.sync{margin:.5rem 0}#slot{width:100%}.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 1.2rem}.modes button{background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:.7rem .5rem;cursor:pointer;display:grid;gap:.1rem;text-align:center}.modes b{font:400 1.3rem var(--display)}.modes small{color:var(--muted);font-size:.82rem}.modes button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 4px 0 var(--pop)}.modes button[aria-selected=true] small{color:#d9d3ee}fieldset{border:2px solid var(--ink);border-radius:20px;padding:.6rem .9rem 1rem;margin:0;display:grid;gap:.9rem;background:var(--paper)}legend{font:400 1.15rem var(--display);padding:0 .4rem}fieldset select{background:var(--bg)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:.6rem 0 .2rem}.tabs button{background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:.5rem .2rem;cursor:pointer;font-family:var(--display);font-size:1rem}.tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:.7rem 0;text-align:center}.week>div{background:var(--paper);border-radius:10px;padding:.35rem .1rem .4rem;display:grid;gap:.2rem;font-size:.7rem;line-height:1.2;border:2px solid transparent}.week>div.today{border-color:var(--ink)}.week b{font-size:1.15rem;line-height:1.6;color:#fff;border-radius:6px;margin:0 .15rem;font-weight:400}.fam{list-style:none;padding:0;margin:.6rem 0;display:grid;gap:8px}.fam li{background:var(--paper);border-radius:var(--r);padding:.7rem .9rem}.fam p{margin:.4rem 0 0;font-size:.97rem}.fhead{display:flex;align-items:baseline;gap:.5rem}.fhead b{font:400 1.1rem var(--display)}.fhead small{color:var(--muted);flex:1}.fhead span{font-family:var(--display)}.ctitle{margin-bottom:1rem}.duo b{font-weight:400}.crow .hint{margin-top:.2rem}.minis{grid-template-columns:1fr 1fr}.toc{display:flex;flex-wrap:wrap;gap:6px;margin:1.2rem 0 0}.toc a{background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:.25rem .75rem;font-size:.9rem;text-decoration:none;color:var(--ink)}.tag{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:0 .55rem;font-size:.85rem;margin-right:.3rem;white-space:nowrap}.sum{list-style:none;padding:0;margin:0;display:grid;gap:6px}.sum li{background:var(--paper);border-radius:14px;padding:.6rem .8rem}.sum b{font:400 1rem var(--display);display:inline-block;min-width:4.6rem;color:var(--pop)}.pcards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:.6rem 0}.pcard{background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:.7rem .8rem}.pcard.me{border-color:var(--ink)}.pcard h3{margin:0;font-size:1.05rem}.han2{margin:.4rem 0;display:flex;gap:4px}.han2 b{color:#fff;font-weight:400;font-size:1.7rem;line-height:1.5;width:2.6rem;text-align:center;border-radius:10px}.pcard.empty .han2{font-size:1.7rem;color:var(--muted)}.pcard dl{margin:.5rem 0 0;font-size:.88rem}.pcard dt{color:var(--muted);margin-top:.4rem}.pcard dd{margin:.1rem 0 0}details.inline{margin-top:.6rem;padding:.7rem .9rem}.gloss dt{font-family:var(--display);margin-top:.6rem}.gloss dd{margin:0;color:var(--muted);font-size:.95rem}.plain{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:6px}.plain li{background:var(--paper);border-radius:14px;padding:.6rem .8rem}.luck{list-style:none;padding:0;margin:.6rem 0;display:grid;gap:8px}.luck li{background:var(--paper);border-radius:var(--r);padding:.7rem .9rem;border:2px solid transparent}.luck li.now{border-color:var(--ink);box-shadow:0 4px 0 var(--pop)}.luck p{margin:.35rem 0 0}.luck .tags{margin-top:.4rem}.lhead{display:flex;align-items:baseline;gap:.6rem}.lhead b{font:400 1.15rem var(--display)}.lhead .han{color:var(--muted);font-size:1.05rem}.lhead em{font-style:normal;background:var(--pop);color:#fff;border-radius:999px;padding:0 .5rem;font-size:.8rem}.lhead small{color:var(--muted)}.tabs.two{grid-template-columns:1fr 1fr}.limits .plain li{font-size:.93rem;color:var(--muted)}html{scroll-behavior:smooth}@media print{.beta,.brand span,.actions,.toc,#fortune .tabs,footer{display:none}body{background:#fff}section{break-inside:avoid}}.sum b{display:block;min-width:0;font-size:.9rem}