:root{--bg:#f6f1e7;--ink:#17233f;--muted:#6a6f7c;--hair:#d9d2c3;--good:#1f6f5c;--bad:#b8431f;--hot:#e4572e;--display:"Yeon Sung", "Song Myung", "AppleMyungjo", serif;--brush:"East Sea Dokdo", "Yeon Sung", serif;--hanja:"Yuji Syuku", "LXGW WenKai TC", "Noto Serif KR", serif;--serif:"Noto Serif KR", "AppleMyungjo", serif;--sans:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#11141b;--ink:#f4ecdc;--muted:#9aa0ad;--hair:#2c313c;--good:#62c9a6;--bad:#f08a5c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-el=木]{--p-bg:#1f6f5c;--p-fg:#f4ebd9;--p-ac:#f2a65a}[data-el=火]{--p-bg:#e4572e;--p-fg:#fff4e0;--p-ac:#17324d}[data-el=土]{--p-bg:#f2b431;--p-fg:#1c1b19;--p-ac:#c8401f}[data-el=金]{--p-bg:#ece4d2;--p-fg:#1b2a49;--p-ac:#d9502c}[data-el=水]{--p-bg:#23408e;--p-fg:#f6efe2;--p-ac:#f2b431}*{box-sizing:border-box}html,body{margin:0}body{word-break:keep-all;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--hot);outline-offset:3px}.shell{max-width:1040px;padding:0 max(20px, env(safe-area-inset-right,0px)) 120px max(20px, env(safe-area-inset-left,0px));margin:0 auto}.top{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.brand{font-family:var(--display);font-size:26px;line-height:1;text-decoration:none}.top nav{flex-wrap:wrap;justify-content:flex-end;gap:6px 20px;font-size:14px;font-weight:500;display:flex}.top nav a{text-decoration:none}.top nav a:hover{color:var(--hot)}.foot{border-top:1px solid var(--hair);color:var(--muted);gap:8px;margin-top:96px;padding-top:20px;font-size:13px;display:grid}.foot p{margin:0}.foot nav{flex-wrap:wrap;gap:4px 20px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--hot)}.legal{max-width:44em}.legal h1{font-size:clamp(36px,6vw,56px)}.legal .lede{margin-bottom:24px}.legal h2{margin:40px 0 8px;font-size:24px}.legal p,.legal li{margin:0 0 8px}.legal ul{margin:0 0 8px;padding-left:1.3em}h1{font-family:var(--display);text-wrap:balance;margin:48px 0 18px;font-size:clamp(42px,8vw,84px);font-weight:400;line-height:1.14}.lede{max-width:30em;color:var(--muted);margin:0 0 48px;font-size:17px}h2{font-family:var(--display);margin:96px 0 0;font-size:34px;font-weight:400}.poster{aspect-ratio:4/5;background:var(--p-bg);color:var(--p-fg);position:relative;overflow:hidden;container-type:inline-size}.poster-in{grid-template-rows:auto 1fr auto;padding:6cqw;display:grid;position:absolute;inset:0}.poster:before{content:"";background:var(--p-ac);filter:url(#ink);border-radius:50%;width:64cqw;height:64cqw;position:absolute;top:15cqw;right:-12cqw}.poster:after{content:"";opacity:.2;background:radial-gradient(circle at 50% 100%, transparent 26%, var(--p-fg) 27% 32%, transparent 33% 48%, var(--p-fg) 49% 54%, transparent 55% 70%, var(--p-fg) 71% 76%, transparent 77%) 0 0 / 14cqw 7cqw, radial-gradient(circle at 50% 100%, transparent 26%, var(--p-fg) 27% 32%, transparent 33% 48%, var(--p-fg) 49% 54%, transparent 55% 70%, var(--p-fg) 71% 76%, transparent 77%) 7cqw 3.5cqw / 14cqw 7cqw;height:30cqw;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.p-top{z-index:1;letter-spacing:.08em;justify-content:space-between;gap:3cqw;font-size:2.9cqw;font-weight:600;display:flex;position:relative}.p-name{z-index:1;writing-mode:vertical-rl;text-orientation:upright;flex-direction:column;place-self:center start;align-items:flex-start;gap:1.5cqw;margin-left:1cqw;display:flex;position:relative}.p-main{font-family:var(--brush);letter-spacing:-.2em;font-size:46cqw;line-height:.8}.p-main[data-len="1"]{font-size:66cqw}.p-main[data-len="3"]{font-size:34cqw}.p-main[data-len="4"]{font-size:26cqw}.p-main[data-han]{font-family:var(--hanja);letter-spacing:0;font-size:35cqw;line-height:1.04}.p-main[data-han][data-len="1"]{font-size:52cqw}.p-main[data-han][data-len="3"]{font-size:25cqw}.p-main[data-han][data-len="4"]{font-size:19cqw}.p-seal{z-index:1;color:#fff4e0;width:13cqw;height:13cqw;font-family:var(--hanja);text-align:center;filter:url(#ink);background:#b3261e;border-radius:.8cqw;place-items:center;font-size:4.4cqw;line-height:1.15;display:grid;position:absolute;bottom:6cqw;right:6cqw;transform:rotate(-2deg)}.p-read{font-family:var(--display);letter-spacing:.3em;padding-top:3cqw;font-size:5.4cqw}.p-foot{z-index:1;gap:1cqw;display:grid;position:relative}.p-roman{font-family:var(--serif);overflow-wrap:anywhere;padding-right:16cqw;font-size:6.4cqw;font-weight:900;line-height:1.15}.p-lines{padding-right:16cqw;font-size:3.1cqw;font-weight:500;line-height:1.55}.hero{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:40px;padding:24px 0 72px;display:grid}.hero h1{margin-top:0}.hero .lede{margin-bottom:0}.fan{aspect-ratio:1;position:relative}.fan .poster{width:56%;position:absolute;box-shadow:0 18px 40px #0000002e}.fan .poster:first-child{top:14%;left:0;transform:rotate(-7deg)}.fan .poster:nth-child(2){top:4%;right:0;transform:rotate(6deg)}.fan .poster:nth-child(3){top:26%;left:22%;transform:rotate(-1deg)}.doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.door.wide{grid-column:1/-1;min-height:0}.door{background:var(--p-bg);color:var(--p-fg);flex-direction:column;gap:10px;min-height:210px;padding:28px 26px 26px;text-decoration:none;display:flex;position:relative;overflow:hidden}.door:after{content:"";background:var(--p-ac);border-radius:50%;width:150px;height:150px;transition:transform .25s;position:absolute;bottom:-50px;right:-40px}.door:hover:after{transform:scale(1.25)}.door strong{font-family:var(--display);z-index:1;text-wrap:balance;max-width:11em;font-size:clamp(27px,3.4vw,38px);font-weight:400;line-height:1.22;position:relative}.door span{z-index:1;max-width:22em;font-weight:500;position:relative}.door em{letter-spacing:.12em;z-index:1;margin-top:auto;font-size:12px;font-style:normal;font-weight:600;position:relative}.hero h1{font-size:clamp(42px,6.6vw,76px)}.principles{border-top:3px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;padding-top:28px;display:grid}.principles h3{font-family:var(--display);margin:0 0 8px;font-size:26px;font-weight:400;line-height:1.25}.principles p{color:var(--muted);margin:0}.more{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.more .door{min-height:0;padding:22px 22px 20px}.more .door strong{font-size:28px}.more .door:after{width:90px;height:90px;bottom:-34px;right:-28px}.tabs{flex-wrap:wrap;gap:4px 22px;margin-top:20px;display:flex}.tab{color:var(--muted);border-bottom:3px solid #0000;padding:6px 0;font-weight:600;text-decoration:none}.tab[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.compare{margin-top:36px}.pair{grid-template-columns:repeat(2,minmax(0,340px));gap:20px;display:grid}.pair .poster{box-shadow:0 16px 36px #00000024}.verdict{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);gap:6px;margin:36px 0 8px;padding:20px 0;font-size:18px;font-weight:500;display:grid}.verdict p{margin:0}.cmp-row{border-bottom:1px solid var(--hair);grid-template-columns:7.5rem minmax(0,1fr) minmax(0,1fr);gap:4px 28px;padding:16px 0;display:grid}.cmp-row h3{margin:1px 0 0;font-size:14px;font-weight:600}.cmp-row p{overflow-wrap:anywhere;margin:0}.cmp-row .good{color:var(--good);font-weight:500}.cmp-row .bad{color:var(--bad);font-weight:500}.cmp-head strong{font-family:var(--display);font-size:26px;font-weight:400}form.ask{gap:34px;max-width:660px;display:grid}h1+form.ask{margin-top:44px}.field{gap:10px;min-width:0;display:grid}.field>label,.field>.label{font-size:14px;font-weight:600}.field small{color:var(--muted);font-weight:400}.row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:34px 28px;display:grid}input[type=text],input[type=date],input[type=time],input[type=number]{border:0;border-bottom:3px solid var(--ink);background:0 0;border-radius:0;width:100%;min-width:0;padding:6px 0 8px;font-size:22px;font-weight:500}input::placeholder{color:var(--hair)}input:focus{border-bottom-color:var(--hot);outline:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-weight:500}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.go{background:var(--hot);color:#fff4e0;font-family:var(--display);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:14px 44px;font-size:24px}.go:hover{filter:brightness(1.06)}.go:disabled{opacity:.5;cursor:default}.go.small{font-family:var(--sans);padding:11px 24px;font-size:15px;font-weight:600}.error{color:var(--bad);margin:0;font-weight:500}.thumbs{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:128px;grid-auto-flow:column;gap:14px;margin:20px -20px 0;padding:16px 26px 20px;display:grid;overflow-x:auto}.thumb{cursor:pointer;opacity:.62;scroll-snap-align:start;background:0 0;border:0;padding:0;transition:opacity .15s,transform .15s}.thumb:hover{opacity:.85}.thumb[aria-selected=true]{opacity:1;box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--ink);transform:translateY(-4px)}.thumb .poster{pointer-events:none}.name{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:0 56px;margin-top:36px;display:grid}.name .poster{position:sticky;top:20px;box-shadow:0 20px 44px #00000029}.reading{border-bottom:3px solid var(--ink);gap:14px;padding:0 0 20px;display:grid}.reading p{max-width:34em;margin:0}.reading .headline{font-family:var(--serif);text-wrap:balance;font-size:22px;font-weight:900;line-height:1.5}.reading .note{color:var(--muted);font-size:14px}.reading .note.bad{color:var(--bad)}.facts-title{letter-spacing:.14em;color:var(--muted);margin:24px 0 0;font-size:12px;font-weight:600}.report section{border-bottom:1px solid var(--hair);grid-template-columns:7.5rem 1fr;gap:4px 20px;padding:16px 0;display:grid}.report h3{margin:1px 0 0;font-size:14px;font-weight:600}.report p{overflow-wrap:anywhere;margin:0}.report .good{color:var(--good);font-weight:500}.report .bad{color:var(--bad);font-weight:500}.basis{color:var(--muted);max-width:44em;margin-top:80px;font-size:13px}.basis p{margin:0 0 6px}.list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.item{background:var(--p-bg);color:var(--p-fg);align-content:start;gap:14px;padding:26px 24px;display:grid;position:relative;overflow:hidden}.item .big{font-family:var(--display);overflow-wrap:anywhere;font-size:clamp(38px,5.4vw,58px);line-height:1.05}.item .sub,.item .hot{font-size:14px;font-weight:600}.item .why{margin:0;font-weight:500}.item .report section{border-bottom:0;border-top:1px solid color-mix(in srgb, var(--p-fg) 30%, transparent);grid-template-columns:1fr;gap:2px;padding:10px 0 0}.item .report h3{letter-spacing:.1em;font-size:12px}.item .report .bad{color:inherit;opacity:.85}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:28px;padding-bottom:56px}.fan{max-width:420px}.name{grid-template-columns:1fr;gap:22px}.name .poster{position:relative;top:auto}}@media (max-width:600px){.top{flex-direction:column;align-items:flex-start;gap:10px}.top nav{justify-content:flex-start}.cmp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px}.cmp-row h3,.cmp-head span{grid-column:1/-1}.pair{gap:12px}h1{margin-top:28px}.doors,.list,.principles,.more{grid-template-columns:1fr}.door{min-height:170px}.report section{grid-template-columns:1fr}}