/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@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;--ease-out:cubic-bezier(0, 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{.relative{position:relative}}:root{--font-display:"Newsreader", "Noto Serif TC", serif;--font-body:"Noto Serif TC", serif;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--text-body:1rem;--text-reading:clamp(1.125rem, 1.05rem + .35vw, 1.375rem);--text-display:clamp(2.5rem, 1.9rem + 3vw, 5rem);--text-brand:1.375rem;--content-width:74rem;--radius-control:.125rem;--rule-width:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--color-paper:oklch(97% .009 80);--color-surface:oklch(99% .005 80);--color-ink:oklch(23% .018 60);--color-muted:oklch(41% .015 60);--color-rule:oklch(68% .016 70);--color-accent:oklch(35% .065 45);--color-accent-ink:oklch(99% .005 80);--color-hover:oklch(92% .02 75);--color-focus:oklch(34% .16 250);--color-selection:oklch(85% .045 70);--color-transparent:oklch(0% 0 0/0)}html,body{overflow-x:clip}body{margin:0}.site,.site *{box-sizing:border-box}.site{background:var(--color-paper);min-height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);flex-direction:column;line-height:1.6;display:flex;overflow-x:clip}.site ::selection{background:var(--color-selection);color:var(--color-ink)}.site :is(h1,h2,h3,p){margin-block:0}.site :is(h1,h2,h3){overflow-wrap:anywhere;min-width:0;font-style:normal}.site :is(a,button){-webkit-tap-highlight-color:var(--color-transparent)}.site a{color:inherit;text-decoration:none}.site :is(a,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.site button{font:inherit;color:inherit;cursor:pointer}.site button:disabled{cursor:not-allowed}.site :is(a,button):active:not(:disabled){opacity:.76}.site-head,.site>main{width:min(100%, var(--content-width));padding-inline:clamp(var(--space-4), 4vw, var(--space-16));margin-inline:auto}.site-head{border-block-end:var(--rule-width) solid var(--color-rule);display:flex}.site-brand{font-family:var(--font-display);font-size:var(--text-brand);white-space:nowrap;font-weight:700;line-height:1.2}.site .back-link:hover,.reading-navigation a:hover{color:var(--color-accent);text-decoration:underline}.site>main{padding-block:clamp(var(--space-10), 5vw, var(--space-20));flex:1;min-width:0}.page{min-width:0}.page-head{max-width:50rem;margin-block-end:clamp(var(--space-12), 7vw, var(--space-20))}.page-title,.reading-title{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.035em;font-weight:500;line-height:1.15}.page-intro,.reading-intro{max-width:45rem;color:var(--color-muted);font-size:clamp(1rem,.94rem + .3vw,1.1875rem);line-height:1.75;margin-block-start:var(--space-6)!important}.site .back-link{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-muted);white-space:nowrap;margin-block-end:var(--space-4);display:inline-flex}.back-link svg{flex:none;width:1.25rem;height:1.25rem}.work-list,.lesson-list,.sentence-list{margin:0;padding:0;list-style:none}.work-list,.lesson-list{border-block-start:var(--rule-width) solid var(--color-rule)}.work-list>li,.lesson-list>li{border-block-end:var(--rule-width) solid var(--color-rule)}.work-link,.lesson-link{align-items:center;gap:var(--space-4);min-height:7.5rem;padding-block:var(--space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.work-link:not(.work-unavailable),.lesson-link{cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.work-link:not(.work-unavailable):hover,.lesson-link:hover{background:var(--color-hover)}.work-link:not(.work-unavailable):hover .work-arrow,.lesson-link:hover .lesson-arrow{color:var(--color-accent)}.work-number,.lesson-number{color:var(--color-muted);font-variant-numeric:tabular-nums;grid-column:1/-1}.work-content,.lesson-content{min-width:0}.work-title,.lesson-title{font-family:var(--font-display);font-size:clamp(1.5rem,1.35rem + .8vw,2.125rem);font-weight:500;line-height:1.25}.work-arrow,.lesson-arrow,.work-status{grid-area:2/2}.work-arrow,.lesson-arrow{font-size:1.5rem;line-height:1}.work-status{color:var(--color-muted);white-space:nowrap}.work-unavailable{color:var(--color-muted)}.reading-page .page-head{margin-block-end:var(--space-8)}.reading-page .mode-switch{gap:var(--space-4);border-block-end:var(--rule-width) solid var(--color-rule);flex-wrap:wrap;margin-block-end:var(--space-12);display:flex}.mode-button{min-height:44px;padding:var(--space-2) var(--space-4);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);border:0;background:0 0;border-block-end:2px solid #0000}.mode-button:hover{color:var(--color-accent)}.mode-button.is-active{border-block-end-color:var(--color-accent);color:var(--color-accent)}.sentence-group+.sentence-group{margin-block-start:var(--space-12)}.sentence-group-head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.sentence-group-title{font-family:var(--font-display);font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:500;line-height:1.35}.sentence-group audio{width:min(100%,19rem);max-width:100%;display:block}.sentence-list{border-block-start:var(--rule-width) solid var(--color-rule)}.sentence-row{gap:var(--space-3);padding-block:var(--space-5);border-block-end:var(--rule-width) solid var(--color-rule);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.sentence-number{color:var(--color-muted);font-variant-numeric:tabular-nums}.sentence-copy{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:var(--text-reading);line-height:1.85}.reading-navigation{align-items:center;column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);padding-block-start:var(--space-4);display:grid}.reading-navigation a{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.reading-navigation-previous{grid-column:1}.reading-navigation-list{grid-column:2}.reading-navigation-next{grid-column:3;justify-self:end}.site-head{padding-block:var(--space-6);justify-content:center}.site-brand{font-size:clamp(1.75rem,1.35rem + 1.5vw,2.5rem)}.home-page .page-head,.classic-page .page-head{text-align:center;margin-inline:auto}.home-page .page-intro,.classic-page .page-intro{margin-inline:auto}:is(.work-list,.lesson-list,.reading-page){max-width:52rem;margin-inline:auto}.classic-page .back-link{width:100%;max-width:52rem;margin-inline:auto;display:flex}.work-title,.lesson-title{display:block}.reading-page .page-head>a{min-height:44px;color:var(--color-accent);white-space:nowrap;align-items:center;margin-block-start:var(--space-6);text-decoration:underline;display:inline-flex}@media (width>=48rem){.work-link,.lesson-link{gap:var(--space-6);grid-template-columns:4rem minmax(0,1fr) auto}.work-number,.lesson-number{grid-area:1/1;align-self:start}.work-content,.lesson-content{grid-area:1/2}:is(.work-arrow,.lesson-arrow,.work-status){grid-area:1/3}}@media (width<=47.999rem){.site-head{padding-block:var(--space-3)}.site>main{padding-block:var(--space-6)}.page-head{margin-block-end:var(--space-8)}.page-intro{margin-block-start:var(--space-4)!important}.home-page .page-head{margin-block-start:var(--space-6);margin-block-end:var(--space-12)}.home-page .page-title{font-size:clamp(2.75rem,2.25rem + 2.5vw,3.25rem)}.work-link,.lesson-link{min-height:6rem;padding-block:var(--space-4)}.reading-page .mode-switch{margin-block-end:var(--space-8)}.sentence-group+.sentence-group{margin-block-start:var(--space-10)}.sentence-row{padding-block:var(--space-4)}.reading-navigation{font-size:.875rem}}@media (width<=24rem){.work-link,.lesson-link{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){.site *,.site :before,.site :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
