@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@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;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-bold:700;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#1b2a3a;--color-ink-soft:#5d6b7a;--color-paper:#fff;--color-surface:#eef2f5;--color-line:#d8e0e6;--color-lv0:#6ba363;--color-lv1:#4a91bd;--color-lv2:#e2952b;--color-lv3:#ab5f5a;--color-lv4:#6b5b95;--font-display:var(--font-fraunces), Georgia, serif;--font-body:var(--font-noto), system-ui, sans-serif}}@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}.relative{position:relative}.top-0{top:0}.top-13{top:calc(var(--spacing) * 13)}.bottom-0{bottom:0}.left-4{left:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-9{height:calc(var(--spacing) * 9)}.w-9{width:calc(var(--spacing) * 9)}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-line\)\]{border-color:var(--color-line)}.bg-\[var\(--color-ink\)\]{background-color:var(--color-ink)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.object-cover{object-fit:cover}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-14{padding-left:calc(var(--spacing) * 14)}.font-\[family-name\:var\(--font-display\)\]{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-\[var\(--color-ink\)\]{color:var(--color-ink)}.text-\[var\(--color-ink-soft\)\]{color:var(--color-ink-soft)}.text-white{color:var(--color-white)}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.hover\:text-\[var\(--color-ink\)\]:hover{color:var(--color-ink)}}@media (min-width:40rem){.sm\:left-7{left:calc(var(--spacing) * 7)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:pl-20{padding-left:calc(var(--spacing) * 20)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.wrap{width:100%;max-width:1080px;margin:0 auto;padding-inline:20px}.spacer{flex:1}header{z-index:50;background:#ffffffe0;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){header{background:color-mix(in srgb, var(--color-paper) 88%, transparent)}}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-line)}.bar{align-items:center;gap:28px;height:64px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:19px}.logo b{font-weight:700}header nav{gap:22px;display:flex}header nav a{color:var(--color-ink-soft);padding-block:6px;font-size:14.5px;text-decoration:none;transition:color .15s}header nav a:hover{color:var(--color-ink)}.login{color:#191600;white-space:nowrap;background:#fee500;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none}@media (max-width:720px){header nav{display:none}.bar{gap:14px}}.hero{text-align:center;padding-block:72px 56px}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(30px,5vw,46px);line-height:1.22}.hero>p{max-width:56ch;color:var(--color-ink-soft);margin:0 auto;font-size:16.5px;line-height:1.75}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.btn{border-radius:999px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .15s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn.solid{background:var(--color-ink);color:var(--color-paper)}.btn.ghost{border:1px solid var(--color-line);color:var(--color-ink)}.ladder{margin-top:44px}.ladder-scroll{scrollbar-width:thin;padding-bottom:6px;overflow-x:auto}.rungs{grid-template-columns:repeat(15,minmax(52px,1fr));align-items:end;gap:6px;min-width:780px;display:grid}.rung{flex-direction:column;align-items:center;gap:9px;padding-top:10px;display:flex}.rung .code{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-ink-soft);font-size:12px}.rung .dot{opacity:.18;border-radius:999px;width:100%;height:12px;transition:opacity .2s,height .2s}.rung.has .code{color:var(--color-ink);font-weight:700}.rung.has .dot{opacity:1;height:30px}.axis{min-width:780px;color:var(--color-ink-soft);justify-content:space-between;margin-top:14px;font-size:12.5px;display:flex}.axis span:nth-child(2){text-align:center}.axis span:last-child{text-align:right}section{border-top:1px solid var(--color-line);padding-block:56px}.head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.head h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:27px}.more{color:var(--color-ink-soft);white-space:nowrap;font-size:14px;text-decoration:none}.more:hover{color:var(--color-ink)}.sub{color:var(--color-ink-soft);max-width:60ch;margin:12px 0 30px;font-size:15.5px;line-height:1.7}.empty{color:var(--color-ink-soft);padding:34px 0;font-size:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.card{border:1px solid var(--color-line);background:var(--color-paper);border-radius:14px;flex-direction:column;transition:box-shadow .18s,transform .18s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 8px 26px #1b2a3a17}.card>img{aspect-ratio:4/3;object-fit:cover;background:var(--color-surface);width:100%;display:block}.card .ph{aspect-ratio:4/3;background:var(--color-surface);color:var(--color-ink-soft);place-items:center;font-size:13.5px;display:grid}.card .body{flex-direction:column;flex:1;gap:8px;padding:16px 16px 18px;display:flex}.card .lv{letter-spacing:.02em;color:var(--color-ink-soft);font-size:12px;font-weight:700}.card .lv.ghost{opacity:.55}.card h3{margin:0;font-size:17.5px;line-height:1.35}.card h3.en{font-family:var(--font-display);letter-spacing:-.01em}.card .meta{color:var(--color-ink-soft);font-size:13.5px;line-height:1.55}.card .foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.tag{background:var(--color-surface);color:var(--color-ink-soft);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px}.tag.free{background:#6ba36329}@supports (color:color-mix(in lab, red, red)){.tag.free{background:color-mix(in srgb, var(--color-lv0) 16%, transparent)}}.tag.free{color:#507a4a}@supports (color:color-mix(in lab, red, red)){.tag.free{color:color-mix(in srgb, var(--color-lv0) 75%, black)}}.tag.free{font-weight:600}.tag.lock{background:#ab5f5a24}@supports (color:color-mix(in lab, red, red)){.tag.lock{background:color-mix(in srgb, var(--color-lv3) 14%, transparent)}}.tag.lock{color:#854a46}@supports (color:color-mix(in lab, red, red)){.tag.lock{color:color-mix(in srgb, var(--color-lv3) 78%, black)}}.tag.lock{font-weight:600}.card.soon{box-shadow:none;border-style:dashed}.card.soon:hover{box-shadow:none;transform:none}.card.soon .body{min-height:150px;color:var(--color-ink-soft);justify-content:center;align-items:flex-start}.card.soon p{margin:0;font-size:14.5px}.price{font-size:16px;font-weight:700}.stock{color:var(--color-ink-soft);margin-left:auto;font-size:12.5px}.stock.out{color:var(--color-lv3);font-weight:600}.posts{border-top:1px solid var(--color-line)}.post{border-bottom:1px solid var(--color-line);color:inherit;align-items:baseline;gap:20px;padding:20px 4px;text-decoration:none;transition:background .15s;display:flex}.post:hover{background:var(--color-surface)}.post .t{font-size:16.5px;font-weight:600;line-height:1.45}.post .x{color:var(--color-ink-soft);margin-top:5px;font-size:14px;line-height:1.6}.post .d{color:var(--color-ink-soft);white-space:nowrap;margin-left:auto;font-size:13px}.tube{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.tube .card{color:inherit;text-decoration:none}.thumbwrap{aspect-ratio:16/9;background:var(--color-surface);position:relative}.thumbwrap img{object-fit:cover;width:100%;height:100%;display:block}.play{place-items:center;display:grid;position:absolute;inset:0}.play span{color:#fff;background:#0000008c;border-radius:999px;place-items:center;width:52px;height:52px;padding-left:3px;font-size:17px;transition:background .15s,transform .15s;display:grid}.tube .card:hover .play span{background:#000000bf;transform:scale(1.06)}.consult{background:var(--color-surface);text-align:center;border-radius:18px;margin-block:64px 80px;padding:52px 32px}.consult h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 14px;font-size:clamp(22px,3.4vw,30px);line-height:1.3}.consult p{max-width:52ch;color:var(--color-ink-soft);margin:0 auto 28px;font-size:15.5px;line-height:1.75}.consult .btn{background:var(--color-ink);color:var(--color-paper)}footer{border-top:1px solid var(--color-line);color:var(--color-ink-soft);padding-block:34px 56px;font-size:13.5px}footer .row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}footer p{line-height:1.7}@media (max-width:640px){footer .spacer{display:none}footer .row{gap:12px}}.form-head{max-width:640px;padding-block:64px 40px}.form-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(26px,4vw,36px);line-height:1.3}.form-head p{color:var(--color-ink-soft);margin:0;font-size:16px;line-height:1.75}.form{flex-direction:column;gap:30px;max-width:640px;padding-bottom:90px;display:flex}.field{flex-direction:column;gap:10px;display:flex}.field>label{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.req{background:#ab5f5a24;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.req{background:color-mix(in srgb, var(--color-lv3) 14%, transparent)}}.req{color:#854a46}@supports (color:color-mix(in lab, red, red)){.req{color:color-mix(in srgb, var(--color-lv3) 78%, black)}}.hint{color:var(--color-ink-soft);margin-top:-4px;font-size:13.5px;line-height:1.6}.field input,.field textarea{width:100%;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-line);border-radius:10px;padding:14px 15px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:110px;line-height:1.65}.field input::placeholder,.field textarea::placeholder{color:#5d6b7a9e}@supports (color:color-mix(in lab, red, red)){.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb, var(--color-ink-soft) 62%, transparent)}}.field input:focus,.field textarea:focus{border-color:var(--color-ink);outline:none;box-shadow:0 0 0 3px #1b2a3a1a}@supports (color:color-mix(in lab, red, red)){.field input:focus,.field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ink) 10%, transparent)}}.chips{flex-wrap:wrap;gap:9px;display:flex}.chips.col{flex-direction:column;align-items:flex-start}.chip{color:var(--color-ink-soft);background:var(--color-paper);border:1px solid var(--color-line);cursor:pointer;border-radius:999px;padding:11px 18px;font-family:inherit;font-size:14.5px;transition:all .14s}.chip:hover{border-color:var(--color-ink-soft);color:var(--color-ink)}.chip.on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper);font-weight:600}.submit{cursor:pointer;border:none;margin-top:6px;padding:17px 26px;font-family:inherit;font-size:16px}.submit:disabled{opacity:.55;cursor:default;transform:none}.form-error{color:#91514d;font-size:14.5px}@supports (color:color-mix(in lab, red, red)){.form-error{color:color-mix(in srgb, var(--color-lv3) 85%, black)}}.form-error{background:#ab5f5a1a}@supports (color:color-mix(in lab, red, red)){.form-error{background:color-mix(in srgb, var(--color-lv3) 10%, transparent)}}.form-error{border-radius:10px;padding:13px 15px;line-height:1.6}.form-note{color:var(--color-ink-soft);text-align:center;margin:0;font-size:13px;line-height:1.7}.form-done{max-width:640px;padding:60px 0 120px}.form-done h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 14px;font-size:28px}.form-done p{color:var(--color-ink-soft);margin:0 0 30px;font-size:16px;line-height:1.75}a.card{color:inherit;text-decoration:none}.reader{max-width:900px;margin:0 auto;padding:0 20px 80px}.reader-bar{background:#ffffffeb;align-items:center;gap:12px;padding-block:18px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.reader-bar{background:color-mix(in srgb, var(--color-paper) 92%, transparent)}}.reader-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.reader-bar .back{color:var(--color-ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:46vw;font-size:14.5px;text-decoration:none;overflow:hidden}.reader-bar .back:hover{color:var(--color-ink)}.lvtag{background:var(--color-surface);color:var(--color-ink-soft);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.tgl{color:var(--color-ink-soft);background:var(--color-paper);border:1px solid var(--color-line);cursor:pointer;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:13.5px;transition:all .14s}.tgl:hover{border-color:var(--color-ink-soft);color:var(--color-ink)}.tgl.on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper);font-weight:600}.reader-stage{flex-direction:column;gap:22px;display:flex}.reader-stage>img{background:var(--color-surface);border-radius:14px;width:100%;display:block}.reader-ph{aspect-ratio:4/3;background:var(--color-surface);color:var(--color-ink-soft);border-radius:14px;place-items:center;font-size:14px;display:grid}.reader-text{font-family:var(--font-display);letter-spacing:-.005em;font-size:clamp(19px,2.6vw,25px);line-height:1.62}.reader-text p{margin:0 0 6px}.reader-text b{color:var(--color-lv2);font-weight:700}.reader-kr{border-left:3px solid var(--color-line);color:var(--color-ink-soft);padding-left:16px;font-size:15.5px;line-height:1.72}.reader-kr p{margin:0 0 4px}.reader-words{background:var(--color-surface);border-radius:12px;flex-direction:column;gap:9px;padding:16px 18px;display:flex}.wrow{align-items:baseline;gap:14px;font-size:15.5px;display:flex}.wrow b{font-family:var(--font-display);min-width:96px}.wrow span{color:var(--color-ink-soft)}.reader-nav{align-items:center;gap:14px;margin-top:34px;display:flex}.reader-nav button{color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-line);cursor:pointer;border-radius:999px;padding:13px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:all .14s}.reader-nav button:hover:not(:disabled){border-color:var(--color-ink)}.reader-nav button:disabled{opacity:.35;cursor:default}.reader-nav .count{font-variant-numeric:tabular-nums;color:var(--color-ink-soft);margin-inline:auto;font-size:14px}.reader-lock{background:var(--color-surface);text-align:center;border-radius:16px;margin-top:40px;padding:36px 28px}.reader-lock h3{font-family:var(--font-display);margin:0 0 12px;font-size:22px}.reader-lock p{color:var(--color-ink-soft);max-width:46ch;margin:0 auto 24px;font-size:15.5px;line-height:1.72}@media (max-width:640px){.reader-nav button{padding:13px 20px}.wrow b{min-width:78px}}.player{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.play-btn{color:var(--color-paper);background:var(--color-ink);cursor:pointer;border:none;border-radius:999px;min-width:116px;padding:13px 26px;font-family:inherit;font-size:15.5px;font-weight:600;transition:transform .12s,opacity .15s}.play-btn:hover{transform:translateY(-1px)}.play-btn:active{transform:none}.speeds{gap:6px;display:flex}.spd{font-variant-numeric:tabular-nums;color:var(--color-ink-soft);background:var(--color-paper);border:1px solid var(--color-line);cursor:pointer;border-radius:999px;padding:9px 14px;font-family:inherit;font-size:13.5px;transition:all .14s}.spd:hover{border-color:var(--color-ink-soft);color:var(--color-ink)}.spd.on{background:var(--color-surface);border-color:var(--color-ink-soft);color:var(--color-ink);font-weight:700}.extra{padding-block:20px 10px}.extra h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 8px;font-size:26px}.ex-sub{color:var(--color-ink-soft);max-width:52ch;margin:0 0 26px;font-size:15px;line-height:1.7}.ex-list{border-top:1px solid var(--color-line);flex-direction:column;margin-top:18px;display:flex}.ex-list .wrow{border-bottom:1px solid var(--color-line);gap:16px;padding:14px 4px}.ex-list .wrow em{color:var(--color-ink-soft);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px;font-style:normal}.orow{border-bottom:1px solid var(--color-line);align-items:baseline;gap:18px;padding:15px 4px;display:flex}.orow .pair{align-items:baseline;gap:10px;min-width:190px;display:flex}.orow .pair b{font-family:var(--font-display);font-size:17px}.orow .pair i{color:var(--color-ink-soft);font-style:normal}.orow>span{color:var(--color-ink-soft);font-size:15px}.sight{flex-wrap:wrap;gap:9px;display:flex}.sight span{font-family:var(--font-display);background:var(--color-surface);border-radius:999px;padding:10px 17px;font-size:16.5px}.ex-trans{flex-direction:column;gap:4px;margin-top:18px;display:flex}.trow{border-bottom:1px solid var(--color-line);gap:16px;padding:14px 4px;display:flex}.trow .pno{min-width:30px;color:var(--color-ink-soft);font-variant-numeric:tabular-nums;padding-top:3px;font-size:13px;font-weight:700}.trow p{margin:0 0 3px;font-size:15.5px;line-height:1.7}.quest{flex-direction:column;gap:16px;margin:0;padding-left:22px;display:flex}.quest li{padding-left:6px;font-size:16.5px;line-height:1.68}.fin{color:var(--color-paper);background:var(--color-ink);white-space:nowrap;border-radius:999px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none}@media (max-width:640px){.orow{flex-direction:column;gap:5px}.orow .pair{min-width:0}.ex-list .wrow em{display:none}}.homelink{border:1px solid var(--color-line);width:34px;height:34px;color:var(--color-ink-soft);border-radius:999px;flex-shrink:0;place-items:center;font-size:16px;text-decoration:none;transition:all .14s;display:grid}.homelink:hover{border-color:var(--color-ink);color:var(--color-ink)}header .logo{color:inherit;text-decoration:none}.wb-cta{border:1px dashed var(--color-line);text-align:center;border-radius:16px;margin-top:40px;padding:34px 28px}.wb-cta h3{font-family:var(--font-display);margin:0 0 10px;font-size:21px}.wb-cta p{color:var(--color-ink-soft);max-width:44ch;margin:0 auto 22px;font-size:15px;line-height:1.7}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
