:root{--color-bg:#f5ead5;--color-surface:#fff9ec;--color-text:#3b2927;--color-muted:#5c463f;--color-accent:#e05255;--color-heading:#a82f32;--color-danger:#9f2f32;--color-success:#5f9a67;--color-binding:#e07a6a;--color-rule:#d7c4a4;--color-tape:#f3d27a;--radius:12px;--font-display:"Fredoka", system-ui, "Noto Sans", "Noto Sans CJK", sans-serif;--font-body:"Nunito", system-ui, "Noto Sans", "Noto Sans Thai", sans-serif;--measure:68ch;--header-h:64px;--z-header:40;--z-toc:20;--z-menu:80;--wavy:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 8' preserveAspectRatio='none'><path d='M0 5 Q 12 1 24 5 T 48 5 T 72 5 T 96 5 T 120 5 T 144 5 T 168 5 T 192 5 T 216 5 T 240 5' fill='none' stroke='%23e05255' stroke-width='2' stroke-linecap='round'/></svg>")}html[lang^=zh],html[lang^=ja],html[lang^=ko],html[lang^=th]{--measure:42em}html[data-theme=dark]{--color-bg:#1c1613;--color-surface:#2a1e1a;--color-text:#f5ead5;--color-muted:#e2c7b6;--color-accent:#f06a6c;--color-heading:#ffb3b4;--color-danger:#ffb3b4;--color-success:#7fb686;--color-binding:#8a3b3a;--color-rule:#4a342e;--color-tape:#8a6a2a;--wavy:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 8' preserveAspectRatio='none'><path d='M0 5 Q 12 1 24 5 T 48 5 T 72 5 T 96 5 T 120 5 T 144 5 T 168 5 T 192 5 T 216 5 T 240 5' fill='none' stroke='%23f06a6c' stroke-width='2' stroke-linecap='round'/></svg>")}html,body{overflow-x:hidden}*{box-sizing:border-box}html{color-scheme:light;background:var(--color-bg);color:var(--color-text);scroll-padding-top:calc(var(--header-h) + 16px)}[hidden]{display:none!important}html[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-body);background:var(--color-bg);min-height:100dvh;margin:0;font-size:1.05rem;line-height:1.65}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);overflow-wrap:anywhere;max-width:100%;font-weight:650;line-height:1.15}h1{color:var(--color-heading);margin:0 0 .35rem;font-size:clamp(1.5rem,3.2vw,2.4rem)}h2{color:var(--color-heading);background-image:var(--wavy);background-position:0 1.15em;background-repeat:no-repeat;background-size:100% 10px;margin:1.6rem 0 .7rem;padding-bottom:.4rem;font-size:1.45rem;display:inline-block}a{color:var(--color-danger)}a:hover{color:var(--color-heading)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.skip-link{z-index:100;background:var(--color-surface);color:var(--color-text);padding:.4rem .7rem;position:absolute;top:.4rem;left:.8rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.notebook-shell{background-color:var(--color-surface);background-image:linear-gradient(to right, transparent 52px, color-mix(in srgb, var(--color-accent) 72%, transparent) 53px, transparent 54px), repeating-linear-gradient(transparent, transparent 27px, color-mix(in srgb, var(--color-rule) 70%, transparent) 28px);min-height:100dvh;box-shadow:inset 18px 0 0 var(--color-binding);position:relative}.notebook-shell:before{content:"";pointer-events:none;z-index:2;background-image:radial-gradient(circle at 9px 10px,#5a4a48 0 5px,#0000 6px);background-size:18px 28px;width:18px;position:absolute;top:0;bottom:0;left:6px}.container{width:min(1120px,100% - 2rem);margin-inline:auto}.site-header{z-index:var(--z-header);background:color-mix(in srgb, var(--color-surface) 88%, var(--color-binding));border-bottom:3px solid var(--color-rule);position:sticky;top:0;overflow:visible}.header-inner{min-height:var(--header-h);grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.8rem;padding:.2rem 1.1rem 0 2.4rem;display:grid}.site-brand{color:var(--color-heading);font-family:var(--font-display);white-space:nowrap;align-items:center;gap:.5rem;padding-bottom:.45rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.site-brand img{width:40px;height:40px}.site-nav{align-items:flex-end;gap:.18rem;min-width:0;padding-top:.55rem;display:flex;overflow:hidden}html[data-nav-collapsed=true] .site-nav{visibility:hidden;pointer-events:none}html[data-nav-collapsed=true] .menu-btn{display:inline-flex}.nav-tab{color:var(--color-text);background:color-mix(in srgb, var(--color-bg) 55%, var(--color-tape));border:2px solid var(--color-rule);white-space:nowrap;box-shadow:inset 0 1px 0 #fff8, 2px 0 0 color-mix(in srgb, var(--color-text) 8%, transparent);border-bottom:0;border-radius:11px 12px 0 0;padding:.38rem .62rem .48rem;font-size:.92rem;text-decoration:none;position:relative;top:3px}.nav-tab.is-active,.nav-tab[aria-current=page]{background:var(--color-surface);border-color:var(--color-heading);color:var(--color-heading);box-shadow:4px 8px 0 color-mix(in srgb, var(--color-text) 12%, transparent);z-index:2;padding-bottom:.95rem;top:12px}.header-actions{justify-self:end;align-items:center;gap:.35rem;padding-bottom:.35rem;display:flex;position:relative}.icon-btn{border:2px solid var(--color-rule);background:var(--color-bg);min-width:44px;min-height:44px;color:var(--color-text);font:inherit;border-radius:10px;padding:.35rem .65rem}.menu-btn{display:none}.lang-menu{z-index:var(--z-menu);background:var(--color-surface);border:2px solid var(--color-accent);border-radius:10px;min-width:12rem;max-width:min(16rem,100vw - 1.5rem);max-height:min(70vh,24rem);padding:.4rem;display:grid;position:absolute;top:calc(100% + .3rem);right:0;overflow:auto}.lang-menu a{color:var(--color-text);padding:.4rem .6rem;text-decoration:none;display:block}.mobile-nav{inset:var(--header-h) 0 auto 0;z-index:var(--z-menu);background:var(--color-surface);border-bottom:2px solid var(--color-accent);gap:.2rem;padding:.8rem 1.1rem 1rem 2.4rem;display:grid;position:fixed}.mobile-nav a{min-height:44px;color:var(--color-text);align-items:center;text-decoration:none;display:flex}body:has([data-mobile-nav-panel]:not([hidden])) .toc-panel,body:has([data-mobile-nav-panel]:not([hidden])) .toc-toggle,body:has([data-mobile-nav-panel]:not([hidden])) .back-top,body:has([data-language-menu]:not([hidden])) .toc-panel,body:has([data-language-menu]:not([hidden])) .toc-toggle,body:has([data-language-menu]:not([hidden])) .back-top{visibility:hidden!important}.reading{width:min(1120px,100% - 2.4rem);max-width:72rem;margin:1.1rem auto 3rem;padding-bottom:2rem;padding-left:1.2rem}.intro-copy,.lesson-copy,.home-intro{max-width:var(--measure)}.kicker{color:var(--color-muted);margin:0 0 .25rem;font-size:.95rem}.home-spread{grid-template-areas:"art""tasks""choices""ticket";gap:.7rem 1.1rem;display:grid}.hero-art{grid-area:art}.trailer-ticket{grid-area:ticket}.three-choices{grid-area:choices}.task-rail{grid-area:tasks}.hero-art .media-figure{margin:0;transform:rotate(-1.8deg)}.home-identity{margin-top:.35rem}.home-identity h1{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.trailer-ticket{background:var(--color-bg);border:2px solid var(--color-text);width:min(248px,100%);box-shadow:8px 10px 0 color-mix(in srgb, var(--color-text) 14%, transparent);justify-self:center;overflow:hidden;transform:rotate(2.4deg)}.ticket-date{background:var(--color-tape);color:var(--color-text);font-family:var(--font-display);letter-spacing:.04em;margin:0;padding:.25rem .55rem;font-size:.78rem}.ticket-body{grid-template-columns:minmax(0,1fr) 4.4rem;display:grid}.ticket-screen{min-width:0}.trailer-ticket .yt-frame{aspect-ratio:4/3;border-radius:0}.trailer-ticket .yt-play{gap:.25rem;padding:.35rem .55rem;font-size:.8rem}.ticket-stub{border-left:2px dashed var(--color-text);background:radial-gradient(circle at 0 10px, transparent 5px, color-mix(in srgb, var(--color-bg) 80%, var(--color-tape)) 6px) 0 0 / 12px 20px;flex-direction:column;justify-content:space-between;align-items:center;padding:.45rem .2rem;display:flex}.ticket-admit{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.14em;color:var(--color-heading);font-size:.78rem;transform:rotate(180deg)}.ticket-title{writing-mode:vertical-rl;color:var(--color-muted);margin:0;font-size:.68rem;transform:rotate(180deg)}.choice-arrow{width:min(220px,100%);height:52px;color:var(--color-accent);margin:-.2rem 0 .1rem auto;display:none}.choices-label{font-family:var(--font-display);color:var(--color-heading);background-image:var(--wavy);background-position:0 1.05em;background-repeat:no-repeat;background-size:100% 10px;margin:0 0 .45rem;padding-bottom:.3rem;display:inline-block}.sticker-row{flex-wrap:wrap;justify-content:space-around;align-items:flex-start;gap:.7rem .5rem;display:flex}.sticker{background:var(--color-bg);border:2px solid var(--color-text);border-radius:4px 16px 7px 9px;width:min(240px,100%);padding:.95rem .75rem .75rem;position:relative}.sticker:first-child{margin-top:.6rem;transform:rotate(-4.8deg)}.sticker:nth-child(2){margin-top:0;transform:rotate(3.4deg)}.sticker:nth-child(3){margin-top:.9rem;transform:rotate(-2.2deg)}.sticker-name{font-family:var(--font-display);margin:0 0 .35rem}.sticker-stamp{border:2px solid var(--color-danger);color:var(--color-danger);font-family:var(--font-display);letter-spacing:.05em;background:var(--color-surface);text-transform:uppercase;padding:.12rem .35rem;font-size:.62rem;position:absolute;top:-.45rem;right:-.4rem;transform:rotate(14deg)}.hand-note{font-family:var(--font-display);margin:0;font-size:.92rem;line-height:1.35}.theme-red{box-shadow:8px 10px 0 color-mix(in srgb, var(--color-accent) 38%, transparent)}.theme-green{box-shadow:8px 10px 0 color-mix(in srgb, var(--color-success) 48%, transparent)}.theme-gold{box-shadow:8px 10px 0 color-mix(in srgb, var(--color-tape) 75%, transparent)}.task-rail{border-left:3px solid var(--color-accent);gap:0;padding-left:.55rem;display:grid}.task-card{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-rule) 85%, transparent);min-height:44px;color:inherit;background:0 0;justify-content:space-between;align-items:center;gap:.8rem;padding:.45rem .2rem;text-decoration:none;display:flex}.task-card p{color:var(--color-muted);margin:.15rem 0 0}.task-title{font-family:var(--font-display);color:var(--color-heading)}.task-go{color:var(--color-accent);flex:none;font-size:1.2rem}.task-card.is-primary .task-go{background:var(--color-accent);color:#fff9ec;width:72px;height:72px;box-shadow:4px 5px 0 color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:50%;place-items:center;font-size:1.7rem;display:grid}.home-intro{margin-top:1.2rem}.media-figure{background:var(--color-bg);border:2px solid var(--color-rule);box-shadow:6px 12px 0 color-mix(in srgb, var(--color-text) 10%, transparent);margin:.8rem 0 1.1rem;padding:.45rem .45rem .2rem;position:relative}.media-figure:before,.media-figure:after{content:"";z-index:1;pointer-events:none;position:absolute}.media-figure:before{background:color-mix(in srgb, var(--color-tape) 82%, transparent);width:76px;height:22px;top:-10px;left:18%;transform:rotate(-8deg)}.media-figure:after{background:repeating-linear-gradient(-22deg, color-mix(in srgb, var(--color-accent) 40%, #fff), color-mix(in srgb, var(--color-accent) 40%, #fff) 5px, color-mix(in srgb, var(--color-surface) 80%, transparent) 5px, color-mix(in srgb, var(--color-accent) 40%, #fff) 10px);width:62px;height:18px;bottom:-8px;right:18%;transform:rotate(8deg)}.media-figure.tape-pink:before{background:color-mix(in srgb, var(--color-accent) 45%, #fff);left:auto;right:16%}.media-figure.tape-mint:before{background:color-mix(in srgb, var(--color-success) 40%, #fff)}.media-figure img{width:100%;display:block}.media-figure figcaption{color:var(--color-heading);font-family:var(--font-display);margin:.45rem .25rem .35rem;font-size:.95rem;font-style:italic;transform:rotate(-.7deg)}.still-strip{gap:1rem;margin:0 0 1.25rem;display:grid}@media (width>=768px){.still-strip{grid-template-columns:1fr 1fr}}.fact-stickers,.lined-notes{flex-wrap:wrap;gap:.8rem;margin:1rem 0;display:flex}.sticker-note{background:var(--color-bg);border:2px solid var(--color-rule);box-shadow:6px 8px 0 color-mix(in srgb, var(--color-text) 10%, transparent);max-width:min(34rem,100%);padding:.7rem .85rem;transform:rotate(-1deg)}.sticker-note:nth-child(2n){transform:rotate(1.1deg)}.table-scroll{margin:1rem 0;overflow-x:auto}.paper-pin{background:var(--color-bg);border:2px solid var(--color-rule);box-shadow:8px 10px 0 color-mix(in srgb, var(--color-text) 10%, transparent);padding:.55rem .35rem .2rem;position:relative;transform:rotate(-.35deg)}.paper-pin:before{content:"";background:var(--color-accent);width:16px;height:16px;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--color-text) 25%, transparent);border-radius:50%;margin-left:-8px;position:absolute;top:-9px;left:50%}table{border-collapse:collapse;width:100%;min-width:36rem}th,td{text-align:left;border-bottom:1px solid var(--color-rule);vertical-align:top;padding:.55rem .7rem}th{color:var(--color-heading);font-family:var(--font-display)}.filter-bar{flex-wrap:wrap;gap:.45rem;margin:.8rem 0;display:flex}.filter-bar button,.tab-row button{border:2px solid var(--color-rule);background:var(--color-bg);min-height:44px;color:var(--color-text);font:inherit;border-radius:8px;padding:.35rem .7rem}.filter-bar button[aria-pressed=true],.tab-row button[aria-pressed=true]{border-color:var(--color-heading);color:var(--color-heading)}.faq-checklist{margin:.6rem 0 1.2rem}.faq-list{border-left:3px solid var(--color-accent);background-image:repeating-linear-gradient(transparent, transparent 31px, color-mix(in srgb, var(--color-rule) 75%, transparent) 32px);padding:.15rem .35rem .35rem .55rem}.faq-item{border:0;grid-template-columns:1.5rem minmax(0,1fr);align-items:start;gap:.45rem;padding:0;display:grid}.prep-check{width:1.2rem;height:1.2rem;accent-color:var(--color-accent);margin-top:.85rem}.faq-item summary{cursor:pointer;min-height:44px;font-weight:700;font-family:var(--font-display);align-items:center;display:flex}.faq-item details p{margin:0 0 .7rem}.lesson{margin:1.35rem 0 1.9rem}.lesson .sticker-note{margin:.7rem 0 0}.page-chrome{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;width:min(1120px,100% - 2.4rem);max-width:72rem;margin:0 auto 1.2rem;padding-left:1.2rem;display:flex}.toc-toggle,.back-top{border:2px solid var(--color-heading);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;border-radius:999px;padding:.4rem .8rem}.toc-panel:not([hidden]){position:fixed}.toc-panel{z-index:var(--z-toc);background:var(--color-surface);border:2px solid var(--color-rule);border-radius:10px;width:220px;max-height:70vh;padding:.7rem;top:5.2rem;right:1rem;overflow:auto}.toc-panel a{white-space:nowrap;text-overflow:ellipsis;padding:.25rem 0;text-decoration:none;display:block;overflow:hidden}.site-footer{border-top:2px solid var(--color-rule);background:var(--color-bg);padding:1.4rem 1.2rem 2.2rem 2.4rem}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.related{flex-wrap:wrap;align-items:baseline;gap:.6rem .8rem;display:flex}.related-tab{border:2px solid var(--color-rule);background:color-mix(in srgb, var(--color-bg) 70%, var(--color-tape));border-bottom:0;border-radius:10px 10px 0 0;padding:.2rem .7rem .35rem;text-decoration:none;display:inline-block}.sources ul{padding-left:1.1rem}@media (width>=1024px){.home-spread{min-height:calc(100dvh - var(--header-h) - 10px);grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr);grid-template-areas:"art ticket""art choices""tasks tasks";align-content:start}.trailer-ticket{place-self:start;max-width:248px}.choice-arrow{display:block}.sticker{width:min(200px,46%)}.sticker:first-child{width:176px}.sticker:nth-child(2){width:208px}.sticker:nth-child(3){width:168px}.task-card.is-primary .task-go{width:48px;height:48px;font-size:1.3rem}}@media (width<=1023px){.hero-art{width:min(280px,88%);margin:.15rem auto 0}.toc-panel{width:min(220px,100vw - 2rem)}.footer-grid{grid-template-columns:1fr}}@media (width<=767px){.header-inner{padding:.2rem .65rem 0 1.6rem}.site-brand{font-size:1rem}.site-brand img{width:32px;height:32px}.icon-btn{min-width:40px;padding-inline:.4rem}.reading{width:calc(100% - 2rem);margin-left:auto;margin-right:auto;padding-left:.85rem}.mobile-nav{padding-left:1.6rem}.home-identity h1{font-size:1.25rem}.home-intro{margin-top:1.4rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.sticker,.hero-art .media-figure,.trailer-ticket,.sticker-note,.paper-pin,.media-figure figcaption{transform:none}}