/* Floating controls stay visually independent from the page. */
.bottom-bar{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;pointer-events:none}.bottom-bar>*{pointer-events:auto}.flashcard,.flashcard:nth-child(even){transform:none!important;-webkit-transform:none!important}.flashcard.flipped{transform:rotateY(180deg)!important;-webkit-transform:rotateY(180deg)!important}html[data-ios-notch=true] .hero{aspect-ratio:16/11!important}.story-card img{object-position:center bottom}.library{padding-top:100px!important}.reader{overflow-anchor:none}
html[data-theme=dark] .bottom-action img,html[data-theme=dark] .home-mark img{filter:invert(1)}@media(prefers-color-scheme:dark){html[data-theme=system] .bottom-action img,html[data-theme=system] .home-mark img{filter:invert(1)}}
:root{--ink:#191817;--muted:#706d68;--paper:#fffaf5;--card:#fff;--line:#e8e1d9;--peach:#f5d0ad}@media(prefers-color-scheme:dark){html[data-theme=system]{--ink:#f6f0e9;--muted:#b8b0a8;--paper:#1c1b1a;--card:#272523;--line:#403c38}}html[data-theme=dark]{--ink:#f6f0e9;--muted:#b8b0a8;--paper:#1c1b1a;--card:#272523;--line:#403c38}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent,#2496c7);outline-offset:3px}.bottom-bar{position:fixed;z-index:10;left:0;right:0;bottom:0;height:calc(70px + env(safe-area-inset-bottom));padding:8px max(18px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.bottom-action{width:54px;height:54px;position:absolute;top:8px;border:0;border-radius:50%;background:var(--card);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 25px #2b21121c}.bottom-action.nav{left:max(18px,env(safe-area-inset-left))}.bottom-action.theme{right:max(18px,env(safe-area-inset-right))}.bottom-action img{width:31px;height:31px;object-fit:contain}.bottom-action.nav img{width:34px}.bottom-action.back{font-size:31px;font-weight:300;line-height:1}.language-switch{height:54px;display:flex;align-items:center;padding:4px;border-radius:28px;background:var(--card);box-shadow:0 10px 25px #2b21121c}.language-switch button{height:46px;min-width:54px;padding:0 12px;border:0;border-radius:23px;background:transparent;cursor:pointer;font-size:17px;font-weight:650}.language-switch button[aria-pressed=true]{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.library{width:min(100%,760px);padding:42px 20px calc(115px + env(safe-area-inset-bottom));margin:auto}.home-mark{text-align:center;margin:0 0 30px}.home-mark img{width:min(145px,42vw);height:auto;display:block;margin:0 auto 8px}.home-mark strong{font-size:19px;letter-spacing:-.03em}.intro{margin:0 auto 32px;max-width:520px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.11em;font-weight:800;color:var(--accent,#2496c7);margin:0 0 7px}h1{letter-spacing:-.055em;line-height:1.05;font-size:clamp(34px,9vw,56px);margin:0 0 14px}.intro>p:last-child,.description{color:var(--muted);margin:0}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.story-card{padding:0;background:var(--card);border:1px solid var(--line);text-align:left;border-radius:15px;overflow:hidden;cursor:pointer}.story-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--peach)}.story-card span{display:block;padding:14px 15px 16px}.story-card strong{font-size:18px;display:block}.story-card small{display:block;color:var(--muted);line-height:1.4;margin-top:4px}.quick{margin:42px 0 32px}.quick h2{font-size:24px;letter-spacing:-.03em;margin:0 0 4px}.quick-slider{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:15px 20px 24px;margin:0 -20px;scroll-padding-left:20px;perspective:900px}.flashcard{scroll-snap-align:start;flex:0 0 calc(100% - 56px);min-height:128px;border:1px solid var(--line);border-radius:15px;background:var(--card);position:relative;cursor:pointer;transform:rotateZ(-1.6deg) rotateY(-5deg);transform-style:preserve-3d;-webkit-transform:rotateZ(-1.6deg) rotateY(-5deg);-webkit-transform-style:preserve-3d;transition:transform .45s,box-shadow .25s;box-shadow:7px 9px 16px #2b21111c}.flashcard:nth-child(even){transform:rotateZ(1.5deg) rotateY(5deg);-webkit-transform:rotateZ(1.5deg) rotateY(5deg)}.flashcard.flipped{transform:rotateY(175deg);-webkit-transform:rotateY(175deg)}.flashcard span{position:absolute;inset:0;display:grid;place-items:center;padding:16px;font-size:24px;font-weight:700;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px);-webkit-transform:translateZ(1px)}.flashcard .back{transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px);color:var(--muted);font-size:20px}.legal-link{display:block;margin:45px auto 0;padding:0;border:0;background:none;color:var(--muted);text-decoration:underline;font-size:12px;cursor:pointer}.legal-page{width:min(100%,680px);margin:auto;padding:35px 20px calc(115px + env(safe-area-inset-bottom))}.legal-page a{color:inherit}.reader{max-width:680px;margin:auto;padding:0 calc(0px) calc(115px + env(safe-area-inset-bottom));--accent:#2496c7}.hero{width:100vw;max-width:none;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--peach);margin-left:calc(50% - 50vw)}html[data-ios-notch=true] .hero{aspect-ratio:4/3}.reader-content{padding:28px 20px 0}.reader article{font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,3.5vw,24px);line-height:1.65;margin-top:35px}.paragraph{margin:0 0 1.25em}.word{font:inherit;border:0;border-bottom:1px dashed currentColor;background:transparent;cursor:pointer;padding:0}.word-popup{position:absolute;z-index:8;max-width:245px;background:var(--ink);color:var(--paper);padding:10px 13px;border-radius:10px;font-size:14px;box-shadow:0 8px 25px #0003}.quiz{border-top:1px solid var(--line);margin-top:45px;padding-top:32px}.quiz h2{margin:0 0 22px;font-size:26px;letter-spacing:-.03em}.question{margin:0 0 28px}.question p{font-weight:700;margin:0 0 10px;font-size:18px}.question div{display:grid;gap:8px}.question button{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;text-align:left;cursor:pointer;font-size:16px}.question button.correct{background:#dff4e4;color:#191817;border-color:#58a96c}.question button.wrong{background:#f9dddd;color:#191817;border-color:#d86666}.question small{display:block;margin-top:7px;color:var(--muted)}@media(max-width:420px){.library,.reader-content{padding-left:16px;padding-right:16px}.quick-slider{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scroll-padding-left:16px}.flashcard{flex-basis:calc(100% - 40px)}.language-switch button{min-width:47px;padding:0 9px}}@media(min-width:700px){.bottom-bar{max-width:680px;left:50%;right:auto;transform:translateX(-50%);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0}.bottom-action.nav{left:18px}.bottom-action.theme{right:18px}}