.f3{--paper:rgb(247 241 230);--paper-2:rgb(238 228 211);--sheet:rgb(255 252 246);--page:rgb(255 253 248);--rule:rgb(205 190 168);--rule-strong:rgb(156 139 118);--ink:rgb(42 33 28);--ink-2:rgb(74 63 55);--ink-3:rgb(88 76 67);--f3-brand:rgb(163 48 42);--f3-brand-press:rgb(134 36 31);--f3-brand-soft:rgb(247 227 220);--f3-on-brand:rgb(255 252 246);--gold:rgb(201 164 92);--gold-press:rgb(186 148 76);--gold-soft:rgb(245 232 200);--gold-text:rgb(138 95 23);--f3-link:rgb(47 74 107);--f3-link-wash:rgb(47 74 107/.07);--ok:rgb(46 94 62);--ok-soft:rgb(225 238 226);--paper-clear:rgb(247 241 230/0);--page-clear:rgb(255 253 248/0);--f3-night:rgb(30 25 22);--f3-night-on:rgb(243 234 219);--f3-night-on-2:rgb(214 201 182);--f3-focus:rgb(47 74 107);--shadow-page:0 18px 32px -22px rgb(42 33 28/.55);--font-display:"Gowun Batang","Noto Serif KR",serif;--font-hanja:"Noto Serif KR","Gowun Batang",serif;--font-body:"Pretendard Variable",Pretendard,"Noto Sans KR",-apple-system,"Apple SD Gothic Neo",sans-serif;--text-2xs:.9375rem;--text-xs:.9375rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-md:1.125rem;--text-lg:1.3125rem;--text-xl:1.625rem;--text-2xl:2rem;--touch:48px;--views-h:calc(var(--touch) + var(--space-md) + var(--space-sm));--control-edge:rgb(144 127 106);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:6px;--radius-md:10px;--ease-out:cubic-bezier(.16,1,.3,1);--dur-short:160ms;--dur-med:280ms;color-scheme:light}:where(.f3) *{box-sizing:border-box;margin:0;padding:0}:where(.f3) :where(button,input,textarea,select){font:inherit;color:inherit}:where(.f3) button{cursor:pointer;background:none;border:0}.f3 :where(input,textarea,select){font-size:max(16px,1rem)}.f3 :focus-visible{outline:2px solid var(--f3-focus);outline-offset:2px}.f3 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.f3 :where(h1,h2,h3){font-weight:700;text-wrap:balance;font-style:normal}.f3 .textbtn{font-size:var(--text-sm);color:var(--f3-link);text-decoration:underline;text-underline-offset:3px;align-self:flex-start;min-height:var(--touch);min-width:var(--touch);padding-inline:var(--space-3xs);display:inline-flex;align-items:center;justify-content:center;text-align:left}.f3 .screen{position:absolute;inset:0;overflow-y:auto;padding:var(--space-md) var(--space-md) 0;scrollbar-width:none;scroll-padding-block-end:120px}.f3 .screen::-webkit-scrollbar{display:none}.f3 .in-r{animation:f3-inR var(--dur-med) var(--ease-out)}.f3 .in-l{animation:f3-inL var(--dur-med) var(--ease-out)}@keyframes f3-inR{0%{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}@keyframes f3-inL{0%{transform:translateX(-24px);opacity:0}to{transform:none;opacity:1}}.f3 .dock{position:sticky;bottom:0;margin:auto calc(-1 * var(--space-md)) 0;padding:var(--space-lg) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom, 0px));background:linear-gradient(to top,var(--paper) 68%,var(--paper-clear));display:flex;flex-direction:column;gap:var(--space-2xs)}.f3 .dock .under{text-align:center}.f3 .dock .under,.f3 .kicker{font-size:var(--text-sm);color:var(--ink-3);word-break:keep-all}.f3 .kicker{margin-bottom:var(--space-2xs)}.f3 .t-display{font-size:var(--text-2xl);line-height:1.35}.f3 .t-display,.f3 .t-title{font-family:var(--font-display);word-break:keep-all;overflow-wrap:anywhere}.f3 .t-title{font-size:var(--text-xl);line-height:1.4}.f3 .lede{color:var(--ink-2)}.f3 .lede,.f3 .meta{margin-top:var(--space-2xs);word-break:keep-all}.f3 .meta{color:var(--ink-3);font-size:var(--text-sm)}.f3 .you{font-weight:700;background:linear-gradient(transparent 58%,var(--f3-brand-soft) 58%)}.f3 .btn{min-height:52px;border-radius:var(--radius-sm);background:var(--f3-brand);color:var(--f3-on-brand);font-weight:700;font-size:var(--text-md);padding:var(--space-2xs) var(--space-md);line-height:1.3;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out);white-space:normal;text-wrap:balance}.f3 .btn:hover{background:var(--f3-brand-press)}.f3 .btn:active{transform:translateY(1px)}.f3 .btn.paid{background:var(--gold);color:var(--ink)}.f3 .btn.paid:hover{background:var(--gold-press)}.f3 .btn.quiet{background:transparent;color:var(--ink-2);font-weight:500;font-size:var(--text-base);min-height:var(--touch);text-decoration:underline;text-underline-offset:3px}.f3 .btn.line,.f3 .btn.quiet:hover{color:var(--ink);background:transparent}.f3 .btn.line{border:1px solid var(--rule-strong)}.f3 .btn.line:hover{background:var(--sheet)}.f3 .btn.sm{min-height:var(--touch);font-size:var(--text-base);padding:0 var(--space-sm)}.f3 .btnrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xs);margin-top:var(--space-sm)}.f3 .btnrow .btn{white-space:normal;line-height:1.3}.f3 .ask{margin-top:var(--space-md);border:0}.f3 .ask legend{font-weight:700;font-size:var(--text-md);margin-bottom:var(--space-2xs)}.f3 .ask .hint{font-size:var(--text-sm);color:var(--ink-3);margin:calc(-1 * var(--space-3xs)) 0 var(--space-2xs)}.f3 .row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-sm);min-height:52px;padding:var(--space-2xs) var(--space-3xs);border-top:1px solid var(--rule);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out)}.f3 .row:last-of-type{border-bottom:1px solid var(--rule)}.f3 .row:hover{background:var(--sheet)}.f3 .row input{position:absolute;opacity:0;pointer-events:none}.f3 .row .t{font-size:var(--text-md);font-weight:500}.f3 .row .s{font-size:var(--text-sm);color:var(--ink-3);margin-left:var(--space-2xs);font-weight:400}.f3 .row .mark{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--control-edge);display:grid;place-items:center}.f3 .row.check .mark{border-radius:4px}.f3 .row:has(input:checked) .mark{border-color:var(--ink);background:var(--ink)}.f3 .row:has(input:checked) .mark:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--sheet)}.f3 .row.check:has(input:checked) .mark:after{width:10px;height:6px;border-radius:0;background:none;border-left:2px solid var(--sheet);border-bottom:2px solid var(--sheet);transform:translateY(-1px) rotate(-45deg)}.f3 .row:has(input:checked) .t{font-weight:700}.f3 .row:has(input:focus-visible){outline:2px solid var(--f3-focus);outline-offset:-2px}.f3 .sub{margin:0 0 0 var(--space-md);border-left:2px solid var(--ink);padding-left:var(--space-sm)}.f3 .sub .row{min-height:var(--touch)}.f3 .sub .row .t{font-size:var(--text-base)}.f3 .chips{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.f3 .chip{position:relative;min-height:var(--touch);display:inline-flex;align-items:center;padding:0 var(--space-sm);border:1px solid var(--rule-strong);border-radius:22px;background:var(--sheet);font-size:var(--text-base);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.f3 .chip input{position:absolute;opacity:0;pointer-events:none}.f3 .chip:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--sheet);font-weight:700}.f3 .chip:has(input:focus-visible){outline:2px solid var(--f3-focus);outline-offset:2px}.f3 button.chip:hover{background:var(--paper-2)}.f3 .field{display:flex;flex-direction:column;gap:var(--space-3xs);margin-top:var(--space-sm)}.f3 .field .lab,.f3 .field label{font-size:var(--text-sm);font-weight:700;color:var(--ink-2)}.f3 .field .help{font-size:var(--text-sm);color:var(--ink-3);word-break:keep-all}.f3 .input{min-height:52px;border:1px solid var(--control-edge);border-radius:var(--radius-sm);padding:0 var(--space-sm);background:var(--sheet)}.f3 textarea.input{padding:var(--space-xs) var(--space-sm);min-height:72px;resize:none;line-height:1.5}.f3 .seg{display:grid;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);overflow:hidden}.f3 .seg,.f3 .seg.four{grid-template-columns:1fr 1fr}.f3 .seg label{position:relative;min-height:48px;display:grid;place-items:center;font-weight:500;cursor:pointer;background:var(--sheet);text-align:center;padding:0 var(--space-3xs);line-height:1.3}.f3 .seg label+label{border-left:1px solid var(--rule-strong)}.f3 .seg.four label:nth-child(3){border-left:0}.f3 .seg.four label:nth-child(n+3){border-top:1px solid var(--rule-strong)}.f3 .seg input{position:absolute;opacity:0;pointer-events:none}.f3 .seg label:has(input:checked){background:var(--ink);color:var(--sheet);font-weight:700}.f3 .seg label:has(input:focus-visible){outline:2px solid var(--f3-focus);outline-offset:-3px}.f3 .seg label:has(input:checked:focus-visible){outline-color:var(--sheet);outline-offset:-5px}.f3 .optin{display:flex;gap:var(--space-xs);align-items:flex-start;margin-top:var(--space-2xs);min-height:var(--touch);padding-block:var(--space-xs);font-size:var(--text-sm);color:var(--ink-2);cursor:pointer;word-break:keep-all}.f3 .optin input{width:20px;height:20px;margin-top:1px;accent-color:var(--f3-brand);flex-shrink:0}.f3 .optin b{color:var(--ink)}.f3 .err{font-size:var(--text-sm);color:var(--f3-brand);margin-top:var(--space-3xs);word-break:keep-all}.f3 .input[aria-invalid=true]{border-color:var(--f3-brand);border-width:2px}.f3 .suggest{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--ink-2)}.f3 .dates{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-2xs)}.f3 .dates select{min-height:52px;border:1px solid var(--control-edge);border-radius:var(--radius-sm);background:var(--sheet);padding:0 var(--space-2xs);font-size:16px;color:var(--ink)}.f3 .dates select.pre{border-color:var(--ink);border-width:2px}.f3 .slip{margin-top:var(--space-md);background:var(--sheet);border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:var(--space-sm);display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs);animation:f3-ink .52s var(--ease-out)}.f3 .seal{width:26px;height:26px;background:var(--f3-brand);color:var(--f3-on-brand);font-family:var(--font-hanja);font-size:var(--text-sm);display:grid;place-items:center;border-radius:3px;line-height:1;margin-top:2px}.f3 .slip p{font-family:var(--font-display);font-size:var(--text-md);line-height:1.6;word-break:keep-all}.f3 .slip .src{grid-column:2;font-size:var(--text-xs);color:var(--ink-3)}.f3 .slip .src .hj{font-family:var(--font-hanja);color:var(--ink-2);letter-spacing:.06em}.f3 .slip.plain{grid-template-columns:1fr;border-top-color:var(--rule-strong)}.f3 .slip.plain p{font-family:var(--font-body);font-size:var(--text-base)}@keyframes f3-ink{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.f3 .gua{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);align-items:flex-start;margin-top:var(--space-2xs)}.f3 .gua>div{flex:1 1 7rem}.f3 .vert{writing-mode:vertical-rl;font-family:var(--font-hanja);font-weight:500;font-size:var(--text-lg);letter-spacing:.3em;line-height:1.7;color:var(--ink);height:5.4em;padding-left:var(--space-2xs);border-left:1px solid var(--rule)}.f3 .vert span,.f3 .vmini span{display:block}.f3 .vert span:nth-child(2n){color:var(--ink-2)}.f3 .gua-name{font-family:var(--font-hanja);font-weight:700;font-size:2.25rem;letter-spacing:.06em;line-height:1.15;white-space:nowrap}.f3 .gua-no{color:var(--ink-3);margin-top:var(--space-2xs)}.f3 .gua-no,.f3 .gua-tr{font-size:var(--text-sm);word-break:keep-all}.f3 .gua-tr{color:var(--ink-2);margin-top:var(--space-sm)}.f3 .gua-src{font-size:var(--text-sm);color:var(--ink-3);margin-top:var(--space-3xs)}.f3 .yearline{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.55;margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--ink);word-break:keep-all}.f3 p.best{margin-top:var(--space-2xs);font-weight:700;word-break:keep-all}.f3 .ask-next{margin-top:var(--space-md);color:var(--ink-2);word-break:keep-all}.f3 .ritual{flex:1;align-items:center;justify-content:center;gap:var(--space-md)}.f3 .bars,.f3 .ritual{display:flex;flex-direction:column}.f3 .bars{gap:9px}.f3 .bars i{display:block;width:112px;height:11px;background:var(--ink);opacity:0;animation:f3-bar .42s var(--ease-out) forwards}.f3 .bars i.yin{background:linear-gradient(90deg,var(--ink) 42%,transparent 42% 58%,var(--ink) 58%)}@keyframes f3-bar{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:none}}.f3 .ritual p{color:var(--ink-2)}.f3 .recap,.f3 .ritual p{font-family:var(--font-display)}.f3 .recap{font-size:var(--text-md);line-height:1.65;margin-top:var(--space-md);word-break:keep-all}.f3 .lines{list-style:none;margin-top:var(--space-sm)}.f3 .lines li{padding:var(--space-sm) 0;border-top:1px solid var(--rule)}.f3 .lines li:last-child{border-bottom:1px solid var(--rule)}.f3 .lines .lab{font-size:var(--text-xs);color:var(--ink-3)}.f3 .lines .txt{font-family:var(--font-display);font-size:var(--text-md);line-height:1.6;margin-top:2px;word-break:keep-all}.f3 .lines .src{font-size:var(--text-xs);color:var(--ink-3);margin-top:2px}.f3 .lines .src .hj{font-family:var(--font-hanja);color:var(--ink-2);letter-spacing:.06em}.f3 .sect{margin-top:var(--space-lg)}.f3 .sect>h3{font-size:var(--text-base);margin-bottom:var(--space-2xs)}.f3 .yearmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--rule)}.f3 .yearmap div{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:58px;padding:6px 2px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.f3 .yearmap .mo{font-size:var(--text-xs);color:var(--ink-2);line-height:1.2}.f3 .yearmap .sym{font-size:var(--text-md);line-height:1}.f3 .yearmap .up{background:var(--sheet)}.f3 .yearmap .up .sym{color:var(--ink)}.f3 .yearmap .keep .sym{color:var(--f3-brand)}.f3 .legend,.f3 .yearmap .end .sym{color:var(--ink-2)}.f3 .legend{list-style:none;margin-top:var(--space-2xs);display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm)}.f3 .legend b{font-weight:700;color:var(--ink)}.f3 .legend .k{color:var(--f3-brand)}.f3 .bookrows{list-style:none}.f3 .bookrows li{padding:var(--space-xs) 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:3.4rem 1fr;gap:var(--space-xs);align-items:baseline}.f3 .bookrows li:last-child{border-bottom:1px solid var(--rule)}.f3 .bookrows .pg{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-base)}.f3 .bookrows .ti{font-family:var(--font-display);font-size:var(--text-base);line-height:1.5;word-break:keep-all}.f3 .bookrows .fade{display:block;font-size:var(--text-sm);color:var(--ink-3);margin-top:2px}.f3 .bridge{margin-top:var(--space-lg);font-size:var(--text-base);color:var(--ink);word-break:keep-all}.f3 .season{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--ink-2);border-left:3px solid var(--rule-strong);padding-left:var(--space-xs);word-break:keep-all}.f3 .askfree{margin-top:var(--space-md);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--sheet)}.f3 .askfree summary{list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-sm);font-weight:700;cursor:pointer}.f3 .askfree summary::-webkit-details-marker{display:none}.f3 .askfree summary:after{content:"＋"/"";color:var(--ink-3);font-weight:400}.f3 .askfree[open] summary:after{content:"－"/""}.f3 .askfree .body{padding:0 var(--space-sm) var(--space-sm);font-size:var(--text-sm);color:var(--ink-2);word-break:keep-all}.f3 .legal{margin-top:var(--space-lg);font-size:var(--text-xs);color:var(--ink-3);word-break:keep-all}.f3 .legal p+p{margin-top:var(--space-3xs)}.f3 .inout{display:grid;grid-template-columns:1fr;gap:0;margin-top:var(--space-md)}.f3 .inout h3{font-size:var(--text-base);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--ink)}.f3 .inout ul{list-style:none;margin-bottom:var(--space-md)}.f3 .inout li{padding:var(--space-2xs) 0 var(--space-2xs) 1.4rem;border-bottom:1px solid var(--rule);font-size:var(--text-base);position:relative;word-break:keep-all}.f3 .inout li:before{content:"✓"/"";position:absolute;left:0;color:var(--ink)}.f3 .inout .no li:before{content:"–"/"";color:var(--ink-3)}.f3 .inout .no li{color:var(--ink-2)}.f3 .inout li small{display:block;font-size:var(--text-sm);color:var(--ink-3)}.f3 .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--ink)}.f3 .price b{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-family:var(--font-body)}.f3 .price span{font-size:var(--text-sm);color:var(--ink-3)}.f3 .promise{margin-top:var(--space-sm);font-size:var(--text-base);color:var(--ink);word-break:keep-all;padding:var(--space-sm);background:var(--sheet);border:1px solid var(--rule)}.f3 .promise b{display:block;font-size:var(--text-sm);color:var(--ink-2);margin-bottom:2px}.f3 .faq{margin-top:var(--space-lg)}.f3 .faq>h3{font-size:var(--text-base);margin-bottom:var(--space-2xs)}.f3 .faq details{border-top:1px solid var(--rule)}.f3 .faq details:last-child{border-bottom:1px solid var(--rule)}.f3 .faq summary{list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-weight:500;cursor:pointer}.f3 .faq summary::-webkit-details-marker{display:none}.f3 .faq summary:after{content:"＋"/"";color:var(--ink-3)}.f3 .faq details[open] summary:after{content:"－"/""}.f3 .faq details p{padding:0 0 var(--space-sm);font-size:var(--text-sm);color:var(--ink-2);word-break:keep-all}.f3 .proofpage{margin:var(--space-md) 0 0;display:flex;flex-direction:column;gap:var(--space-2xs)}.f3 .proofpage .page{padding-bottom:var(--space-md)}.f3 .proofpage .veil{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--rule-strong);display:flex;flex-direction:column;gap:2px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-2)}.f3 .pn>span:last-child{white-space:nowrap}.f3 .proofpage figcaption{font-size:var(--text-sm);color:var(--ink-2);word-break:keep-all}.f3 .summary{margin-top:var(--space-md);border-top:1px solid var(--ink)}.f3 .summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--rule);font-size:var(--text-base)}.f3 .summary>div>span:first-child{color:var(--ink-3);flex-shrink:0}.f3 .summary>div>span:last-child{text-align:right;word-break:keep-all}.f3 .summary .total b{font-size:var(--text-lg);font-variant-numeric:tabular-nums}.f3 .summary .warn{display:block;font-size:var(--text-sm);color:var(--ink-2);margin-top:2px}.f3 .refund{margin-top:var(--space-md);padding:var(--space-sm);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--sheet)}.f3 .refund h3{font-size:var(--text-base);margin-bottom:var(--space-2xs)}.f3 .refund ul{list-style:none}.f3 .refund li{font-size:var(--text-base);color:var(--ink-2);padding:var(--space-3xs) 0 var(--space-3xs) 1rem;position:relative;word-break:keep-all}.f3 .refund li:before{content:"·";position:absolute;left:0;color:var(--ink)}.f3 .band{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--ok-soft);border-left:3px solid var(--ok);font-size:var(--text-sm);color:var(--ink);margin-bottom:var(--space-md);word-break:keep-all}.f3 .band b{font-weight:700}.f3 .progress{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:var(--space-sm)}.f3 .progress li{font-size:var(--text-xs);color:var(--ink-3);text-align:center;padding-top:6px;border-top:3px solid var(--rule);line-height:1.25;word-break:keep-all}.f3 .progress li.done{border-top-color:var(--ok);color:var(--ok);font-weight:700}.f3 .progress li.on{border-top-color:var(--ink);color:var(--ink);font-weight:700}.f3 .minipage{margin-top:var(--space-md);background:var(--page);border:1px solid var(--rule);box-shadow:var(--shadow-page);padding:var(--space-sm);font-family:var(--font-display)}.f3 .minipage .pn{font-family:var(--font-body);font-size:var(--text-xs);color:var(--ink-3);margin-bottom:var(--space-3xs)}.f3 .minipage p{font-size:var(--text-base);line-height:1.7;word-break:keep-all}.f3 .minipage .blank{color:var(--ink-3);border-bottom:1px dashed var(--rule-strong)}.f3 .goes{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--ink-2);border-top:1px dotted var(--rule);padding:var(--space-2xs) 0 0;word-break:keep-all}.f3 .fillrow{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-2xs)}.f3 .cover{margin:var(--space-md) auto 0;width:176px;max-width:100%;aspect-ratio:1/1.414;background:var(--f3-night);color:var(--f3-night-on);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-page)}.f3 .cover .y{font-family:var(--font-hanja);font-size:var(--text-xs);letter-spacing:.3em;color:var(--gold)}.f3 .cover .t{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.45;font-weight:700;word-break:keep-all}.f3 .cover .s{font-size:var(--text-xs);color:var(--f3-night-on-2)}.f3 .box{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--ink)}.f3 .box>h3{font-size:var(--text-base)}.f3 .box>.hint{word-break:keep-all}.f3 .box>.hint,.f3 .optin .cap{font-size:var(--text-sm);color:var(--ink-3);margin-top:2px}.f3 .optin .cap{display:block}.f3 .consent{margin-top:var(--space-sm)}.f3 .consent li{list-style:none;padding:1px 0}.f3 .page{background:var(--page);border:1px solid var(--rule);box-shadow:var(--shadow-page);padding:var(--space-md) var(--space-md) var(--space-lg);font-family:var(--font-display);color:var(--ink)}.f3 .page .pn{font-family:var(--font-body);font-size:var(--text-2xs);color:var(--ink-3);display:flex;justify-content:space-between}.f3 .page .pn,.f3 .page h3{margin-bottom:var(--space-sm)}.f3 .page h3{font-size:var(--text-xl);line-height:1.4;word-break:keep-all}.f3 .page p{font-size:var(--text-base);line-height:1.8;word-break:keep-all}.f3 .page p+p{margin-top:var(--space-xs)}.f3 .why{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);margin:var(--space-md) 0;padding:var(--space-sm) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}.f3 .why .vmini{writing-mode:vertical-rl;font-family:var(--font-hanja);font-weight:500;font-size:var(--text-lg);letter-spacing:.24em;line-height:1.7;height:5.2em}.f3 .why .tr{font-family:var(--font-body);font-size:var(--text-xs);color:var(--ink-3);margin-bottom:var(--space-2xs)}.f3 .why p{font-size:var(--text-base)}.f3 .page .sec{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--f3-brand);margin:var(--space-md) 0 var(--space-3xs)}.f3 .page ul{list-style:none}.f3 .page li{font-size:var(--text-base);line-height:1.6;padding:var(--space-2xs) 0;border-top:1px dotted var(--rule);display:grid;grid-template-columns:5rem 1fr;gap:var(--space-2xs);word-break:keep-all}.f3 .page li em{font-style:normal;font-weight:700}.f3 .page .ref{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-2)}.f3 .page .mark{display:block;font-family:var(--font-body);font-size:var(--text-xs);color:var(--f3-brand);font-weight:700;margin-bottom:2px}.f3 .peek{margin-top:var(--space-sm);width:100%}.f3 .viewer{position:absolute;z-index:5;display:flex;flex-direction:column;background:var(--paper-2)}.f3 .viewer[hidden]{display:none}.f3 .vw-top{min-height:56px;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2xs);padding:0 var(--space-3xs) 0 var(--space-sm);border-bottom:1px solid var(--rule);background:var(--paper)}.f3 .vw-top h2{font-family:var(--font-display);font-size:var(--text-base);outline:none}.f3 .vw-count{font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.f3 .vw-close{min-width:var(--touch);min-height:var(--touch);padding:0 var(--space-xs);font-size:var(--text-base);color:var(--f3-link);text-decoration:underline;text-underline-offset:3px}.f3 .vw-stage{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-sm);touch-action:pan-y;overscroll-behavior:contain}.f3 .vw-tag{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px var(--space-xs);font-size:var(--text-sm);color:var(--ink-2);margin-bottom:var(--space-2xs);word-break:keep-all}.f3 .vw-tag b{color:var(--ink)}.f3 .vw-hint{font-size:var(--text-sm);color:var(--ink-2);margin-bottom:var(--space-2xs);word-break:keep-all}.f3 .you{background:linear-gradient(transparent 56%,var(--gold-soft) 56%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.f3 .cover .you{background:none;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.f3 .vw-bar{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm) calc(var(--space-2xs) + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--rule);background:var(--paper)}.f3 .vw-bar .btn{min-height:var(--touch);white-space:nowrap;padding-inline:var(--space-xs)}.f3 .vw-bar:has(.btn[hidden]){grid-template-columns:minmax(0,1fr)}.f3 .vw-bar .btn:disabled{opacity:.4;cursor:default}.f3 .vw-end{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-2xs)}.f3 .vw-end h3{font-family:var(--font-display);font-size:var(--text-xl);outline:none}.f3 .vw-end ul{padding-left:1.1em;word-break:keep-all}.f3 .vw-end li{padding:2px 0}.f3 .vw-left{list-style:none;padding-left:0!important;border-top:1px solid var(--rule-strong)}.f3 .vw-left li{padding:var(--space-2xs) 0!important;border-bottom:1px solid var(--rule)}.f3 .vw-left b{margin-right:.3em}.f3 .sheet{aspect-ratio:210/297;display:flex;flex-direction:column;background:var(--page);border:1px solid var(--rule);box-shadow:var(--shadow-page);padding:var(--space-md) var(--space-sm) var(--space-sm);font-family:var(--font-display);color:var(--ink)}.f3 .sheet.is-cover{padding:0;background:var(--f3-night)}.f3 .sheet.is-cover .cover{margin:0;width:100%;flex:1;aspect-ratio:auto;padding:var(--space-lg) var(--space-md)}.f3 .sheet.is-cover .cover .t{font-size:var(--text-2xl)}.f3 .sheet h3{font-size:var(--text-xl);line-height:1.4;margin:var(--space-2xs) 0 var(--space-xs);word-break:keep-all;outline:none}.f3 .sheet p{font-size:var(--text-base);line-height:1.75;word-break:keep-all}.f3 .sheet p+p{margin-top:var(--space-2xs)}.f3 .sheet .ref{color:var(--ink-2);line-height:1.6}.f3 .sheet .ref,.f3 .sheet .sec{font-family:var(--font-body);font-size:var(--text-sm)}.f3 .sheet .sec{font-weight:700;color:var(--f3-brand);margin:var(--space-sm) 0 var(--space-3xs)}.f3 .sheet .why{margin:var(--space-sm) 0}.f3 .sheet ul:not([class]){list-style:none}.f3 .sheet ul:not([class]) li{font-size:var(--text-base);line-height:1.6;padding:var(--space-2xs) 0;border-top:1px dotted var(--rule);display:grid;grid-template-columns:5rem 1fr;gap:var(--space-2xs);word-break:keep-all}.f3 .sheet ul:not([class]) li em{font-style:normal;font-weight:700}.f3 .sheet .sh-head{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700}.f3 .sheet .sh-sub{font-size:var(--text-sm);color:var(--ink-3)}.f3 .sheet .sh-var{align-self:flex-start;margin-top:var(--space-2xs);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;border-left:3px solid;padding-left:var(--space-2xs)}.f3 .sh-var.a{color:var(--ok)}.f3 .sh-var.b{color:var(--gold-text)}.f3 .sh-var.c{color:var(--ink)}.f3 .sh-var.red{color:var(--f3-brand)}.f3 .sheet .lead{font-size:var(--text-md);font-weight:700}.f3 .origin{margin:var(--space-sm) 0 var(--space-2xs);padding:var(--space-xs) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}.f3 .sheet .origin .cap,.f3 .sheet .origin .src{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-3)}.f3 .sheet .origin .src{text-align:right;margin-top:var(--space-2xs)}.f3 .sheet .origin .row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-xs);align-items:baseline;margin-top:var(--space-3xs);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.55}.f3 .origin .row>span:first-child{font-family:var(--font-hanja);font-size:var(--text-md);letter-spacing:.12em;color:var(--ink)}.f3 .origin .row small{display:block;font-size:var(--text-sm);color:var(--ink-3)}.f3 .origin .row small.gl{color:var(--ink-2)}.f3 .sheet .sh-next{margin-top:auto;padding-top:var(--space-sm);color:var(--ink-2);text-align:right}.f3 .sheet .sh-next,.f3 .sheet .sh-pn{font-family:var(--font-body);font-size:var(--text-sm)}.f3 .sheet .sh-pn{margin-top:var(--space-sm);text-align:center;color:var(--ink-3)}.f3 .sheet .four{list-style:none;margin-top:var(--space-2xs);border-top:1px solid var(--ink)}.f3 .sheet .four li{display:grid;gap:2px;padding:var(--space-2xs) 0;border-bottom:1px dotted var(--rule);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.55;word-break:keep-all}.f3 .sheet .four .f{font-weight:700;display:flex;gap:var(--space-2xs);align-items:center}.f3 .dots{letter-spacing:.08em;color:var(--ink-2);font-weight:400}.f3 .cal{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:var(--space-sm);font-family:var(--font-body)}.f3 .cal th{font-weight:500;color:var(--ink-3);padding-bottom:var(--space-3xs)}.f3 .cal td,.f3 .cal th{font-size:var(--text-sm)}.f3 .cal td{vertical-align:top;text-align:center;padding:3px 0;border-top:1px solid var(--rule);line-height:1.35;overflow-wrap:anywhere}.f3 .cal td .lu,.f3 .cal td b,.f3 .cal td i{display:block;font-style:normal}.f3 .cal td i{min-height:1.35em}.f3 .cal td .lu{color:var(--ink-3)}.f3 .cal td b{white-space:nowrap}.f3 .cal td.m1{box-shadow:inset 3px 0 0 var(--ink)}.f3 .cal td.caution b,.f3 .cal td.caution i{color:var(--f3-brand)}.f3 .daylines,.f3 .grid12,.f3 .layers,.f3 .moves,.f3 .picks,.f3 .symbols,.f3 .toc{list-style:none;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.55;word-break:keep-all}.f3 .daylines{margin-top:var(--space-xs)}.f3 .daylines li{display:grid;grid-template-columns:1.4em minmax(0,1fr);gap:var(--space-3xs);padding:3px 0}.f3 .daylines li.caution i,.f3 .symbols li.caution i{color:var(--f3-brand)}.f3 .daylines i,.f3 .symbols i{font-style:normal}.f3 .moves{margin-top:var(--space-xs)}.f3 .moves li{display:grid;gap:1px;padding:var(--space-2xs) 0;border-top:1px dotted var(--rule)}.f3 .moves .k{color:var(--ink-3)}.f3 .picks{display:grid;gap:2px}.f3 .picks li{display:flex;gap:var(--space-2xs)}.f3 .sheet .line-blank{height:1.9em;border-bottom:1px solid var(--rule-strong);margin-top:0}.f3 .gua3{display:flex;align-items:baseline;gap:var(--space-xs);margin:var(--space-2xs) 0}.f3 .gua3 span{font-size:var(--text-md);color:var(--ink-3);letter-spacing:.1em}.f3 .gua3 b,.f3 .gua3 span{font-family:var(--font-hanja)}.f3 .gua3 b{font-size:var(--text-2xl);letter-spacing:.06em}.f3 .how{width:100%;border-collapse:collapse;margin:var(--space-sm) 0;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.55}.f3 .how caption{text-align:left;font-weight:700;padding-bottom:var(--space-3xs)}.f3 .how th{width:3.4em;text-align:left;font-weight:500;color:var(--ink-3);vertical-align:top}.f3 .how td,.f3 .how th{padding:4px 0;border-top:1px solid var(--rule)}.f3 .how td{word-break:keep-all}.f3 .sheet .foot{margin-top:auto;padding-top:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-3);border-top:1px solid var(--rule)}.f3 .toc li{display:flex;justify-content:space-between;gap:var(--space-xs);padding:3px 0;border-bottom:1px dotted var(--rule)}.f3 .toc li:has(button){padding:0}.f3 .toc button{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xs);width:100%;min-height:var(--touch);text-align:left;color:var(--f3-link);text-decoration:underline;text-underline-offset:3px}.f3 .toc button>span:last-child,.f3 .toc li>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.f3 .layers{margin-top:var(--space-2xs)}.f3 .layers li{grid-template-columns:3.2em minmax(0,1fr);padding:var(--space-2xs) 0;border-top:1px solid var(--rule)}.f3 .layers li,.f3 .symbols li{display:grid;gap:var(--space-2xs)}.f3 .symbols li{grid-template-columns:5.4em minmax(0,1fr);padding:3px 0}.f3 .sheet .guide{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-2);line-height:1.6;margin-top:var(--space-sm)}.f3 .grid12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs) var(--space-sm)}.f3 .grid12 li{display:flex;justify-content:space-between;border-bottom:1px solid var(--rule-strong);padding:var(--space-sm) 0 2px}.f3 .grid12 li span{color:var(--ink-3)}.f3 .fbars{margin:var(--space-sm) 0 0}.f3 .fbars>div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;align-items:end;height:100px;margin-top:var(--space-2xs);font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-3);text-align:center}.f3 .fbars span{display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:0}.f3 .fbars i{display:block;height:calc(var(--b) * 14px);background:var(--ink-2);margin-bottom:2px}@media (prefers-reduced-motion:reduce){.f3 .in-l,.f3 .in-r,.f3 .slip{animation:f3-fade .12s linear}.f3 .bars i{animation:f3-fade 1ms linear forwards}@keyframes f3-fade{0%{opacity:0}to{opacity:1}}.f3 *{scroll-behavior:auto!important}}.f3{--font-display:var(--font-serif),"Noto Serif KR",serif;--font-hanja:var(--font-serif),"Noto Serif KR",serif;--font-body:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip}.f3 .f3-top{position:sticky;top:0;z-index:4;height:56px;display:grid;grid-template-columns:var(--touch) minmax(0,1fr) var(--touch);align-items:center;padding:0 max(var(--space-3xs),env(safe-area-inset-right,0px)) 0 max(var(--space-3xs),env(safe-area-inset-left,0px));border-bottom:1px solid var(--rule);background:var(--paper)}.f3 .f3-back{width:var(--touch);height:var(--touch);border-radius:50%;display:grid;place-items:center;font-size:var(--text-lg)}.f3 .f3-back[disabled]{visibility:hidden}.f3 .f3-mark{font-family:var(--font-display);font-size:var(--text-sm);text-align:center;color:var(--ink-2);display:flex;flex-direction:column;align-items:center;gap:4px}.f3 .f3-steps{display:flex;gap:4px;justify-content:center}.f3 .f3-steps i{display:block;width:22px;height:3px;border-radius:2px;background:var(--rule-strong)}.f3 .f3-steps i.on{background:var(--ink)}.f3 .f3-steps i.done{background:var(--ok)}.f3 .screen{position:relative;inset:auto;overflow:visible;max-width:30rem;margin:0 auto;min-height:calc(100dvh - 56px);display:flex;flex-direction:column;padding:var(--space-md) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}.f3 .screen>*{flex-shrink:0}.f3 .screen h1,.f3 .screen h2{outline:none}.f3 .dock{margin:auto calc(-1 * max(16px, env(safe-area-inset-left, 0px))) 0;padding-inline:max(16px,env(safe-area-inset-left,0px))}.f3 .viewer{position:fixed;inset:0;z-index:60}.f3 .demo-band{max-width:30rem;margin:0 auto;padding:var(--space-2xs) var(--space-sm);background:var(--gold-soft);font-size:var(--text-sm);border-bottom:1px solid var(--rule)}.f3 .demo-band,.f3 .f3-error{color:var(--ink);word-break:keep-all}.f3 .f3-error{margin-top:var(--space-md);padding:var(--space-sm);border:1px solid var(--f3-brand);background:var(--f3-brand-soft)}.f3 .f3-loading{flex:1;display:grid;place-items:center;color:var(--ink-2)}.f3 .card{margin:var(--space-md) auto 0;width:248px;max-width:100%;aspect-ratio:9/16;background:var(--f3-night);color:var(--f3-night-on);padding:var(--space-md) var(--space-sm) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-page)}.f3 .card .y{font-family:var(--font-hanja);font-size:var(--text-xs);letter-spacing:.16em;color:var(--f3-night-on-2)}.f3 .card .hero{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--space-sm);text-align:center}.f3 .card .hero span{font-size:var(--text-sm);color:var(--f3-night-on-2)}.f3 .card .hero b{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.2}.f3 .card .nm{font-family:var(--font-hanja);font-size:var(--text-lg);text-align:center;letter-spacing:.06em}.f3 .card .ft{margin-top:auto;display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);color:var(--f3-night-on-2);line-height:1.3}@media (max-width:360px){.f3 .vert{font-size:var(--text-md);letter-spacing:.2em}.f3 .gua{gap:var(--space-sm)}.f3 .gua-name{font-size:1.875rem}.f3 .btnrow{grid-template-columns:minmax(0,1fr)}}body:has(.f3),html:has(.f3){overflow-x:clip}.f3{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.65;min-height:100dvh}.f3 .site-mark{text-decoration:none;color:var(--ink-2);min-height:var(--touch);justify-content:center}.f3 .site-mark:hover{color:var(--ink)}.f3 .doc{max-width:40rem;margin:0 auto;padding:var(--space-md) max(16px,env(safe-area-inset-left,0px)) var(--space-xl);word-break:keep-all;overflow-wrap:anywhere}.f3 .doc.wide{max-width:46rem}.f3 .prose h1{font-size:var(--text-2xl);line-height:1.35;margin-bottom:var(--space-xs)}.f3 .prose h1,.f3 .prose h2{font-family:var(--font-display)}.f3 .prose h2{font-size:var(--text-lg);line-height:1.4;margin:var(--space-lg) 0 var(--space-2xs)}.f3 .prose h3{font-size:var(--text-base);margin:var(--space-md) 0 var(--space-3xs)}.f3 .prose dd,.f3 .prose li,.f3 .prose p,.f3 .prose td,.f3 .prose th{color:var(--ink-2)}.f3 .prose p+p{margin-top:var(--space-2xs)}.f3 .prose ol,.f3 .prose ul{padding-left:1.25em;margin-top:var(--space-2xs)}.f3 .prose li+li{margin-top:var(--space-3xs)}.f3 .prose a:not(.btn){color:var(--f3-link);text-decoration:underline;text-underline-offset:3px}.f3 .prose table{width:100%;border-collapse:collapse;margin-top:var(--space-xs);font-size:var(--text-sm)}.f3 .prose td,.f3 .prose th{border-top:1px solid var(--rule);padding:var(--space-2xs) var(--space-3xs);text-align:left;vertical-align:top}.f3 .doc .table-wrap{overflow-x:auto}.f3 .doc .eyebrow{font-size:var(--text-sm);color:var(--ink-3);margin-bottom:var(--space-2xs)}.f3 .doc .note{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius-md);padding:var(--space-sm);margin-top:var(--space-sm)}.f3 .doc .btn{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%;margin-top:var(--space-md)}.f3 .doc .btn+.btn{margin-top:var(--space-2xs)}.f3 .doc .input{width:100%}.f3 .site-foot{border-top:1px solid var(--rule);background:var(--paper-2);padding:var(--space-lg) max(16px,env(safe-area-inset-left,0px)) calc(var(--space-lg) + env(safe-area-inset-bottom, 0px))}.f3 .site-foot-in{max-width:40rem;margin:0 auto;font-size:var(--text-sm);color:var(--ink-3);word-break:keep-all}.f3 .site-foot-brand{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);justify-content:space-between}.f3 .site-foot-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--ink)}.f3 .site-foot-about{margin-top:var(--space-2xs)}.f3 .site-foot-links{list-style:none;display:flex;flex-wrap:wrap;gap:0 var(--space-sm);margin-top:var(--space-sm)}.f3 .site-foot-links a{display:inline-flex;align-items:center;min-height:var(--touch);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}.f3 .site-foot-links a.strong{color:var(--ink);font-weight:700}.f3 .site-foot-biz{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3xs) var(--space-sm);margin-top:var(--space-xs)}.f3 .site-foot-biz a{color:inherit}.f3 .site-foot-copy{margin-top:var(--space-md)}.f3 .home-about{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--rule)}.f3 .home-about h2{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.4;margin-bottom:var(--space-xs)}.f3 .home-about h2+.faq{margin-top:0}.f3 .home-about .faq,.f3 .home-steps{margin-bottom:var(--space-lg)}.f3 .home-steps{list-style:none;counter-reset:hs;display:grid;gap:var(--space-sm)}.f3 .home-steps li{counter-increment:hs;position:relative;padding-left:2.25rem;color:var(--ink-2);word-break:keep-all}.f3 .home-steps li:before{content:counter(hs);position:absolute;left:0;top:.1em;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--f3-brand-soft);color:var(--f3-brand);font-weight:700;display:grid;place-items:center;font-size:var(--text-sm)}.f3 .home-steps b{display:block;color:var(--ink)}.f3 .doc .lede{font-size:var(--text-md)}.f3 .doc .meta.center{text-align:center}.f3 .book-hero{display:flex;justify-content:center;align-items:flex-end;gap:0;margin:var(--space-lg) 0 var(--space-md);padding:var(--space-sm) 0}.f3 .book-cover,.f3 .book-page{aspect-ratio:210/297;width:min(44%,11rem);border-radius:2px;box-shadow:var(--shadow-page);display:flex;flex-direction:column}.f3 .book-cover{background:var(--f3-night);color:var(--f3-night-on);padding:var(--space-sm);font-family:var(--font-display);transform:rotate(-3deg) translateX(10%);z-index:1}.f3 .book-cover .y{font-size:var(--text-sm);color:var(--f3-night-on-2);letter-spacing:.08em}.f3 .book-cover .t{margin-top:auto;font-size:var(--text-xl);line-height:1.3;font-weight:700}.f3 .book-cover .s{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--f3-night-on-2)}.f3 .book-page{background:var(--page);border:1px solid var(--rule);padding:var(--space-sm) var(--space-xs);gap:var(--space-2xs);transform:rotate(3deg) translateX(-10%)}.f3 .book-page .pn{font-size:var(--text-sm);color:var(--ink-3);font-family:var(--font-display)}.f3 .book-page .h{font-family:var(--font-display);font-weight:700;line-height:1.35}.f3 .book-page .l{height:.45rem;border-radius:2px;background:var(--paper-2)}.f3 .book-page .l.s{width:60%}.f3 .book-page .d{margin-top:auto;color:var(--f3-brand);letter-spacing:.3em}.f3 .price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3xs) var(--space-sm);border-block:1px solid var(--rule);padding:var(--space-sm) 0;margin-top:var(--space-sm)}.f3 .price-row b{font-size:var(--text-xl);font-variant-numeric:tabular-nums}.f3 .price-row span{color:var(--ink-3);font-size:var(--text-sm)}.f3 .contents{list-style:none;padding:0;display:grid;gap:0}.f3 .contents li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--space-xs);border-top:1px solid var(--rule);padding:var(--space-xs) 0;margin:0}.f3 .contents li:last-child{border-bottom:1px solid var(--rule)}.f3 .contents .no{font-family:var(--font-display);color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding-top:.15em}.f3 .contents b{display:block;color:var(--ink)}.f3 .prose th[scope=row]{font-weight:500;color:var(--ink)}.f3 .prose thead th{color:var(--ink-3);font-weight:500;font-size:var(--text-sm)}.f3 .prose ul{list-style:disc}.f3 .prose ol{list-style:decimal}.f3 .prose nav ol{list-style:none;padding-left:0}.f3 .prose nav li{margin:0}.f3 .prose nav a{display:inline-flex;align-items:center;min-height:var(--touch)}.f3 .prose dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3xs) var(--space-sm);margin-top:var(--space-2xs)}.f3 .prose dt{color:var(--ink-3)}.f3 .prose blockquote{margin-top:var(--space-sm)}.f3 [id]{scroll-margin-top:72px}.f3 .home-about section+section{margin-top:var(--space-lg)}.f3 .home-about p{color:var(--ink-2);word-break:keep-all}.f3 .home-about p+p{margin-top:var(--space-2xs)}.f3 .home-about a{color:var(--f3-link);text-decoration:underline;text-underline-offset:3px}.f3 .home-year{display:grid;gap:var(--space-2xs);margin:var(--space-sm) 0}.f3 .home-year dt{font-family:var(--font-display);font-weight:700;color:var(--ink)}.f3 .home-year dt span{color:var(--f3-brand);margin-right:var(--space-3xs)}.f3 .home-year dd{color:var(--ink-2)}.f3 .home-list{list-style:none;display:grid;gap:var(--space-xs)}.f3 .home-list li{color:var(--ink-2);word-break:keep-all}.f3 .home-list b{display:block;color:var(--ink)}.f3 .slip{scroll-margin-bottom:180px}.f3 .consent{font-size:var(--text-sm);color:var(--ink-3);margin-top:var(--space-2xs);word-break:keep-all}html:has(.f3){scroll-padding-top:72px;scroll-padding-bottom:150px}.f3 .f3-top{height:auto;min-height:56px;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2xs);padding-inline:var(--space-3xs)}.f3 .f3-back{width:auto;min-width:var(--touch);padding:0 var(--space-2xs);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:2px;font-size:var(--text-sm);color:var(--ink);text-decoration:none;white-space:nowrap}.f3 .f3-back>span{font-size:var(--text-lg);line-height:1}.f3 .f3-back:hover{background:var(--paper-2)}.f3 .f3-mark>span:first-child{word-break:keep-all}.f3 .f3-textsize{min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-2xs);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--sheet);display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--ink);white-space:nowrap}.f3 .f3-textsize .ga{font-family:var(--font-display);font-weight:700;font-size:1.15em}.f3 .f3-textsize[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.f3 .dock{padding-top:var(--space-sm)}.f3 .dock.static{position:static;background:none;margin-top:var(--space-md)}.f3 .dock .under b{color:var(--ink)}.f3 .vw-top{grid-template-columns:minmax(0,1fr) auto auto auto}@media (max-width:420px){.f3 .vw-count{grid-column:1/-1;grid-row:2;padding:0 0 var(--space-3xs)}}.f3 .vw-stage>*{width:min(100%,30rem,calc((100dvh - 190px) * 210 / 297 + 2rem));margin-inline:auto}.f3 .vw-bar{padding-inline:max(16px,calc((100% - 30rem) / 2))}.f3 .site-foot-in{max-width:38rem}.f3 .doc.app{max-width:30rem}.f3 .faq>h3,.f3 .inout h3,.f3 .sect>h3{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.4}.f3 .doc .note{border-radius:0}.f3 .prose .contents{padding-left:0;list-style:none}.f3 .link{color:var(--f3-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}@media (max-width:400px){.f3 .t-display{font-size:1.75rem}}.f3 .gua-no .nw{white-space:nowrap}.f3 .legal p{overflow-wrap:break-word}.f3 .doc .meta a,.f3 .legal a,.f3 .site-foot-biz a{display:inline-flex;align-items:center;min-height:var(--touch)}.f3 .f3-art{margin-inline:calc(-1 * var(--space-md));line-height:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.f3 .f3-art img{display:block;width:100%;height:auto}.f3 .f3-art-hero{margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-3xs)}:root[data-text=lg] .f3 .f3-art-hero{display:none}@media (max-height:600px){.f3 .f3-art-hero{display:none}}.f3 .doc .f3-art{margin-inline:calc(-1 * max(16px, env(safe-area-inset-left, 0px)));margin-block:var(--space-sm) var(--space-2xs)}.f3 .f3-spot{display:block;line-height:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.f3 .f3-spot img{display:block;width:100%;height:auto}.f3 .titlerow{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-xs)}.f3 .titlerow>h1{flex:1;min-width:0}.f3 .titlerow .f3-spot{width:84px;margin-bottom:2px}.f3 .titlerow .f3-zodiac{width:72px}:root[data-text=lg] .f3 .titlerow .f3-spot{width:64px}.f3 .yearmap.seasons{grid-template-columns:52px repeat(3,minmax(0,1fr))}.f3 .yearmap .season{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:4px 2px;font-size:var(--text-xs);color:var(--ink-3);line-height:1.2}.f3 .yearmap .season .f3-spot{width:40px}.f3 .yearmap.seasons [role=listitem]{flex-direction:row;justify-content:space-between;padding:var(--space-2xs) var(--space-xs);min-height:56px;align-items:center}.f3 .yearmap.seasons .mo{font-size:var(--text-base);color:var(--ink)}.f3 .f3-rest{width:min(240px,70%);margin:var(--space-lg) auto 0}.f3 .f3-walk{margin:0 auto;pointer-events:none}.f3 .f3-walk,.f3 .f3-walk-in,.f3 .f3-walk-sheet{display:block;width:81px;height:64px}.f3 .f3-walk-sheet{background:url(/images/flow3/sheep-walk.webp) 0 0/648px 64px no-repeat;animation:f3-walk .8s steps(8) 6}.f3 .f3-walk.cross .f3-walk-in{animation:f3-cross 1.5s linear both}@keyframes f3-walk{to{background-position:-648px 0}}@keyframes f3-cross{0%{transform:translateX(-36px)}to{transform:translateX(36px)}}@media (prefers-reduced-motion:reduce){.f3 .f3-walk-sheet,.f3 .f3-walk.cross .f3-walk-in{animation:none}}.f3 .f3-seal{position:relative;display:inline-grid;place-items:center;width:52px;height:52px;margin-top:var(--space-xs);line-height:0;pointer-events:none;animation:f3-stamp .22s var(--ease-out) .32s both}.f3 .f3-seal img{position:absolute;inset:0;width:100%;height:100%}.f3 .f3-seal-t{position:relative;font-family:var(--font-hanja);font-weight:700;font-size:1rem;line-height:1;color:var(--f3-brand);letter-spacing:.02em}@keyframes f3-stamp{0%{transform:scale(1.12);opacity:0}to{transform:none;opacity:1}}.f3 .f3-night{flex:1 1 0;min-height:0;margin-inline:calc(-1 * var(--space-sm));line-height:0;pointer-events:none;display:block}.f3 .f3-night img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom}.f3 .book-cover .f3-night+.t{margin-top:0}.f3 .f3-deliver{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);margin-top:var(--space-md);text-align:center}.f3 .f3-deliver li{display:flex;flex-direction:column;align-items:center;gap:var(--space-3xs);font-size:var(--text-sm);color:var(--ink-2);word-break:keep-all;line-height:1.35}.f3 .f3-deliver .f3-spot{width:min(100%,96px)}@media (prefers-reduced-motion:reduce){.f3 .f3-seal{animation:f3-fade .12s linear both}}