@font-face{font-family:RoomHand;src:url('fonts/RoomHand.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:KleeFull;src:url('fonts/KleeOne-SemiBold.woff') format('woff');font-weight:600;font-display:swap}
:root{--cream:#fff6e7;--ink:#594437;--green:#315e4e;--coral:#b95f46;--honey:#d6a441;--paper:#ffedbc;--hand:RoomHand,KleeFull,'Hiragino Maru Gothic ProN',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 10% 7%,#efdab788,transparent 50%),repeating-linear-gradient(0deg,transparent 0 39px,#59443705 39px 40px),var(--cream);color:var(--ink);font-family:var(--hand);font-weight:600;line-height:1.9}h1,h2,h3,p,figure{margin:0}a{color:inherit}img{max-width:100%}button,summary,a{-webkit-tap-highlight-color:#dab16955}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}em{font-style:normal}strong{font-weight:600}.coral{color:var(--coral)}
.layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:240px minmax(0,640px) 210px;gap:36px;align-items:start;padding:0 24px}main{width:100%;min-width:0;background:var(--cream);box-shadow:0 0 50px #5944370d;container-type:inline-size}.panel{position:relative;isolation:isolate;scroll-margin-top:20px}.panel+.panel{padding-top:62px}.svg-defs{position:absolute;pointer-events:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;background:var(--green);color:white;padding:12px;z-index:20;border-radius:8px}.skip-link:focus{top:12px}
.doodle{display:block;width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.scribble{display:block;width:94%;height:24px;overflow:visible;color:var(--coral);margin:8px auto 0}.scribble path{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.section-heading{padding:0 32px 25px;position:relative;color:var(--green)}.section-heading h2{font-size:clamp(30px,7.8cqw,50px);line-height:1.5;letter-spacing:-.045em;transform:rotate(-2deg);word-break:keep-all;overflow-wrap:normal}.section-heading h2 em{color:var(--ink)}.section-heading h2 em.coral{color:var(--coral);font-size:1.12em}.section-heading .scribble{width:90%}.section-copy{padding:24px 36px;font-size:clamp(18px,3.65cqw,25px);line-height:1.95;text-align:center}.section-copy p+p{margin-top:24px}
.scene-photo{margin:0;position:relative;line-height:0}.scene-photo img{display:block;width:100%;height:auto}.wave-photo{clip-path:url(#photo-wave)}.small{font-family:var(--hand);font-size:14px!important;line-height:1.7!important;margin:14px 0 0!important}.solid-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:60px;padding:15px 20px;background:var(--coral);color:#fffaf0;border:1px solid #a14f38;border-radius:20px;text-decoration:none;line-height:1.6;font-size:clamp(17px,3.65cqw,25px);box-shadow:0 4px 0 #dfbba0;transition:transform .2s var(--ease),background .2s,box-shadow .2s}.solid-button>span:last-child{flex:none;transition:transform .2s}.solid-button:hover{background:#a74f38;transform:translateY(-2px);box-shadow:0 6px 0 #dfbba0}.solid-button:hover>span:last-child{transform:translateX(4px)}.solid-button:active{transform:translateY(2px);box-shadow:0 1px 0 #dfbba0}.button-green{background:var(--green);border-color:#2c5144;border-radius:40px}.button-green:hover{background:#264c3e}.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:17px;text-underline-offset:5px}
.hero-heading{position:relative;padding:30px 28px 12px;z-index:1}.channel-name{text-align:center;font-size:clamp(15px,3.4cqw,23px);line-height:1.7;letter-spacing:.02em;margin-bottom:24px}.channel-name span{font-size:.92em}.channel-name:after{content:"";display:block;height:10px;width:80%;margin:0 auto;border-bottom:2px solid var(--honey);border-radius:50%}.hero-heading h1{font-size:clamp(37px,9.5cqw,63px);line-height:1.3;color:var(--green);letter-spacing:-.07em;position:relative;z-index:1}.hero-heading h1 span,.hero-heading h1 strong{display:block;transform:rotate(-3deg)}.hero-heading h1 span:nth-child(2){text-align:center;font-size:1.03em;transform:rotate(-4deg);margin:8px 0}.hero-heading h1 strong{font-size:1.38em;letter-spacing:-.08em;text-align:center;line-height:1.25}.hero-heading>.scribble{height:28px;width:100%;margin-top:-3px}.hero-chat{position:absolute;right:17px;top:38%;width:60px;height:60px;color:var(--coral);transform:rotate(13deg)}.hero-heading .music{position:absolute;left:16px;bottom:22%;font-size:32px;color:var(--coral);transform:rotate(-10deg)}.hero-photo{margin-top:-8px}.hero-copy{padding-top:18px;padding-bottom:16px}.hero-copy .solid-button{margin-top:26px}.hero-heading h1 span,.hero-heading h1 strong{animation:welcome-line .85s var(--ease) both}.hero-heading h1 span:nth-child(2){animation-delay:.12s}.hero-heading h1 strong{animation-delay:.24s}@keyframes welcome-line{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.topic-scene{position:relative}.topic-scene .scene-photo img{aspect-ratio:1;object-fit:cover}.chalk-topics{position:absolute;left:21%;right:10%;top:22%;bottom:36%;display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;list-style:none;margin:0;padding:0;color:#fff7e6;transform:rotate(-2deg)}.chalk-topics li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;font-size:clamp(17px,4.1cqw,28px);line-height:1.45;white-space:nowrap;text-shadow:0 1px 3px #173027}.chalk-topics .doodle{width:clamp(40px,9cqw,64px);height:clamp(40px,9cqw,64px);stroke-width:1.6}.chalk-topics li span{border-bottom:2px solid #ebc2a699;padding-bottom:3px}.topic-copy{display:flex;align-items:center;justify-content:center;gap:22px;text-align:left}.margin-doodle{width:78px;height:78px;flex:none;color:var(--coral);transform:rotate(-7deg)}
.participation{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 24px 22px}.paper-note{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;min-height:138px;padding:18px 10px;background:#fce9b7;border-radius:21% 11% 15% 7%/12% 17% 9% 20%;transform:rotate(-1.5deg);font-size:clamp(17px,3.8cqw,25px);line-height:1.6}.paper-note:nth-child(2){transform:rotate(1deg);border-radius:13% 20% 12% 16%/19% 11% 17% 7%}.paper-note .doodle{width:48px;height:48px;flex:none}.paper-note p{text-align:center}.paper-note strong{font-size:1.07em;white-space:nowrap}.conversation-photo{position:relative}.bubble{position:absolute;width:19%;height:auto;color:#fff8e9;filter:drop-shadow(0 2px 3px #47332344);transform:rotate(-10deg);opacity:1}.bubble-one{left:33%;top:8%;}.bubble-two{left:auto;right:18%;top:23%;width:14%;transform:rotate(10deg)}.taped-photo{position:relative;margin:8px 24px 24px;transform:rotate(-1deg);border:7px solid #fffaf0;border-radius:4px;box-shadow:0 6px 12px #66472d21}.taped-photo:before,.taped-photo:after{content:"";position:absolute;top:-20px;left:5%;width:25%;height:28px;background:#b7bd87c7;z-index:2;transform:rotate(-9deg);clip-path:polygon(0 0,100% 0,98% 15%,100% 30%,98% 45%,100% 60%,98% 75%,100% 100%,0 100%,2% 80%,0 60%,2% 40%,0 20%)}.taped-photo:after{left:auto;right:3%;background:#e2ad8bc9;transform:rotate(7deg)}.taped-photo .bubble-one{left:12%;top:7%}.taped-photo .bubble-two{right:15%;top:16%}.host-copy{text-align:left;padding-top:0}.panel-host .section-heading h2{font-size:clamp(26px,7.2cqw,46px)}.host-name{font-size:clamp(17px,3.5cqw,23px);border-top:3px double #c5a681;padding-top:22px}.host-copy .solid-button{margin-top:22px}.host-copy>.text-link{display:flex;justify-content:center}
.schedule-desk{padding:20px 45px 30px;background:repeating-linear-gradient(2deg,#e9c6a33d 0 2px,transparent 2px 14px),linear-gradient(25deg,#e7c5a4,#f3dec2 65%,#ddb58c);}.schedule-paper{position:relative;padding:26px 30px 22px;background:linear-gradient(95deg,#fff2d9,#fff8e9);border-radius:3px 4px 10px 9px;box-shadow:3px 7px 13px #6e4a2a25;transform:rotate(-3deg);text-align:center}.schedule-paper:before{content:"";position:absolute;width:31%;height:29px;left:35%;top:-14px;background:#d7866bb3;transform:rotate(-3deg)}.schedule-paper>p:first-child{font-size:clamp(25px,6.5cqw,42px);line-height:1.5}.time-line{display:flex;align-items:center;justify-content:center;gap:22px}.time{color:var(--coral);line-height:1.1;font-size:clamp(42px,10.5cqw,68px)}.time strong{font-size:1.8em;letter-spacing:-.06em}.time span{font-size:.8em;margin-left:.15em}.clock{width:90px;height:90px;color:var(--green)}.price{display:flex;align-items:baseline;justify-content:center;gap:10px;font-size:clamp(25px,6cqw,40px);line-height:1.3}.price strong{font-size:2.25em;color:var(--coral);letter-spacing:-.08em}.membership-label{text-align:center;position:relative;margin:22px 36px 12px;padding:7px 10px;font-size:clamp(20px,4.8cqw,31px);background:#dce1b6a3;border-radius:40% 25% 30% 18%/30% 40% 25% 35%}
.rules-copy{text-align:left;padding:8px 42px 32px;position:relative}.rule-key{position:absolute;right:35px;top:-45px;width:66px;height:66px;color:var(--green);transform:rotate(15deg)}.marked-line{background:linear-gradient(transparent 86%,#e5b95377 86%,#e5b95377 94%,transparent 94%)}.rules-copy p+p{margin-top:42px}
.faq-list{padding:5px 28px 34px}.faq-list details+details{margin-top:22px}.faq-list summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;background:#f9e4ad;border-radius:35px 30px 26px 32px;min-height:64px;padding:10px 17px;font-size:clamp(18px,4.3cqw,28px);line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list details:nth-child(2) summary{background:#f5d7be}.faq-list details:nth-child(3) summary{background:#e3e7c4}.faq-list summary:after{content:"＋";font:600 19px var(--hand);margin-left:auto;flex:none}.faq-list details[open] summary:after{content:"−"}.qa-letter{display:flex;justify-content:center;align-items:center;flex:none;border:2px solid var(--green);border-radius:49% 44% 48% 47%;width:38px;height:38px;font-size:26px;color:var(--green);line-height:1}.answer{display:flex;align-items:flex-start;gap:14px;padding:14px 17px 0;font-size:clamp(18px,4cqw,27px);line-height:1.7}.answer .qa-letter{color:var(--coral);border-color:var(--coral)}.faq-list details[open] .answer{animation:answer-in .25s ease-out}@keyframes answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.panel-join{padding-top:34px!important}.panel-join .section-heading{padding-top:20px}.join-copy{padding-top:0;padding-bottom:45px}.join-copy .solid-button{margin:28px 0}.join-copy>.solid-button+p{font-size:.9em;margin-top:0}
/* The same drawn-line language links the entrance to the page. */
.motion-ready .panel:not(.in-view) .section-heading{opacity:0;translate:0 12px}.motion-ready .section-heading{transition:opacity .6s,translate .8s var(--ease)}.motion-ready .panel:not(.in-view) .scribble path{stroke-dashoffset:1}.motion-ready .in-view .scribble path{animation:draw-line 1.2s .2s var(--ease) both}@keyframes draw-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.motion-ready .panel:not(.in-view) .chalk-topics li{opacity:0;transform:translateY(8px)}.motion-ready .chalk-topics li{transition:opacity .5s,transform .7s var(--ease)}.chalk-topics li:nth-child(2){transition-delay:.15s}.chalk-topics li:nth-child(3){transition-delay:.3s}.chalk-topics li:nth-child(4){transition-delay:.45s}.motion-ready .panel:not(.in-view) .bubble{opacity:0;scale:.75}.motion-ready .bubble{transition:opacity .6s .15s,scale .8s .15s var(--ease)}.motion-ready .bubble-two{transition-delay:.4s}.motion-ready .panel:not(.in-view) .paper-note{opacity:0;translate:-8px 10px}.motion-ready .paper-note{transition:opacity .6s,translate .9s var(--ease)}.motion-ready .paper-note:nth-child(2){transition-delay:.16s}.motion-ready .panel:not(.in-view) .schedule-paper{opacity:0;translate:0 18px;rotate:-3deg}.motion-ready .schedule-paper{transition:opacity .6s,translate .9s var(--ease),rotate .9s var(--ease)}
.intro,.section-nav{position:sticky;top:48px;padding-bottom:40px}.intro{padding-top:24px}.eyebrow{font:12px/1.5 var(--hand);letter-spacing:.13em;margin-bottom:22px;color:var(--green)}.welcome-note{font-size:14px;margin-bottom:20px;display:inline-block;transform:rotate(-3deg);background:#f3dfb1;padding:3px 9px;border-radius:40% 12% 35% 15%}.welcome-note span{color:var(--coral)}.rail-title{line-height:1.38;letter-spacing:.02em;color:var(--green)}.rail-title span{display:block}.rail-small{font-size:25px;margin-bottom:3px}.rail-big{font-size:44px;letter-spacing:.03em;transform:rotate(-3deg);transform-origin:left center}.rail-offset{margin:17px 0 0 26px;font-size:24px}.rail-coral{color:var(--coral);margin-left:7px;transform:rotate(-2deg)}.rail-coral:after{content:"";display:block;width:92%;height:10px;border-bottom:2px solid var(--honey);border-radius:0 0 50% 50%;margin-top:-3px}.rail-copy{font-size:16px;line-height:2.1;margin:28px 0 24px}.intro .solid-button{font-size:15px;min-height:52px;padding:12px 8px;gap:5px}.intro .small{font-size:11px!important;text-align:center}.section-nav{padding-top:48px;font-size:14px}.section-nav p{font-size:17px;color:var(--green);margin:0 0 22px;padding-bottom:10px;border-bottom:2px solid #d2ab78;transform:rotate(-2deg)}.section-nav a{display:block;padding:11px 8px;text-decoration:none;border-bottom:1px dashed #b998713b;min-height:46px;transition:transform .18s,background .18s}.section-nav a:hover,.section-nav a[aria-current="location"]{color:var(--green);background:#e6b65b26;border-radius:30% 12% 20% 8%;transform:translateX(4px)}
.footer{background:#f1e4ce;padding:32px 24px;text-align:center;font-size:14px;line-height:1.8;border-top:1px solid #dcc5a6}.footer p{margin:4px 0}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 20px;margin-top:16px}.footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.credits-link{font-size:12px;opacity:.8}.floating-cta{position:fixed;z-index:10;bottom:0;left:0;right:0;padding:9px 16px calc(10px + env(safe-area-inset-bottom));background:#fff6e7f5;border-top:1px solid #dcc5a6;box-shadow:0 -4px 20px #5944370d}.floating-cta a{max-width:590px;margin:auto;min-height:48px;font-size:17px;padding:10px 16px}.floating-cta[hidden]{display:none}
@media(max-width:1200px){.layout{grid-template-columns:210px minmax(0,620px);max-width:900px;gap:24px;padding:0 18px}.section-nav{display:none}.rail-big{font-size:38px}.rail-small{font-size:22px}.intro{top:24px}.intro .solid-button{font-size:14px}.welcome-note{font-size:12px}}
@media(max-width:900px){.layout{display:block;max-width:640px;padding:0}.intro,.section-nav{display:none}.panel+.panel{padding-top:45px}.section-heading{padding:0 22px 20px}.section-copy{padding:20px 24px}.hero-heading{padding:24px 20px 10px}.hero-heading h1{font-size:clamp(35px,9.8cqw,61px)}.channel-name{margin-bottom:19px}.hero-heading .hero-chat{width:42px;height:42px;right:8px;top:39%}.hero-heading .music{font-size:24px;left:8px}.hero-copy{padding-top:16px}.hero-copy .solid-button{margin-top:20px}.small{font-size:12px!important}.participation{gap:10px;padding:0 15px 18px}.paper-note{gap:5px;min-height:108px;padding:14px 8px}.paper-note .doodle{width:42px;height:48px}.topic-copy{gap:12px}.margin-doodle{width:52px;height:52px}.chalk-topics{gap:12px 4px}.schedule-desk{padding:22px 29px 24px}.schedule-paper{padding:22px 18px 18px}.clock{width:70px;height:70px}.time-line{gap:12px}.membership-label{margin:20px 20px 10px}.rules-copy{padding:10px 28px 30px}.rule-key{right:25px;top:-34px;width:48px;height:48px}.faq-list{padding:0 20px 26px}.faq-list summary{padding:9px 12px;gap:10px;min-height:58px}.qa-letter{width:32px;height:32px;font-size:23px}.answer{padding:12px 12px 0;gap:11px}.taped-photo{margin:8px 18px 22px;border-width:5px}.host-copy{padding-top:0}.join-copy{padding-bottom:36px}.footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}}
@media(min-width:901px){.floating-cta{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.motion-ready .panel:not(.in-view) :is(.section-heading,.chalk-topics li,.bubble,.paper-note,.schedule-paper){opacity:1;translate:none;scale:1}.motion-ready .panel:not(.in-view) .scribble path{stroke-dashoffset:0}}

/* Character revision: keep all animated doodles away from Sayu's face. */
.character-world .chalk-topics{left:18%;right:8%;top:11%;bottom:60%;gap:8px;transform:rotate(-1deg)}
.character-world .chalk-topics li{font-size:clamp(16px,3.8cqw,26px);line-height:1.35;gap:2px}
.character-world .chalk-topics .doodle{width:clamp(26px,6.5cqw,42px);height:clamp(26px,6.5cqw,42px)}
.character-world .bubble-one{left:3%;top:8%;width:13%}
.character-world .bubble-two{right:4%;top:18%;width:10%}
.character-world .solid-button>span:first-child{text-wrap:balance}
@media(max-width:390px){.character-world .topic-copy{gap:8px}.character-world .topic-copy .margin-doodle{width:38px;height:38px}}

@media(min-width:901px) and (max-width:1200px){.intro .rail-copy{font-size:14px}}

.guest-note{color:var(--coral);font-size:clamp(17px,3.6cqw,24px);transform:rotate(-1deg)}
.character-world .chalk-topics{top:17%;bottom:48%;left:16%;right:8%;gap:12px}