@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.order-5{order:5}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.w-4{width:calc(var(--spacing) * 4)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-2{gap:calc(var(--spacing) * 2)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.text-right{text-align:right}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.break-all{word-break:break-all}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--muted-faint\)\]{color:var(--muted-faint)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-\[var\(--gold\)\]{accent-color:var(--gold)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--page:#f8fafc;--paper:var(--page);--card:#fff;--ink:#0f172a;--soft:#475569;--mute:#64748b;--line:#e2e8f0;--line-2:#f1f5f9;--track:#e8edf4;--ac:#6d28d9;--ac-6:#7c3aed;--ac-bg:#f5f3ff;--ac-1:#ede9fe;--hl:#fde68a;--wood:#15803d;--wood-bg:#dcfce7;--fire:#c2261d;--fire-bg:#fee2e2;--earth:#a1520a;--earth-bg:#fef3c7;--metal:#475569;--metal-bg:#fff;--water:#1e293b;--water-bg:#e2e8f0;--ok:#047857;--ok-6:#059669;--ok-bg:#ecfdf5;--ok-1:#d1fae5;--bad:#b91c1c;--bad-6:#dc2626;--bad-bg:#fef2f2;--bad-1:#fee2e2;--sh-card:0 1px 3px #0f172a0f, 0 8px 24px #0f172a0d;--sh-lift:0 2px 6px #0f172a14, 0 16px 40px #0f172a1a;--sh-btn:0 8px 18px -8px #6d28d999;--tab-h:66px;--serif:"Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", "Batang", serif;--sans:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--h6:#7c3aed;--h7:#6d28d9;--hs:#7c3aed;--h0:#f5f3ff;--h1:#ede9fe}.hue-1{--h6:#2563eb;--h7:#1d4ed8;--hs:#2563eb;--h0:#eff6ff;--h1:#dbeafe}.hue-2{--h6:#7c3aed;--h7:#6d28d9;--hs:#7c3aed;--h0:#f5f3ff;--h1:#ede9fe}.hue-3{--h6:#0d9488;--h7:#0f766e;--hs:#0f766e;--h0:#f0fdfa;--h1:#ccfbf1}.hue-4{--h6:#ea580c;--h7:#c2410c;--hs:#c2410c;--h0:#fff7ed;--h1:#ffedd5}.hue-5{--h6:#db2777;--h7:#be185d;--hs:#be185d;--h0:#fdf2f8;--h1:#fce7f3}.hue-6{--h6:#4f46e5;--h7:#4338ca;--hs:#4f46e5;--h0:#eef2ff;--h1:#e0e7ff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{color:var(--ink);font-family:var(--sans);word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background:#eef2f6;font-size:17px;font-weight:400;line-height:1.55}b,strong,h1,h2,h3,h4{font-weight:700}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,[role=button]{touch-action:manipulation}input,select,textarea{font:inherit;color:inherit}.serif{font-family:var(--serif)}.app{background:var(--page);max-width:480px;min-height:100dvh;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 24px);margin:0 auto;position:relative}.app.no-tabs{padding-bottom:32px}@media (min-width:520px){.app{box-shadow:0 0 0 1px #e2e8f0,0 6px 30px #0f172a0f}}html[data-bg] .app:before{content:"";z-index:0;pointer-events:none;aspect-ratio:3/2;background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}html[data-bg] .ph-h,html[data-bg] .ph-body,html[data-bg] .back{z-index:1;position:relative}html[data-bg=ink] .app:before{background-image:url(/bg/ink.webp)}html[data-bg=clay] .app:before{background-image:url(/bg/clay.webp)}html[data-bg=moon] .app:before{aspect-ratio:auto;background-image:url(/bg/moon.webp);background-position:50% 30%;border-bottom-right-radius:30px;border-bottom-left-radius:30px;height:236px;-webkit-mask-image:none;mask-image:none}html[data-bg=moon] .app>.ph-h .t,html[data-bg=moon] .app>.ph-h .brandline{color:#fff}html[data-bg=moon] .app>.ph-h .s,html[data-bg=moon] .app>.ph-h .small,html[data-bg=moon] .app>.ph-h div{color:#e0e7ff}html[data-bg=moon] .app>.ph-h .brandline{color:#fde68a}html[data-bg=moon] .app>.ph-h{text-shadow:0 1px 10px #1e1b4bd9}html[data-bg=moon] .app>.back{color:#e0e7ff}html[data-bg=moon] .app>.ph-h .small{color:#fde68a!important}html.focus-mode[data-bg=moon] .app:before{display:none}html[data-bg=moon] .app>.ph-h.lesson-h{min-height:196px}html[data-bg=day] .app:before{background-image:linear-gradient(90deg,#f8fafce0 0%,#f8fafc8c 48%,#f8fafc00 78%),url(/bg/day.webp)}html[data-bg=minhwa] .app:before{background-image:linear-gradient(90deg,#f8fafce6 0%,#f8fafc99 48%,#f8fafc00 78%),url(/bg/minhwa.webp)}html[data-bg]:not([data-bg=moon]) .app>.ph-h{text-shadow:0 0 10px #f8fafcf2,0 0 3px #f8fafcf2}html[data-bg] .chip.dim:not(.on){color:var(--soft);background:#ffffffe6}.ph-h{padding:20px 20px 12px}.ph-h .brandline{color:var(--ac);margin-bottom:6px;font-size:14px;font-weight:700}.ph-h .t{font-size:24px;font-weight:700;line-height:1.3}.ph-h .s{color:var(--soft);margin-top:3px;font-size:15px}.ph-body{padding:0 16px}.back{min-height:48px;color:var(--soft);align-items:center;gap:4px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.pc{background:var(--card);box-shadow:var(--sh-card);border:0;border-radius:20px;margin-bottom:12px;padding:16px 18px}.pc .lb{color:var(--ac);font-size:14px;font-weight:700}.pc .tt{margin:2px 0;font-size:19px;font-weight:700;line-height:1.4}.pc .sub{color:var(--soft);font-size:15px}.pc.ac{background:var(--ac-bg);box-shadow:inset 0 0 0 1.5px var(--ac-1)}.pc.soft{background:var(--ac-bg);box-shadow:none}.bar{background:var(--track);border-radius:6px;height:6px;margin-top:10px;overflow:hidden}.bar i{background:var(--ac-6);border-radius:6px;height:100%;transition:width .3s;display:block}.hero-card{color:#fff;background:linear-gradient(135deg, var(--hs) 0%, var(--h7) 100%);box-shadow:var(--sh-lift);border-radius:22px;margin-bottom:12px;padding:18px;display:block;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;width:170px;height:170px;position:absolute;top:-50px;right:-40px}.hero-card .hc-row{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.hero-card .hc-ic{background:#ffffff2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.hero-card .hc-ic svg{width:24px;height:24px}.hero-card .hc-t{flex:1;min-width:0}.hero-card .hc-lb{color:var(--h1);font-size:14px;font-weight:700}.hero-card .hc-tt{margin-top:1px;font-size:20px;font-weight:700;line-height:1.35}.hero-card .hc-sub{color:var(--h1);margin-top:2px;font-size:15px;line-height:1.5}.hero-card .hc-btn{min-width:64px;min-height:44px;color:var(--h7);background:#fff;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:16px;font-weight:700;display:inline-flex}.hero-card .hc-wide{z-index:1;width:100%;min-height:52px;color:var(--h7);background:#fff;border-radius:14px;justify-content:center;align-items:center;margin-top:14px;font-size:17px;font-weight:700;display:flex;position:relative}.hero-card .hc-bar{z-index:1;background:#ffffff40;border-radius:6px;height:6px;margin-top:14px;position:relative;overflow:hidden}.hero-card .hc-bar i{background:#fff;border-radius:6px;height:100%;display:block}.art{object-fit:cover;background:#f4f3f8;border-radius:18px;flex:none;display:block}.art.art-band{object-fit:cover;object-position:center 52%;border-radius:22px;margin-bottom:4px}.art.art-c{border-radius:30px;margin:0 auto 12px;box-shadow:0 14px 30px -14px #4c1d9573}.hero-card .art{z-index:1;border-radius:18px;position:relative;box-shadow:0 8px 18px -8px #0f172a73}.part-head{align-items:center;gap:14px;margin:28px 0 12px;display:flex}.part-head .ph-t{flex:1;min-width:0}.part-head .part-h{margin:0 0 2px}.part-head .part-s{margin:0}.part-head .art{box-shadow:var(--sh-card);border-radius:20px}.prow .art{border-radius:16px;width:52px;height:52px}.part-card .prow:last-child{border-bottom:0}.prow .pk{color:var(--h7);margin-right:6px;display:inline-block}.ic-tile{background:var(--h0);width:48px;height:48px;color:var(--h6);border-radius:15px;flex:none;justify-content:center;align-items:center;display:flex}.ic-tile svg{width:24px;height:24px}.card-row{align-items:center;gap:14px;display:flex}.card-row .cr-t{flex:1;min-width:0}.stat3{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.stat3>div{background:var(--line-2);text-align:center;border-radius:14px;padding:9px 6px 8px}.stat3 b{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.2;display:block}.stat3 span{color:var(--soft);font-size:13px;font-weight:700}.stat3 .hot b{color:var(--ac)}.btn{background:var(--ac-6);color:#fff;width:100%;min-height:54px;box-shadow:var(--sh-btn);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:0 16px;font-size:17px;font-weight:700;transition:transform 80ms;display:flex}.btn.line{color:var(--ink);box-shadow:var(--sh-card), inset 0 0 0 1px var(--line);background:#fff}.btn.ac{background:var(--ac-6)}.btn.sm{min-height:48px;font-size:16px}.btn:disabled{background:var(--line);color:#94a3b8;box-shadow:none;opacity:1}.btn:active:not(:disabled){transform:scale(.985)}.linkbtn{min-height:48px;color:var(--ac);align-items:center;font-size:15px;font-weight:700;display:inline-flex}.row-btns{gap:8px;display:flex}.row-btns>*{flex:1}.tag{white-space:nowrap;border-radius:8px;align-items:center;padding:1px 9px;font-size:13px;font-weight:700;line-height:1.7;display:inline-flex}.tag.free{color:var(--ok);background:var(--ok-1)}.tag.paid{color:var(--ac);background:var(--ac-1)}.tag.make,.tag.mute{color:var(--soft);background:var(--line-2)}.st-badge{white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.st-done{color:var(--ok);background:var(--ok-1)}.st-doing{color:var(--ac);background:var(--ac-1)}.st-todo{color:var(--mute);background:var(--line-2)}.tabbar{z-index:40;width:min(480px,100%);height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -1px 0 var(--line), 0 -6px 20px #0f172a0a;background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{color:var(--mute);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;font-size:12.5px;display:flex}.tabbar a .ti{border-radius:15px;justify-content:center;align-items:center;width:52px;height:30px;transition:background .15s;display:flex}.tabbar a.on{color:var(--ac);font-weight:700}.tabbar a.on .ti{background:var(--ac-1)}.tabbar svg{width:24px;height:24px}.seg{background:var(--track);border-radius:14px;margin:0 0 10px;padding:4px;display:flex}.seg button{min-height:42px;color:var(--soft);background:0 0;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0f172a1f}.chips{scrollbar-width:none;gap:6px;margin:0 -16px 6px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chipbtn{background:0 0;border:0;flex:none;align-items:center;min-height:48px;padding:0;display:flex}.chip{height:38px;box-shadow:0 1px 2px #0f172a0d, inset 0 0 0 1px var(--line);color:var(--soft);white-space:nowrap;background:#fff;border:0;border-radius:19px;align-items:center;gap:4px;padding:0 15px;font-size:15px;font-weight:700;display:flex}.chip.on{background:var(--ink);color:#fff;box-shadow:none}.chip.dim{color:var(--mute);background:0 0;font-weight:400;box-shadow:inset 0 0 0 1.5px #cbd5e1}.chip.dim.on{color:#fff;box-shadow:none;background:#334155}.chip .mini{color:inherit;font-size:12px;font-weight:400}.mx{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mx .hd{color:var(--mute);text-align:center;font-size:14px;font-weight:700}.mx .ss{text-align:center;color:var(--ink);min-height:22px;font-size:14px;font-weight:700;line-height:22px;transition:opacity .2s}.mx .ss.me{color:var(--ac)}.mx .ss.ghost{color:#0000}.ch{border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:78px;padding:0;transition:opacity .25s,box-shadow .15s,transform 80ms;display:flex;position:relative}button.ch{width:100%}button.ch:active{transform:scale(.97)}.ch .hz{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1.05}.ch .kr{font-size:13px;font-weight:700;line-height:1.3}.ch.sm{border-radius:15px;height:60px}.ch.sm .hz{font-size:26px}.ch.sm .kr{font-size:12px}.wood{background:var(--wood-bg);color:var(--wood);border-color:var(--wood)}.fire{background:var(--fire-bg);color:var(--fire);border-color:var(--fire)}.earth{background:var(--earth-bg);color:var(--earth);border-color:var(--earth)}.metal{background:var(--metal-bg);color:var(--metal);border-color:var(--metal)}.water{background:var(--water-bg);color:var(--water);border-color:var(--water)}.ch.plain{color:var(--ink);box-shadow:var(--sh-card), inset 0 0 0 1px var(--line);background:#fff}.ch.unknown{color:#94a3b8;background:0 0;border-radius:18px;box-shadow:inset 0 0 0 2px #cbd5e1}.ch.sel,.ch.pick{box-shadow:0 0 0 3px var(--page), 0 0 0 6px var(--ac-6)}.ch.okc{box-shadow:0 0 0 3px var(--page), 0 0 0 6px var(--ok-6)}.ch.badc{box-shadow:0 0 0 3px var(--page), 0 0 0 6px var(--bad-6)}.ch.missc{box-shadow:0 0 0 3px var(--page), 0 0 0 6px transparent;outline:3px dashed var(--ok-6);outline-offset:3px}.ch .mk{background:var(--ok-6);color:#fff;width:24px;height:24px;box-shadow:0 0 0 2px var(--page);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:-9px;right:-7px}.ch .mk.bad{background:var(--bad-6)}.ch .mk.miss{color:var(--ok);box-shadow:inset 0 0 0 2px var(--ok-6), 0 0 0 2px var(--page);background:#fff}.ch.dimmed,.ss.dimmed,.hrow.dimmed{opacity:.3}.fg5{border-radius:6px;flex:none;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.fg5.plus{background:var(--ac-6);color:#fff}.fg5.minus{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}.fg5.even{color:var(--mute);box-shadow:inset 0 0 0 1px var(--line);background:#fff}.ch .fg5{position:absolute;top:5px;left:6px}.ch.sm .fg5{min-width:15px;height:15px;font-size:10px;top:3px;left:3px}.fg5card .fg5list{flex-wrap:wrap;gap:6px 14px;margin:8px 0 4px;display:flex}.fg5card .fg5item{align-items:center;gap:5px;font-size:15px;display:inline-flex}.fg5card .fg5o{border-radius:8px;padding:1px 8px;font-size:14px;font-weight:700}.fg5card .fg5o.metal{box-shadow:inset 0 0 0 1px #cbd5e1}.fg5card .gyeokline{margin-top:10px;font-size:15px;line-height:1.5}.fg5card .gyeokline b{color:var(--ac)}.fg5mini{justify-content:center;gap:3px;margin-top:3px;display:flex}.hrow{flex-direction:column;align-items:center;gap:2px;padding-top:4px;transition:opacity .25s;display:flex}.hrow .hg{align-items:baseline;gap:3px;font-size:13px;line-height:1.35;display:flex}.hrow .hg .h{font-family:var(--serif);font-size:16px;font-weight:700}.hrow .hg .r{color:var(--mute);font-size:11px}.hrow .hg .s{color:var(--ink);font-size:12px;font-weight:700}.hlabel{color:var(--mute);text-align:center;grid-column:1/-1;margin-top:4px;font-size:13px}.board-card{box-shadow:var(--sh-card);background:#fff;border-radius:22px;margin-top:4px;padding:14px 12px}.board-card .counts{justify-content:center}.board-card .ch.sel,.board-card .ch.pick,.qcard .ch.sel,.qcard .ch.pick{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ac-6)}.board-card .ch.okc,.qcard .ch.okc{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ok-6)}.board-card .ch.badc,.qcard .ch.badc{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--bad-6)}.counts{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.counts span{border-radius:10px;padding:3px 11px;font-size:14px;font-weight:700}.counts .metal{box-shadow:inset 0 0 0 1.5px #cbd5e1}.ch.wood,.htile.wood{color:#fff;background:#12875a}.ch.fire,.htile.fire{color:#fff;background:#d93a4b}.ch.earth,.htile.earth{color:#422006;background:#facc15}.ch.metal,.htile.metal{color:#334155;box-shadow:var(--sh-card), inset 0 0 0 2px #cbd5e1;background:#fff}.ch.water,.htile.water{color:#fff;background:#1e293b}.sheet-wrap{left:50%;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom));z-index:30;width:min(480px,100%);position:fixed;transform:translate(-50%)}.sheet{background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;max-height:62dvh;padding:10px 18px 16px;overflow-y:auto;box-shadow:0 -8px 30px #0f172a24}.sheet .grabrow{justify-content:center;align-items:center;min-height:20px;display:flex;position:relative}.sheet .grab{background:#cbd5e1;border-radius:3px;width:44px;height:5px}.sheet .x{width:48px;height:48px;color:var(--mute);background:0 0;border:0;font-size:22px;position:absolute;top:-6px;right:-10px}.sheet .tt{padding-right:24px;font-size:19px;font-weight:700;line-height:1.4}.why{background:var(--line-2);border-radius:14px;margin-top:8px;padding:11px 13px;font-size:16px;line-height:1.6}.why p{margin:0 0 4px}.why p:last-child{margin-bottom:0}.qtop{color:var(--soft);justify-content:space-between;align-items:center;margin:2px 0 6px;font-size:15px;font-weight:700;display:flex}.stg{background:var(--hs);color:#fff;box-shadow:0 4px 10px -4px var(--h6);border-radius:999px;align-items:center;gap:4px;padding:3px 12px;font-size:13px;font-weight:700;display:inline-flex}.prompt{margin:10px 0 4px;font-size:22px;font-weight:700;line-height:1.4}.prompt-s{color:var(--soft);margin-bottom:14px;font-size:15px;line-height:1.5}.opt{text-align:left;width:100%;min-height:56px;box-shadow:var(--sh-card);background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;font-size:17px;font-weight:700;display:flex}.opt .n{background:var(--line-2);width:28px;height:28px;color:var(--soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;display:flex}.opt.right{border-color:var(--ok-6);background:var(--ok-bg);color:var(--ok)}.opt.wrong{border-color:var(--bad-6);background:var(--bad-bg);color:var(--bad)}.opt:disabled{opacity:1}.fb{background:var(--ok-bg);box-shadow:inset 0 0 0 1.5px var(--ok-1);border-radius:18px;margin-top:14px;padding:14px 16px}.fb .tt{color:var(--ok);font-size:18px;font-weight:700}.fb .bd{margin-top:4px;font-size:16px;line-height:1.6}.fb .nx{color:var(--soft);margin-top:6px;font-size:15px}.fb.bad{background:var(--bad-bg);box-shadow:inset 0 0 0 1.5px var(--bad-1)}.fb.bad .tt{color:var(--bad)}.signal{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:12px;margin-top:8px;padding:9px 12px;font-size:15.5px;line-height:1.55}.signal b{color:var(--ac);font-size:14px;display:block}.matchgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.matchgrid .mcol{flex-direction:column;gap:10px;display:flex}.mcard{min-height:64px;box-shadow:var(--sh-card);text-align:center;background:#fff;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-size:19px;font-weight:700;line-height:1.3;transition:transform 80ms,border-color .15s,background .15s;display:flex;position:relative}.mcard:active:not(:disabled){transform:scale(.98)}.mcard .mz{font-family:var(--serif);font-size:28px;line-height:1}.mcard .mkr{color:var(--soft);font-size:15px}.mcard.sel{border-color:var(--ac-6);background:var(--ac-bg)}.mcard.linked{background:var(--line-2);box-shadow:none;color:var(--soft)}.mcard.linked.sel{border-color:var(--ac-6);background:var(--ac-bg);color:var(--ink)}.mcard.done{border-color:var(--ok-6);background:var(--ok-bg);color:var(--ok)}.mcard.bad{border-color:var(--bad-6);background:var(--bad-bg);color:var(--bad)}.mcard .pn{background:var(--ac-6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:6px;left:8px}html.focus-mode{--tab-h:0px}html.focus-mode .tabbar{display:none}.qrun,.qdone{padding-top:4px}.qhead{align-items:center;gap:10px;min-height:56px;display:flex}.qx{width:48px;height:48px;color:var(--soft);background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;margin-left:-12px;display:flex}.qx svg{width:24px;height:24px}.qbar{background:var(--track);border-radius:8px;flex:1;height:8px;overflow:hidden}.qbar i{background:var(--h6);border-radius:8px;height:100%;transition:width .35s;display:block}.qcount{text-align:right;min-width:52px;color:var(--soft);font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:700}.qwho{color:var(--soft);margin:-4px 0 6px;font-size:14px;line-height:1.5}.qwho .serif{color:var(--ink);letter-spacing:.5px;font-weight:700}.qmeta{align-items:center;gap:8px;margin:2px 0 10px;display:flex}.qcard{box-shadow:var(--sh-card);text-align:center;background:#fff;border-radius:22px;margin-bottom:16px;padding:16px 16px 18px}.qcard .prompt{margin-top:8px}.qcard .prompt-s{margin-bottom:0}.qcard .qboard{text-align:left;margin:14px 0 2px}.qcard.has-board .prompt{margin-top:2px}.hero{justify-content:center;align-items:center;gap:12px;margin:6px 0 8px;display:flex}.htile{border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:104px;height:112px;display:flex}.htile .hz{font-family:var(--serif);font-size:52px;font-weight:700;line-height:1}.htile .kr{font-size:15px;font-weight:700;line-height:1.2}.hero.one .htile{border-radius:26px;width:132px;height:140px}.hero.one .htile .hz{font-size:66px}.hero.one .htile .kr{font-size:17px}.htile.plain{background:var(--line-2);color:var(--ink)}.hero .join{color:#94a3b8;font-size:26px;font-weight:700}.qboard{margin:4px 0 16px}.qhint{color:var(--soft);text-align:center;margin:12px 0 0;font-size:15px;line-height:1.5}.opts{gap:10px;margin-top:0;display:grid}.opts.c2{grid-template-columns:1fr 1fr}.opts.c3{flex-wrap:wrap;justify-content:center;display:flex}.opts.c3 .otile{flex:0 0 calc(33.3333% - 6.66667px)}.otile{min-height:64px;color:var(--ink);box-shadow:var(--sh-card);text-align:center;background:#fff;border:2px solid #0000;border-radius:18px;justify-content:center;align-items:center;padding:10px 16px;font-size:20px;font-weight:700;line-height:1.35;transition:transform 80ms,background .15s,border-color .15s,opacity .15s;display:flex;position:relative}.opts.c1 .otile{text-align:left;justify-content:flex-start;padding-right:48px;font-size:17px}.otile:active:not(:disabled){transform:scale(.98)}.otile:disabled{cursor:default}.otile.right{background:var(--ok-6);border-color:var(--ok-6);color:#fff;box-shadow:0 8px 18px -8px #05966999}.otile.wrong{border-color:var(--bad-6);color:var(--bad);background:#fff}.otile.faded{opacity:.45;box-shadow:none}.otile .mk{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;font-weight:700;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.otile .mk.ok{color:var(--ok);background:#fff}.otile .mk.bad{background:var(--bad-6);color:#fff}.linkbtn.skip{min-height:46px;box-shadow:var(--sh-card);color:var(--soft);background:#fff;border-radius:23px;margin-top:14px;padding:0 18px}.mres{flex-direction:column;gap:8px;display:flex}.mrow{min-height:56px;box-shadow:var(--sh-card);background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;font-size:18px;font-weight:700;display:flex}.mrow .l{min-width:76px}.mrow .mz{font-family:var(--serif);font-size:24px}.mrow .mkr{color:var(--soft);font-size:15px}.mrow .arr{color:#94a3b8}.mrow .r{flex:1}.mrow.ok .r{color:var(--ok)}.mrow.bad{border-color:var(--bad-6)}.mrow .mk.ok{background:var(--ok-6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;display:flex}.mrow .was{color:var(--bad);white-space:nowrap;font-size:14px;font-weight:700}.qaction{z-index:45;width:min(480px,100%);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--page);box-shadow:0 -1px 0 var(--line);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.qaction .btn,.rsheet .btn{border-radius:16px;min-height:56px;margin-top:0;font-size:18px}.qaction .row-btns{gap:10px}.rsheet{z-index:50;width:min(480px,100%);max-height:74dvh;padding:20px 18px calc(14px + env(safe-area-inset-bottom));border-top-left-radius:24px;border-top-right-radius:24px;animation:.22s ease-out rs-up;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -10px 30px #0f172a24}@keyframes rs-up{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.rsheet{animation:none}}.rsheet.ok{background:var(--ok-bg)}.rsheet.bad{background:#fff6ef}.rs-body{margin-bottom:14px}.rsheet.bad .rs-body{border-left:4px solid var(--bad-6);padding-left:14px}.rs-h{color:var(--ok);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.rs-h .ic{background:var(--ok-6);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:flex}.rs-ans{color:var(--ink);font-size:17px;font-weight:700;line-height:1.35}.rs-ans .k{color:var(--soft)}.rs-ans b{font-size:26px}.rs-mine{color:var(--soft);margin-top:2px;font-size:15px}.rs-why{color:var(--ink);margin:8px 0 0;font-size:16px;line-height:1.6}.rs-why b{color:var(--bad);margin-right:2px}.rsheet.ok .rs-why{margin-top:6px}.rs-sig{color:var(--ink);background:#fff;border-radius:12px;margin-top:10px;padding:9px 12px;font-size:15px;line-height:1.55;box-shadow:inset 0 0 0 1px #f1d5c4}.rs-sig b{color:var(--ac);margin-bottom:1px;font-size:14px;display:block}.rs-nx{color:var(--soft);margin-top:8px;font-size:14px}.rsheet.ok .btn{background:var(--ok-6);box-shadow:0 8px 18px -8px #05966999}.rsheet.bad .btn{background:var(--ac-6)}.qdone{min-height:calc(100dvh - 28px - env(safe-area-inset-bottom));flex-direction:column;display:flex}.qdone .dn-main{flex-direction:column;flex:1;justify-content:center;padding-bottom:104px;display:flex}.qdone .dn-top{text-align:center;margin:0 0 18px}.qdone .seal{margin:0 auto 14px}.qdone .dn-t{font-size:22px;font-weight:700;line-height:1.35}.qdone .qwho{margin:4px 0 0}.dn-big{text-align:center;color:var(--soft);font-size:20px;font-weight:700}.dn-big b{color:var(--ink);margin:0 2px;font-size:34px}.dn-sub{text-align:center;color:var(--mute);margin-top:2px;font-size:14px}.dn-sched{box-shadow:var(--sh-card);background:#fff;border-radius:20px;margin-top:18px;padding:12px 18px 6px}.dn-sched .lb{color:var(--ac);margin-bottom:2px;font-size:14px;font-weight:700}.dn-sched .srow{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;min-height:46px;font-size:17px;display:flex}.dn-sched .lb+.srow{border-top:0}.dn-note{color:var(--soft);margin:12px 2px 0;font-size:15px;line-height:1.6}.btn-mini{opacity:.85;font-size:14px;font-weight:400}.inp{width:100%;min-height:54px;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border:0;border-radius:14px;padding:0 14px;font-size:18px}.inp:focus{box-shadow:inset 0 0 0 2px var(--ac-6);outline:none}.prow{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;min-height:72px;padding:8px 4px;display:flex}.prow .pn{background:var(--h0);width:44px;height:44px;color:var(--h7);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.prow .pt{flex:1;min-width:0}.prow .pt .a{font-size:17px;font-weight:700;line-height:1.4}.prow .pt .b{color:var(--soft);font-size:14px;line-height:1.45}.lrow{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;min-height:72px;padding:10px 2px;display:flex}.lrow:last-child{border-bottom:0}.lrow .no{background:var(--h0);width:44px;height:44px;color:var(--h7);font-variant-numeric:tabular-nums;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.lrow .t{flex:1;min-width:0}.lrow .t .a{font-size:17px;font-weight:700;line-height:1.4}.lrow .t .b{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.part-h{align-items:center;gap:10px;margin:26px 0 4px;display:flex}.part-h .p{background:var(--hs);color:#fff;border-radius:14px;flex:none;align-items:center;height:28px;padding:0 11px;font-size:14px;font-weight:700;display:inline-flex}.part-h .t{font-size:20px;font-weight:700;line-height:1.35}.part-s{color:var(--soft);margin:0 0 10px;font-size:14px}.part-card{box-shadow:var(--sh-card);background:#fff;border-radius:20px;padding:4px 14px}.course{align-items:center;gap:14px;display:flex}.cover{color:#fff;background:linear-gradient(140deg,#8b5cf6 0%,#6d28d9 55%,#4c1d95 100%);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:62px;height:74px;display:flex;box-shadow:0 8px 18px -8px #4c1d95b3}.cover .cz{font-family:var(--serif);letter-spacing:1px;font-size:22px;font-weight:700;line-height:1.05}.cover .cs{color:#ede9fe;margin-top:3px;font-size:11px;font-weight:700}.course .ct{flex:1;min-width:0}.course .ct .k{color:var(--mute);font-size:13px;font-weight:700}.course .ct .a{font-size:18px;font-weight:700;line-height:1.35}.course .ct .b{color:var(--soft);font-size:14px}.course-pct{color:var(--ac);text-align:right;font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;font-weight:700}.free-note{background:var(--ac-bg);color:var(--ink);border-radius:16px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 14px;font-size:15px;line-height:1.5;display:flex}.free-note .go{color:var(--ac);flex:none;font-weight:700}.rail{scrollbar-width:none;gap:8px;margin:0 -16px 10px;padding:4px 16px 6px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail button{width:48px;height:48px;box-shadow:var(--sh-card);color:var(--ink);background:#fff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.rail button.lit{background:var(--ac-6);color:#fff;box-shadow:var(--sh-btn)}.rail button.dim{color:#94a3b8;background:0 0;box-shadow:inset 0 0 0 1.5px #cbd5e1}.rail button.cur{outline:3px solid var(--ac-1);outline-offset:2px}.steptitle{margin:2px 0 10px}.steptitle .k{color:var(--ac);font-size:14px;font-weight:700}.steptitle .t{font-size:20px;font-weight:700;line-height:1.4}.facts{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:14px;padding:10px 13px;font-size:16px;line-height:1.55}.facts b{color:var(--ac);font-size:14px}.facts p{margin:2px 0 0}.stepcard{box-shadow:var(--sh-card);background:#fff;border-radius:20px;margin:10px 0;padding:14px 16px}.stepcard.lit{box-shadow:var(--sh-card), inset 4px 0 0 var(--ac-6);background:#fff}.stepcard .k{color:var(--ac);font-size:14px;font-weight:700}.stepcard .t{font-size:19px;font-weight:700;line-height:1.4}.stepcard ul{margin:6px 0 0;padding-left:20px;font-size:16px}.stepcard li{margin-bottom:2px}.split-box{background:var(--ac-bg);border-radius:12px;margin-top:8px;padding:9px 11px;font-size:15px;line-height:1.55}.split-box b{color:var(--ac)}.pitfall{background:#fffbeb;border-radius:12px;margin-top:8px;padding:9px 11px;font-size:15px;box-shadow:inset 0 0 0 1px #fde68a}.md ul,.kp ul,.stepcard ul,.pc ul{list-style:outside}.md ol{list-style:decimal}.stepcard .k{margin-top:8px}.lesson h2{margin:24px 0 6px;font-size:20px;line-height:1.4}.md p{margin:0 0 12px}.md ul,.md ol{margin:0 0 12px;padding-left:22px}.md li{margin-bottom:4px}.md blockquote{border-left:3px solid var(--ac-6);color:var(--soft);margin:0 0 12px;padding:2px 0 2px 12px}.md h3,.md h4{margin:14px 0 6px;font-size:18px}.md code{font-family:var(--serif);background:var(--line-2);border-radius:4px;padding:0 4px}.hl{background:linear-gradient(transparent 55%, var(--hl) 55%)}.kp{background:#fffbeb;border-radius:16px;margin:8px 0 12px;padding:12px 14px}.kp .lb{color:var(--earth);margin-bottom:2px;font-size:14px;font-weight:700}.kp ul{margin:0;padding-left:20px}.kp li{margin-bottom:2px}.terms{border-collapse:collapse;width:100%;margin:6px 0 12px;font-size:15.5px}.terms th,.terms td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px}.terms th{color:var(--soft);border-bottom:1.5px solid var(--ink);white-space:nowrap;font-size:14px}.terms .hz{font-family:var(--serif);font-weight:700}.terms td.tm{white-space:nowrap;width:1%;padding-right:12px}.video{aspect-ratio:16/9;width:100%;box-shadow:var(--sh-card);background:#0f172a;border-radius:18px;position:relative;overflow:hidden}.video>div,.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-none{aspect-ratio:16/9;box-shadow:inset 0 0 0 1.5px var(--line);text-align:center;color:var(--soft);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:16px;font-size:15px;display:flex}.field{margin-bottom:14px}.field>label,.field>.label{color:var(--soft);margin-bottom:6px;font-size:15px;font-weight:700;display:block}.field .hint{color:var(--mute);margin-top:4px;font-size:14px}.fgrid{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.dd{width:100%;min-height:54px;box-shadow:inset 0 0 0 1.5px var(--line);appearance:none;background-color:#fff;background-image:linear-gradient(45deg, transparent 50%, var(--soft) 50%), linear-gradient(135deg, var(--soft) 50%, transparent 50%);background-position:calc(100% - 18px) 24px,calc(100% - 13px) 24px;background-repeat:no-repeat;background-size:5px 5px;border:0;border-radius:14px;padding:0 12px;font-size:17px}.check{align-items:center;gap:10px;min-height:48px;font-size:16px;font-weight:700;display:flex}.check input{width:22px;height:22px;accent-color:var(--ac-6)}.err{color:var(--bad);margin-top:6px;font-size:15px;font-weight:700}.muted{color:var(--soft)}.small{color:var(--mute);font-size:14px}.center{text-align:center}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.hr{background:var(--line);height:1px;margin:16px 0}.seal{color:#fff;width:60px;height:60px;font-family:var(--serif);text-align:center;background:linear-gradient(140deg,#8b5cf6 0%,#6d28d9 60%,#5b21b6 100%);border-radius:18px;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1.05;display:flex;box-shadow:0 10px 22px -10px #5b21b6cc}.oneline{box-shadow:var(--sh-card);background:#fff;border-radius:18px;margin:12px 0 14px;padding:14px 16px;font-size:19px;font-weight:700;line-height:1.55}.kpi{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kpi div{box-shadow:var(--sh-card);background:#fff;border-radius:14px;padding:9px 11px}.kpi b{font-size:22px;display:block}.kpi span{color:var(--soft);font-size:13px}.tbl{border-collapse:collapse;width:100%;font-size:15px}.tbl th,.tbl td{border-bottom:1px solid var(--line);text-align:left;padding:7px 6px}.tbl td.r,.tbl th.r{text-align:right;font-variant-numeric:tabular-nums}.funnel-bar{background:var(--track);border-radius:6px;height:10px;overflow:hidden}.funnel-bar i{background:var(--ac-6);height:100%;display:block}.boss-seal{color:#fff;width:100px;height:100px;font-family:var(--serif);background:linear-gradient(140deg,#f43f5e 0%,#be123c 100%);border-radius:28px;justify-content:center;align-items:center;margin:0 auto;font-size:54px;font-weight:700;transition:transform .15s;display:flex;box-shadow:0 14px 28px -12px #be123ccc}.boss-seal.hit{transform:scale(.92)}.boss-seal.crit{transform:rotate(6deg)scale(1.1)}.hpbar{background:var(--track);border-radius:8px;max-width:280px;height:12px;margin:12px auto 2px;overflow:hidden}.hpbar i{background:#e11d48;height:100%;transition:width .2s;display:block}.toast{left:50%;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 12px);background:var(--ink);color:#fff;z-index:60;pointer-events:none;max-width:440px;box-shadow:var(--sh-lift);border-radius:14px;padding:11px 16px;font-size:15px;font-weight:700;position:fixed;transform:translate(-50%)}.demo-cap{color:var(--soft);text-align:center;min-height:24px;margin-top:8px;font-size:15px}.review-note{color:#92400e;background:#fffbeb;border-radius:12px;padding:9px 11px;font-size:14px;box-shadow:inset 0 0 0 1px #fde68a}.lv{margin:10px 0 14px;padding:0}.lv .lv-card{box-shadow:var(--sh-card);color:var(--ink);background:#fff;border-radius:20px;padding:14px 12px}.lv .board-card{margin-top:0}.lv figcaption{text-align:center;margin-top:6px}.lv-legend{flex-direction:column;gap:6px;margin-top:10px;font-size:15px;line-height:1.45;display:flex}.lv-legend>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lv-legend svg{flex:none}.ch .pl{opacity:.9;font-size:11px;font-weight:700;line-height:1.2}.ch.sm .pl{font-size:10px}.video-none.slim{aspect-ratio:auto;border-radius:14px;flex-direction:row;gap:8px;margin-bottom:4px;padding:10px 14px;font-size:14px}.lead-core{color:var(--ink);margin:12px 2px 0;font-size:17px;line-height:1.6}html[data-bg]:not([data-bg=moon]) .lead-core{text-shadow:0 0 10px #f8fafcf2,0 0 3px #f8fafcf2}.zw-wrap{margin:0 -4px 12px}.zw-board{box-shadow:var(--sh-card);background:#fff;border-radius:18px;grid-template-rows:repeat(4,minmax(118px,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;position:relative;overflow:hidden}.zw-board.pro{grid-template-rows:repeat(4,minmax(132px,1fr))}.zw-board.blank{grid-template-rows:repeat(4,76px)}.zw-board.blank.short{grid-template-rows:repeat(4,62px)}.zw-cell{min-width:0;box-shadow:inset -1px -1px 0 var(--line-2), inset 0 0 0 0 transparent;text-align:left;color:var(--ink);font:inherit;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1px;padding:7px 6px 20px;transition:background .12s,opacity .12s;display:flex;position:relative}button.zw-cell{cursor:pointer}.zw-cell.me{background:var(--ac-bg)}.zw-cell.me .zw-gung{color:var(--ac)}.zw-cell.sel{background:var(--ac-1);box-shadow:inset 0 0 0 2.5px var(--ac-6)}.zw-cell.rel{background:var(--ac-bg);box-shadow:inset 0 0 0 1.5px #c4b5fd}.zw-cell.dim{opacity:.42}.zw-top{align-items:center;gap:3px;min-width:0;display:flex}.zw-gung{white-space:nowrap;font-size:15px;font-weight:700;line-height:1.25}.zw-body{color:#0f766e;background:#ccfbf1;border-radius:5px;flex:none;padding:0 3px;font-size:11px;font-style:normal;font-weight:700;line-height:15px}.zw-mean{color:var(--soft);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.25;overflow:hidden}.zw-stars{flex-direction:column;gap:0;min-width:0;margin-top:3px;display:flex}.zw-star{white-space:nowrap;align-items:center;gap:2px;line-height:1.32;display:flex}.zw-star b{font-size:16px;font-weight:700}.zw-star em{color:var(--mute);font-size:13px;font-style:normal}.zw-empty{flex-direction:column;line-height:1.25;display:flex}.zw-empty b{color:var(--mute);font-size:14px;font-weight:700}.zw-empty em{color:var(--soft);letter-spacing:-.02em;font-size:13px;font-style:normal}.zw-h{border-radius:5px;flex:none;justify-content:center;align-items:center;width:17px;height:17px;margin-left:1px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.zw-h.h-록{background:var(--ok-1);color:var(--ok)}.zw-h.h-권{color:#1d4ed8;background:#dbeafe}.zw-h.h-과{background:var(--ac-1);color:var(--ac)}.zw-h.h-기{color:#334155;background:#e2e8f0}.zw-minor{color:var(--soft);letter-spacing:-.02em;flex-wrap:wrap;gap:0 5px;margin-top:2px;font-size:13px;line-height:1.32;display:flex}.zw-minor>span{white-space:nowrap;align-items:center;display:inline-flex}.zw-minor .t-gd{color:#0f766e}.zw-minor .t-sh{color:#92400e}.zw-minor .zw-more{color:var(--mute)}.zw-cname{color:var(--mute);font-size:13px;line-height:1.3;position:absolute;bottom:3px;right:6px}.zw-branch{font-family:var(--sans);color:var(--soft);text-align:center;margin-top:6px;font-size:19px;font-weight:700}.zw-step{text-align:center;color:var(--ac);font-size:13px;font-weight:700;line-height:1.2;position:absolute;bottom:5px;left:4px;right:4px}.zw-board.blank .zw-cell{padding:4px 2px 16px}.zw-board.blank.short .zw-branch{margin-top:2px;font-size:17px}.zw-board.blank .zw-cell.pick{background:var(--ac-1);box-shadow:inset 0 0 0 2.5px var(--ac-6)}.zw-cell.m-ok{background:var(--ok-1);box-shadow:inset 0 0 0 2.5px var(--ok-6)}.zw-cell.m-bad{background:var(--bad-bg);box-shadow:inset 0 0 0 2.5px var(--bad-6)}.zw-cell.m-miss{background:var(--ok-bg);box-shadow:inset 0 0 0 2.5px var(--ok-6)}.zw-mk{font-size:15px;font-weight:700;position:absolute;top:3px;right:5px}.zw-mk.ok{color:var(--ok)}.zw-mk.bad{color:var(--bad)}.zw-cell.dec{box-shadow:inset 0 0 0 2.5px #0f766e}.zw-cell.yr{box-shadow:inset 0 0 0 2.5px #c2410c}.zw-cell.dec.yr{box-shadow:inset 0 0 0 2.5px #0f766e,inset 0 0 0 5px #fff,inset 0 0 0 7px #c2410c}.zw-lucks{gap:4px;display:flex;position:absolute;bottom:3px;left:5px}.zw-luck{font-size:13px;font-weight:700;line-height:1.35}.zw-luck.d{color:#0f766e}.zw-luck.y{color:#c2410c}.chips.zw-layers{flex-wrap:wrap;row-gap:6px;margin-bottom:10px;overflow:visible}.zw-mid{box-shadow:inset 0 0 0 1px var(--line-2);justify-content:center;align-items:center;min-width:0;padding:8px;display:flex;position:relative}.zw-info{text-align:center;color:var(--soft);flex-direction:column;align-items:center;gap:2px;font-size:14px;line-height:1.4;display:flex}.zw-info .n{color:var(--ink);margin-bottom:2px;font-size:17px;font-weight:700}.zw-prov{color:var(--earth);background:var(--earth-bg);border-radius:7px;padding:0 7px;font-size:13px;font-style:normal;font-weight:700}.zw-clock{color:var(--mute);font-size:13px}.zw-load{color:var(--mute);font-size:15px}.zw-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.zw-lines .tri{fill:#7c3aed12;stroke:var(--ac-6);stroke-width:2.4px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.zw-lines .opp{stroke:var(--ac-6);stroke-width:2.4px;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.zw-lines .path{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.zw-lines .path.go{stroke:#2563eb}.zw-lines .path.back{stroke:var(--ac-6);stroke-dasharray:2 7}.zw-dot{background:var(--ac-6);pointer-events:none;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute;box-shadow:0 0 0 2.5px #fff}.zw-detail .tt{font-size:18px}.zw-four{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 8px;display:flex}.zw-four .k{width:100%;color:var(--soft);font-size:14px;font-weight:700}.zw-fc{background:var(--ac-bg);min-height:44px;color:var(--ac);border:0;border-radius:12px;padding:0 12px;font-size:15px;font-weight:700}.zw-fc.on{background:var(--ac);color:#fff}.zw-legend{color:var(--soft);flex-wrap:wrap;gap:2px 12px;margin:-4px 4px 12px;font-size:14px;line-height:1.5;display:flex}.zw-legend>span{align-items:center;gap:2px;display:inline-flex}.zw-legend .t-gd{color:#0f766e}.zw-legend .t-sh{color:#92400e}.qboard .zw-board{box-shadow:inset 0 0 0 1px var(--line)}.qboard .zw-board.blank{grid-template-rows:repeat(4,66px)}.lv .zw-board{box-shadow:var(--sh-card)}.legal{color:var(--mute);border-top:1px solid #e2e8f0;margin:28px 16px 12px;padding-top:14px;font-size:13px;line-height:1.7}.legal-links{flex-wrap:wrap;gap:4px 14px;margin-bottom:6px;display:flex}.legal a{color:var(--mute);text-underline-offset:2px;text-decoration:underline}.legal summary{cursor:pointer}.legal p{margin:6px 0 0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}