.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:0 clamp(1.2rem,4vw,3rem);background:linear-gradient(to bottom,#785028eb,#603e1ed1);box-shadow:0 4px 14px #3c261059;border-bottom:3px solid rgba(70,44,20,.7)}.navbar__brand{display:flex;align-items:center;align-self:center;flex-shrink:0;gap:8px;margin-left:36px;padding:5px 14px 5px 8px;background:#fdf6ea;border:3px solid #b07d45;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffffb3,0 2px 6px #3c261059;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.navbar__brand:hover,.navbar__brand:focus-visible{transform:translateY(-2px) scale(1.03);box-shadow:inset 0 0 0 1px #fffc,0 7px 14px #3c261073;outline:none}.navbar__brand-logo{height:clamp(36px,4.6vw,48px);width:auto;display:block;transition:transform .18s ease}.navbar__brand:hover .navbar__brand-logo,.navbar__brand:focus-visible .navbar__brand-logo{animation:brand-bear-wiggle .6s ease}.navbar__brand-name{font-size:1.5rem;font-weight:700;letter-spacing:2px;color:#6b4423;white-space:nowrap}.navbar__brand-char{display:inline-block;transition:color .18s ease}.navbar__brand:hover .navbar__brand-char,.navbar__brand:focus-visible .navbar__brand-char{color:#c8551f;animation:brand-char-bounce .5s ease;animation-delay:calc(var(--i, 0) * .08s)}@keyframes brand-bear-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}55%{transform:rotate(8deg)}80%{transform:rotate(-3deg)}}@keyframes brand-char-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.navbar__brand:hover .navbar__brand-logo,.navbar__brand:hover .navbar__brand-char{animation:none}}.navbar__nav{display:flex;align-items:center;gap:0;margin-left:auto}.wooden-sign+.wooden-sign{margin-left:-64px}.wooden-sign{position:relative;display:inline-block;width:clamp(115px,13vw,166px);height:clamp(72px,9vw,84px);background-image:url(/assets/wooden_sign-DXjOzTiR.webp);background-size:100% auto;background-position:center 48%;background-repeat:no-repeat;text-decoration:none;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 3px 4px rgba(40,24,10,.35))}.wooden-sign:hover,.wooden-sign:focus-visible{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 6px 8px rgba(40,24,10,.45)) brightness(1.05);outline:none}.wooden-sign.is-active{transform:translateY(2px);filter:drop-shadow(0 2px 3px rgba(40,24,10,.4)) brightness(1.08)}.wooden-sign.is-active .wooden-sign__text{color:#7a2e12}.wooden-sign__text{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);width:78%;text-align:center;font-size:clamp(.72rem,1.15vw,1rem);font-weight:700;letter-spacing:1px;color:#6b4423;text-shadow:0 1px 0 rgba(255,248,230,.6);white-space:nowrap}.navbar__toggle{display:none;margin-left:auto;flex-direction:column;justify-content:center;gap:5px;width:46px;height:42px;padding:8px;background:linear-gradient(180deg,#a9743f,#8a5a2c);border:2px solid rgba(70,44,20,.85);border-radius:10px;box-shadow:inset 0 1px 1px #ffffff40;cursor:pointer}.navbar__toggle span{display:block;height:3px;border-radius:2px;background:#fdf3e0;transform-origin:center;transition:transform .25s ease,opacity .2s ease}.navbar__toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar__toggle.is-open span:nth-child(2){opacity:0}.navbar__toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar__mobile{display:none;position:absolute;top:calc(100% + 8px);left:clamp(.6rem,3vw,1rem);right:clamp(.6rem,3vw,1rem);z-index:90;flex-direction:column;gap:.55rem;padding:.7rem;background-color:#96683a;background-image:repeating-linear-gradient(90deg,rgba(50,30,12,.1) 0 2px,transparent 2px 8px),linear-gradient(180deg,#a2723f,#7c5228);border:3px solid #5f3f22;border-radius:16px;box-shadow:0 18px 34px #32200c73,inset 0 2px 2px #fff3,inset 0 -3px 4px #00000040;transform-origin:top center;animation:menu-drop .28s cubic-bezier(.3,1.15,.4,1)}.navbar__mobile a{display:block;padding:.85rem 1.1rem;text-align:center;font-size:1.05rem;font-weight:700;letter-spacing:2px;color:#6b4423;text-decoration:none;background:#fffdf5;border-radius:10px;box-shadow:0 3px 5px #32200c4d;transition:transform .12s ease;animation:menu-item-in .32s ease both}.navbar__mobile a:active{transform:scale(.97)}.navbar__mobile a.is-active{color:#7a2e12;background:#f2ce93;box-shadow:inset 0 0 0 2px #b07d45,0 3px 5px #32200c4d}@keyframes menu-drop{0%{opacity:0;transform:translateY(-10px) scaleY(.88)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes menu-item-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.navbar__mobile,.navbar__mobile a,.navbar__toggle span{animation:none;transition:none}}@media(max-width:768px){.navbar{padding:0 clamp(.6rem,3vw,1rem)}.navbar__brand{margin-left:0}.navbar__nav{display:none}.navbar__toggle,.navbar__mobile{display:flex}}.locations{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,5vh,3.5rem) 1rem 3rem}.locations__stage{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.5rem);width:100%;max-width:980px}.board{position:relative;flex:1;max-width:820px;background:linear-gradient(160deg,#b98a52,#9a6c3a);border-radius:20px;padding:30px 22px 24px;box-shadow:0 12px 28px #32200c59,inset 0 0 0 3px #ffffff1f;transform-origin:top center;animation:board-swing .75s cubic-bezier(.3,1.1,.4,1) both}@keyframes board-swing{0%{opacity:0;transform:translateY(-34px) rotate(-3.5deg)}55%{opacity:1;transform:translateY(0) rotate(2.2deg)}78%{transform:rotate(-1.1deg)}to{opacity:1;transform:rotate(0)}}.board__clip{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:116px;height:30px;background:linear-gradient(180deg,#e9edf0,#b9bfc4);border-radius:8px 8px 6px 6px;box-shadow:0 3px 6px #0000004d,inset 0 -3px 4px #00000026}.board__clip:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:46px;height:12px;background:#8f959b;border-radius:6px}.paper{background:#fffdf8;border-radius:8px;padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2.2rem) 1.6rem;box-shadow:inset 0 0 0 1px #785a3226,0 2px 4px #00000014}.paper__title{margin:0 0 1rem;text-align:center;font-size:clamp(1.4rem,3vw,2rem);color:#6b4423;letter-spacing:3px;border-bottom:3px double #cda877;padding-bottom:.6rem}.table-scroll{overflow-x:auto}.loc-table{width:100%;border-collapse:collapse;color:#4a3524;font-size:clamp(.85rem,1.4vw,1rem)}.loc-table th,.loc-table td{padding:.7rem .6rem;text-align:left;border-bottom:1px solid #e6d8bf}.loc-table thead th{background:#f3e4c6;color:#6b4423;font-weight:700;letter-spacing:1px;border-bottom:2px solid #cda877;white-space:nowrap}.loc-table tbody tr:hover{background:#fbf3e0}.col-id{width:3rem;text-align:center;font-weight:700;color:#a9743f}.col-branch{font-weight:600;white-space:nowrap}.col-address{min-width:12rem}.phone-link{color:#4a3524;text-decoration:none}.phone-link:hover{text-decoration:underline}.map-btn{display:inline-block;white-space:nowrap;padding:.4rem .8rem;background:#7aa86b;color:#fff;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 2px 4px #283c1e4d;transition:transform .15s ease,background .15s ease}.map-btn:hover,.map-btn:focus-visible{background:#689059;transform:translateY(-2px);outline:none}.pencil{flex-shrink:0;width:clamp(34px,4vw,52px);height:auto;transform:rotate(9deg);filter:drop-shadow(0 6px 8px rgba(40,24,10,.35));animation:pencil-in .6s cubic-bezier(.3,1.1,.4,1) .2s both}@keyframes pencil-in{0%{opacity:0;transform:translate(46px) rotate(42deg)}to{opacity:1;transform:translate(0) rotate(9deg)}}.loc-table tbody tr{animation:row-in .5s ease both}.loc-table tbody tr:nth-child(1){animation-delay:.4s}.loc-table tbody tr:nth-child(2){animation-delay:.52s}.loc-table tbody tr:nth-child(3){animation-delay:.64s}@keyframes row-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.pencil{display:none}.board{max-width:100%}}@media(prefers-reduced-motion:reduce){.board,.pencil,.loc-table tbody tr{animation:none;opacity:1}.pencil{transform:rotate(9deg)}}.home{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.home__block{position:relative;min-height:100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:safe center;box-sizing:border-box;padding:clamp(1.5rem,6vh,3.5rem) 1rem}.home__inner{width:100%;max-width:900px;text-align:center;background:#fffdf5eb;border-radius:22px;padding:clamp(1.6rem,4vw,2.8rem);box-shadow:0 18px 44px #32200c33}.home__snap-end{position:absolute;left:0;bottom:0;width:1px;height:1px;scroll-snap-align:end;pointer-events:none}.home__reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.3,1)}.home__block.is-inview .home__reveal{opacity:1;transform:none}.home__title{margin:0 0 .8rem;font-size:clamp(1.5rem,4vw,2.2rem);color:#5a3d1f;letter-spacing:2px}.home__lead{margin:0 auto 1.4rem;max-width:40em;line-height:1.8;color:#6b4f2e;font-size:clamp(.95rem,2vw,1.1rem)}.home-cta-btn{display:inline-block;margin-top:.6rem;padding:.75rem 2.2rem;border:none;border-radius:999px;background:linear-gradient(180deg,#f6a24f,#ef7f3c);color:#fff;font:inherit;font-weight:700;font-size:clamp(1rem,2.2vw,1.15rem);letter-spacing:2px;cursor:pointer;box-shadow:0 8px 18px #d66c2866;transition:transform .15s ease,box-shadow .15s ease}.home-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px #d66c2880}.home__link-btn{margin-top:1.3rem;padding:.4rem 1rem;border:none;background:none;color:#c56a2a;font:inherit;font-weight:700;letter-spacing:1px;cursor:pointer}.home__link-btn:hover{text-decoration:underline}.home__block--hero{justify-content:flex-start;padding-top:clamp(.5rem,3vh,1.5rem)}.home__block--hero .hero__inner{position:relative;z-index:5;text-align:center}.home__scroll-hint{position:absolute;bottom:clamp(1rem,4vh,2.2rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 1.2rem .55rem;border:none;border-radius:999px;background:#fffdf5eb;color:#d9782f;font:inherit;font-weight:800;font-size:.92rem;letter-spacing:2px;cursor:pointer;box-shadow:0 6px 16px #32200c38;animation:home-hint 1.8s ease-in-out infinite}.home__scroll-hint:hover{background:#fffdf5}.home__scroll-arrow{font-size:1.5rem;line-height:.7;color:#ef7f3c}@keyframes home-hint{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.home__values{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,1.8rem)}.home__value{flex:1 1 180px;max-width:240px}.home__value-emoji{font-size:2.6rem;line-height:1}.home__value-name{margin:.5rem 0 .3rem;font-size:1.15rem;color:#5a3d1f;letter-spacing:3px}.home__value-desc{margin:0;color:#6b4f2e;font-size:.9rem;line-height:1.6}.home__features{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.9rem,2.5vw,1.5rem)}.home__feature{flex:1 1 160px;max-width:200px;padding:1.1rem .8rem;border-radius:14px;background:#f08a4f1a}.home__feature-emoji{font-size:2.2rem;line-height:1}.home__feature-name{margin:.4rem 0 .3rem;font-size:1.05rem;color:#5a3d1f}.home__feature-desc{margin:0;color:#6b4f2e;font-size:.85rem;line-height:1.55}.home__summer-banner{display:inline-block;margin:0 auto 1.3rem;padding:.55rem 1.3rem;border:none;border-radius:999px;background:linear-gradient(90deg,#ffb454,#ff8a5c);color:#fff;font:inherit;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 14px #d66c2859}.home__news{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.8rem,2vw,1.3rem)}.home__news-card{flex:1 1 220px;max-width:260px;text-align:left;padding:1rem 1.1rem;border-radius:12px;background:#fff;box-shadow:0 6px 14px #32200c1f}.home__news-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.home__news-date{font-size:.78rem;color:#9a815f}.home__news-cat{padding:.1rem .6rem;border-radius:999px;color:#fff;font-size:.72rem;font-weight:700}.home__news-title{margin:0 0 .35rem;font-size:1rem;color:#4a3216}.home__news-excerpt{margin:0;font-size:.85rem;line-height:1.55;color:#6b4f2e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home__news-empty{color:#6b4f2e}.home__phones{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.4rem}.home__phone{display:flex;flex-direction:column;align-items:center;padding:.6rem 1.1rem;border-radius:12px;background:#f08a4f1f;text-decoration:none;color:#5a3d1f}.home__phone-branch{font-size:.8rem;color:#8a6a3f}.home__phone-num{font-weight:700;letter-spacing:1px}@media(prefers-reduced-motion:reduce){.home{scroll-behavior:auto}.home__reveal{opacity:1;transform:none;transition:none}.home__scroll-hint{animation:none}}.contact{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.8rem,5vh,3.5rem) 1rem 3rem;perspective:1500px}.notebook{position:relative;width:min(560px,100%);margin-top:14px;background-color:#fffdf6;background-image:repeating-linear-gradient(transparent 0 33px,#96784621 33px,#96784621 34px);border-radius:8px 8px 12px 12px;padding:2.6rem 1.6rem 1.8rem 2.6rem;box-shadow:0 14px 30px #32200c52,inset 0 0 0 1px #785a321f}.notebook__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:8px 8px 12px 12px;display:flex;align-items:center;justify-content:center;color:#fff3dc;background-color:#9a6c3a;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 2px,transparent 2px 6px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 9px),linear-gradient(145deg,#b98a52,#9a6c3a 55%,#7c5228);box-shadow:inset 0 0 0 3px #fff7e024,inset 0 0 34px #00000047,0 14px 26px #32200c66;transform-origin:top center;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;animation:page-flip-up 1.25s cubic-bezier(.4,.1,.5,1) both}.notebook__cover:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px solid rgba(255,247,224,.3);border-radius:6px}.notebook__cover-label{position:relative;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:800;letter-spacing:6px;text-shadow:0 1px 0 rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.3)}.notebook__spiral{z-index:6}.notebook:before{content:"";position:absolute;top:10px;bottom:10px;left:1.7rem;width:2px;background:#d660548c}.notebook__spiral{position:absolute;top:-13px;left:0;right:0;display:flex;justify-content:space-around;padding:0 1.2rem}.notebook__spiral span{width:13px;height:24px;border-radius:7px;background:linear-gradient(180deg,#eef1f3,#b7bdc2 55%,#8f969c);box-shadow:inset 0 -3px 3px #00000040,0 3px 4px #00000040}.notebook__head{margin-bottom:1.2rem}.notebook__title{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);color:#6b4423;letter-spacing:2px}.notebook__subtitle{margin:.35rem 0 0;font-size:.9rem;color:#9a7b4f}.field{margin-bottom:1.1rem}.field label{display:block;margin-bottom:.3rem;font-weight:600;color:#6b4423;font-size:.95rem}.req{color:#d65a4f}.opt{font-size:inherit;font-weight:inherit;color:inherit}.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:1rem;color:#4a3524;background:transparent;border:none;border-bottom:2px dashed #cbb78e;padding:.4rem .2rem;transition:border-color .15s ease}.field textarea{border:2px dashed #cbb78e;border-radius:8px;resize:vertical;min-height:3.4rem}.field input::placeholder,.field textarea::placeholder{color:#bfa87f}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#a9743f;border-bottom-style:solid}.field textarea:focus{border-style:solid}.field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a9743f' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;padding-right:1.6rem}.gsel{position:relative;width:100%}.gsel__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:inherit;font-size:1rem;color:#4a3524;text-align:left;background:transparent;border:none;border-bottom:2px dashed #cbb78e;padding:.4rem .2rem;cursor:pointer;transition:border-color .15s ease}.gsel__trigger.is-open,.gsel__trigger:focus-visible{border-bottom-color:#a9743f;border-bottom-style:solid;outline:none}.gsel__trigger.is-placeholder{color:#bfa87f}.gsel__arrow{flex-shrink:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #a9743f;transition:transform .18s ease}.gsel__trigger.is-open .gsel__arrow{transform:rotate(180deg)}.gsel__list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;margin:0;padding:.35rem;list-style:none;background:#fffdf6;border:1px solid #e2d3ad;border-radius:10px;box-shadow:0 12px 26px #32200c4d;max-height:224px;overflow-y:auto;animation:gsel-in .16s ease}@keyframes gsel-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.gsel__option{display:flex;align-items:center;padding:.55rem .7rem;border-radius:7px;cursor:pointer;font-size:.95rem;color:#5a3d1f;border-bottom:1px dashed #ecdcbf}.gsel__option:last-child{border-bottom:none}.gsel__option.is-active{background:#f4e7cd}.gsel__option.is-selected{font-weight:700;color:#a9743f}.gsel__option.is-selected:after{content:"✓";margin-left:auto;font-size:.85rem}.recaptcha{margin:1.2rem 0 .6rem}.recaptcha__hint{margin:0;padding:.9rem 1rem;border:1px dashed #cbb78e;border-radius:8px;color:#9a7b4f;font-size:.9rem;background:#ffffff80}.form-msg{margin:.8rem 0;padding:.7rem .9rem;border-radius:8px;font-size:.92rem}.form-msg--ok{background:#e7f3e1;color:#3f6b30;border:1px solid #b6d7a6}.form-msg--error{background:#fbe9e7;color:#9c3a30;border:1px solid #e6b7b1}.submit-btn{display:block;width:100%;margin-top:1rem;padding:.8rem 1rem;font-size:1.05rem;font-weight:700;letter-spacing:2px;font-family:inherit;color:#fff;background:linear-gradient(180deg,#8aae6f,#6f9257);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 10px #32461e4d;transition:transform .15s ease,filter .15s ease}.submit-btn:hover:not(:disabled),.submit-btn:focus-visible:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);outline:none}.submit-btn:disabled{opacity:.65;cursor:default}@keyframes page-flip-up{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(-158deg) rotateY(-16deg) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.notebook{animation:none;opacity:1;transform:none}.notebook__cover{display:none}}.loading-wave{display:inline-flex;justify-content:center;align-items:flex-end;width:100%}.loading-wave__char{display:inline-block;white-space:pre;animation:loading-wave-bob 1.2s ease-in-out infinite both}@keyframes loading-wave-bob{0%,55%,to{transform:translateY(0)}27%{transform:translateY(-.4em)}}@media(prefers-reduced-motion:reduce){.loading-wave__char{animation:none}}.teachers{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,5vh,3rem) 1rem 3rem}.teachers__inner{width:100%;max-width:1020px}.teachers-loading{margin:0;padding:3rem 0;text-align:center;color:#6b5030;font-size:1rem;letter-spacing:2px}.nameplate{position:relative;width:fit-content;margin:28px auto 1.2rem;padding:.55rem 2.2rem .7rem;background:linear-gradient(180deg,#b98a52,#9a6c3a);border:3px solid #7c5228;border-radius:12px;box-shadow:0 10px 20px #32200c59,inset 0 2px 2px #ffffff40,inset 0 -3px 4px #0003;transform-origin:top center;animation:nameplate-swing .8s cubic-bezier(.3,1.1,.4,1) both}.nameplate__text{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;letter-spacing:5px;color:#fff7e8;text-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 3px rgba(0,0,0,.25)}.nameplate__hang{position:absolute;top:-22px;width:3px;height:24px;background:repeating-linear-gradient(45deg,#c9a06a 0,#c9a06a 4px,#b98d54 4px,#b98d54 8px);border-radius:2px;transform-origin:bottom center}.nameplate__hang:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:9px;height:9px;border-radius:50%;border:2px solid #cbb488;background:transparent}.nameplate__hang--l{left:24%;transform:rotate(9deg)}.nameplate__hang--r{right:24%;transform:rotate(-9deg)}.teacher-wall{background:linear-gradient(180deg,#9a6a38,#7c5228);border-radius:16px;padding:14px;box-shadow:0 22px 46px #32200c6b,inset 0 2px 3px #ffffff38,inset 0 -4px 5px #00000047}.teacher-wall__wood{border-radius:6px;padding:clamp(1.2rem,3vw,2rem) clamp(.9rem,2vw,1.4rem) clamp(1.6rem,3.5vh,2.4rem);box-shadow:inset 0 10px 18px #32200c4d,inset 0 0 0 1px #00000014;background-color:#d8b27f;background-image:repeating-linear-gradient(90deg,rgba(120,80,35,.05) 0 2px,transparent 2px 8px),repeating-linear-gradient(0deg,transparent 0 46px,rgba(80,52,20,.32) 46px 48px,rgba(255,255,255,.14) 48px 50px),linear-gradient(180deg,#dcb684,#cda668)}.gallery{display:flex;flex-direction:column;gap:clamp(1.5rem,4vh,2.6rem)}.clothesline{position:relative;padding-top:34px}.clothesline__rope{position:absolute;top:20px;left:2%;right:2%;height:4px;border-radius:4px;background:repeating-linear-gradient(45deg,#c9a06a 0,#c9a06a 5px,#b98d54 5px,#b98d54 10px);box-shadow:0 1px 2px #3c280f4d}.clothesline__rope:before,.clothesline__rope:after{content:"";position:absolute;top:50%;width:11px;height:11px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 35% 30%,#fff 0,#fff 15%,#9298a0 45%,#4c4f54);box-shadow:0 2px 3px #1e140880}.clothesline__rope:before{left:-6px}.clothesline__rope:after{right:-6px}.clothesline__cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(.6rem,1.6vw,1.2rem)}.polaroid{position:relative;width:clamp(150px,20vw,196px);margin-top:18px;padding:12px 12px 14px;background:#fffef9;border-radius:4px;box-shadow:0 8px 18px #32200c47;transform:rotate(var(--tilt, 0deg));transform-origin:top center;transition:transform .2s ease,box-shadow .2s ease;animation:polaroid-drop .6s cubic-bezier(.3,1.1,.4,1) both}.polaroid:hover{transform:rotate(0) translateY(-4px) scale(1.03);box-shadow:0 14px 26px #32200c59;z-index:3}.polaroid__pin{position:absolute;top:-17px;left:50%;transform:translate(-50%);width:15px;height:32px;background:linear-gradient(180deg,#e8c58a,#c8994f);border-radius:5px;box-shadow:0 3px 5px #32200c59,inset 0 -2px 3px #78501e4d;z-index:2}.polaroid__pin:after{content:"";position:absolute;top:14px;left:-2px;right:-2px;height:3px;background:#9aa0a6;border-radius:2px}.polaroid__photo{aspect-ratio:1 / 1;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.polaroid__avatar{font-size:clamp(3rem,7vw,4.4rem);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.polaroid__img{width:100%;height:100%;object-fit:cover;display:block}.polaroid__caption{padding:.7rem .2rem .2rem;text-align:center}.polaroid__name{margin:0;font-size:1.05rem;color:#5a3d1f}.polaroid__subject{display:inline-block;margin:.35rem 0;padding:.12rem .7rem;font-size:.8rem;font-weight:700;color:#fff;background:#a9743f;border-radius:999px}.polaroid__intro{margin:.2rem 0 0;font-size:.82rem;line-height:1.5;color:#7a5a34;text-align:left}@keyframes polaroid-drop{0%{opacity:0;transform:rotate(var(--tilt, 0deg)) translateY(-22px)}to{opacity:1;transform:rotate(var(--tilt, 0deg)) translateY(0)}}@media(prefers-reduced-motion:reduce){.polaroid{animation:none;opacity:1}}@media(max-width:480px){.clothesline__cards{flex-wrap:nowrap;gap:.5rem}.polaroid{flex:1 1 0;width:auto;min-width:0;max-width:196px}}.row-label{margin:1.7rem 0 .8rem;text-align:center;font-size:1.05rem;font-weight:700;letter-spacing:4px;color:#6b4423}.teacher-wall__wood>.row-label:first-child{margin-top:.2rem}.note-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.9rem,2.5vw,1.8rem);margin-top:clamp(1.4rem,3.5vh,2.2rem)}.wall-note{position:relative;font-family:inherit;cursor:pointer;width:clamp(140px,22vw,188px);padding:1.5rem 1rem 1.1rem;background:#fffef4;border:none;border-radius:3px;box-shadow:0 6px 12px #32200c47;text-align:center;transform:rotate(var(--tilt, -1.5deg));transition:transform .18s ease,box-shadow .18s ease;animation:note-pop .5s cubic-bezier(.3,1.25,.5,1) both}.wall-note:nth-child(odd){--tilt: -2deg}.wall-note:nth-child(2n){--tilt: 1.6deg}@keyframes note-pop{0%{opacity:0;transform:rotate(var(--tilt, -1.5deg)) scale(.5) translateY(-10px)}60%{opacity:1;transform:rotate(var(--tilt, -1.5deg)) scale(1.06)}to{opacity:1;transform:rotate(var(--tilt, -1.5deg)) scale(1)}}.wall-note:hover,.wall-note:focus-visible{transform:rotate(0) translateY(-3px) scale(1.03);box-shadow:0 14px 22px #32200c57;outline:none;z-index:2}.wall-note.is-open{transform:rotate(0) translateY(-1px);box-shadow:inset 0 0 0 2px var(--pin, #a9743f),0 8px 16px #32200c4d}.wall-note__pin{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 34% 32%,#fff 0 15%,var(--pin, #d65a4f) 45%,color-mix(in srgb,var(--pin, #d65a4f) 65%,#000) 100%);box-shadow:0 2px 3px #28180a66}.wall-note__title{display:block;font-size:1.15rem;font-weight:700;color:#5a3d1f;letter-spacing:1px}.wall-note__hint{display:block;margin-top:.45rem;font-size:.78rem;font-weight:700;color:var(--pin, #a9743f)}.lineup{margin:0 auto;max-width:640px;background:#fffdf4f0;border:2px dashed rgba(169,116,63,.55);border-radius:14px;padding:1rem 1.1rem 1.2rem}.lineup__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}.lineup__title{margin:0;font-size:1.05rem;color:#6b4423;letter-spacing:1px}.lineup__close{flex-shrink:0;font-family:inherit;cursor:pointer;background:#a9743f;color:#fff;border:none;border-radius:999px;padding:.35rem .85rem;font-size:.82rem;font-weight:700;transition:background .15s ease}.lineup__close:hover,.lineup__close:focus-visible{background:#8a5a2c;outline:none}.lineup__cards{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.mini-card{display:flex;flex-direction:column;align-items:center;width:clamp(94px,15vw,120px);background:#fff;border-radius:12px;padding:.7rem .5rem;box-shadow:0 3px 6px #32200c2e}.mini-card__avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.4rem;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.mini-card__img{width:100%;height:100%;object-fit:cover;display:block}.mini-card__name{font-size:.94rem;font-weight:700;color:#5a3d1f}.mini-card__subject{margin-top:.15rem;font-size:.75rem;color:#8a6a3f}@keyframes lineup-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mini-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes nameplate-swing{0%{opacity:0;transform:rotate(-5deg) translateY(-10px)}55%{opacity:1;transform:rotate(3deg)}78%{transform:rotate(-1.5deg)}to{opacity:1;transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.lineup,.mini-card,.nameplate,.wall-note{animation:none;opacity:1}}.courses{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,5vh,3rem) 1rem 3rem}.courses__inner{width:100%;max-width:880px}.chalkboard{background:linear-gradient(180deg,#9a6a38,#7c5228);border-radius:16px;padding:15px;box-shadow:0 22px 46px #32200c6b,inset 0 2px 3px #ffffff38,inset 0 -4px 5px #00000047;animation:board-in .5s ease both}.chalkboard__surface{position:relative;border-radius:8px;padding:clamp(1.4rem,4vw,2.6rem) clamp(1rem,3vw,2.2rem) 3rem;color:#fff;background-color:#33513f;background-image:radial-gradient(ellipse at 18% 12%,rgba(255,255,255,.07),transparent 52%),radial-gradient(ellipse at 82% 88%,rgba(255,255,255,.06),transparent 46%);box-shadow:inset 0 0 44px #00000073,inset 0 0 0 1px #0000004d}.chalk-title{margin:0;text-align:center;font-size:clamp(1.8rem,5vw,2.8rem);color:#fffdf5;letter-spacing:5px;text-shadow:0 0 2px rgba(255,255,255,.45);animation:chalk-write-on .6s steps(24,end) .35s both}.chalk-title:after{content:"";display:block;width:clamp(120px,30%,200px);height:3px;margin:.6rem auto 0;background:#ffffffbf;border-radius:3px;opacity:.8}.chalk-sub{margin:.5rem 0 1.5rem;text-align:center;color:#ffffffd1;letter-spacing:3px;font-size:clamp(.9rem,2vw,1.1rem);animation:chalk-write-on .5s steps(20,end) .95s both}.grade-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:1.4rem;margin:0 0 1.3rem;animation:chalk-write-on .5s steps(20,end) 1.1s both}.grade-tab{position:relative;background:none;border:none;cursor:pointer;font:inherit;font-size:clamp(1.1rem,3vw,1.5rem);letter-spacing:3px;padding:.35rem .8rem;color:#ffffff73;transition:color .15s ease}.grade-tab:hover{color:#fffc}.grade-tab.is-active{color:#fffdf5;text-shadow:0 0 2px rgba(255,255,255,.45)}.grade-tab.is-active:after{content:"";position:absolute;top:-3px;right:-4px;bottom:-3px;left:-4px;border:2px solid rgba(255,255,255,.8);border-radius:52% 48% 50% 50%/50% 52% 48% 50%;transform:rotate(-3deg);opacity:.85;pointer-events:none}.timetable-wrap{overflow-x:auto}.timetable{width:100%;min-width:480px;border-collapse:collapse;color:#fff;animation:chalk-write-fade 1.1s steps(40,end) 1.35s both}.timetable--instant{animation:none}.timetable th,.timetable td{border:1px solid rgba(255,255,255,.3);padding:.75rem .5rem;text-align:center}.timetable thead th{font-size:clamp(.95rem,2vw,1.15rem);letter-spacing:2px;color:#fff;padding-bottom:.6rem}.tt-time-head{color:#ffffffd9}.tt-time{font-size:.8rem;color:#fffc;white-space:nowrap;font-weight:600}.tt-time span{display:block;line-height:1.35}.tt-course{font-size:clamp(.9rem,1.9vw,1.05rem);font-weight:700;letter-spacing:1px;text-shadow:0 0 2px rgba(255,255,255,.25)}.chalk-note{margin:1.1rem 0 0;text-align:center;color:#fff9;font-size:.78rem;letter-spacing:1px}.grade-tab--summer.is-active{color:#ffe9a8;text-shadow:0 0 3px rgba(255,214,120,.6)}.grade-tab--summer.is-active:after{border-color:#ffe096d9}.summer{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.9rem,2.5vw,1.6rem);padding-top:.4rem}.summer__item{margin:0;max-width:320px;animation:summer-in .4s cubic-bezier(.3,1.05,.4,1) both}.summer__item a{display:block}.summer__img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 8px 18px #0006}.summer__caption{margin-top:.5rem;text-align:center;color:#fff;font-size:.9rem;letter-spacing:1px}@keyframes summer-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.summer__item{animation:none}}@keyframes board-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chalk-write-on{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes chalk-write-fade{0%{clip-path:inset(0 100% 0 0);opacity:0}55%{opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}.courses-loading{margin:0;padding:3.5rem 0;font-size:1rem;letter-spacing:2px}.chalk-stick{position:absolute;z-index:3;pointer-events:none}.chalk-stick__jit{display:block}.chalk-stick__body{position:relative;display:block;width:9px;height:30px;border-radius:3px 3px 4px 4px;background:linear-gradient(180deg,#fffef8,#f3efe2 70%,#e2dccd);box-shadow:0 2px 5px #0006,inset -1px 0 1px #0000001a;transform:rotate(-38deg);transform-origin:center}.chalk-stick__body:after{content:"";position:absolute;bottom:-3px;left:1px;width:7px;height:6px;border-radius:0 0 4px 5px;background:#d8d2c2}.chalk-stick--header{animation:chalk-hand-header 1.25s ease-in-out .35s both}.chalk-stick--header .chalk-stick__jit{animation:chalk-jitter .09s steps(2,end) .35s 12 both}.chalk-stick--courses{animation:chalk-hand-courses 1.5s linear 1.35s both}.chalk-stick--courses .chalk-stick__jit{animation:chalk-jitter .09s steps(2,end) 1.35s 16 both}.chalk-stick--courses .chalk-stick__body{animation:chalk-rotate-courses 1.5s linear 1.35s both}@keyframes chalk-hand-header{0%{opacity:0;left:37%;top:6%}8%{opacity:1}40%{left:61%;top:8%}54%{left:41%;top:20%}84%{left:60%;top:21%}to{opacity:0;left:66%;top:14%}}@keyframes chalk-hand-courses{0%{opacity:0;left:2%;top:52%}5%{opacity:1}73%{left:96%;top:52%}to{opacity:1;left:78%;top:95%}}@keyframes chalk-jitter{0%{transform:translate(0)}50%{transform:translate(.7px,-.7px)}to{transform:translate(-.7px,.6px)}}@keyframes chalk-rotate-courses{0%,73%{transform:rotate(-38deg)}to{transform:rotate(-92deg)}}.chalk-tray{position:absolute;left:10px;right:10px;bottom:7px;height:12px;border-radius:3px;background:linear-gradient(180deg,#c69a63,#a9743f 60%,#8a5a2c);box-shadow:0 -2px 4px #0000004d,inset 0 1px 1px #ffffff59;z-index:2}.chalk-eraser{position:absolute;left:32px;bottom:12px;width:48px;height:19px;border-radius:3px;background:linear-gradient(180deg,#8792a0,#6b7686 55%,#566072);box-shadow:0 3px 5px #0006;z-index:3;animation:eraser-nudge 6s ease-in-out 2.8s infinite}.chalk-eraser:after{content:"";position:absolute;top:-6px;left:0;right:0;height:8px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#d9b48a,#b98d54)}@keyframes eraser-nudge{0%,82%,to{transform:translate(0) rotate(0)}86%{transform:translate(7px) rotate(-3deg)}90%{transform:translate(3px) rotate(1deg)}94%{transform:translate(8px) rotate(-2deg)}98%{transform:translate(2px) rotate(0)}}@media(prefers-reduced-motion:reduce){.chalkboard,.chalk-title,.chalk-sub,.timetable{animation:none;opacity:1;clip-path:none}.chalk-stick{display:none}.chalk-eraser{animation:none}}.news{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,5vh,3rem) 1rem 3rem}.news__inner{width:100%;max-width:1000px}.news-label{position:relative;width:fit-content;max-width:100%;margin:0 auto clamp(1.3rem,3vw,1.9rem);padding:.9rem 2.4rem 1.05rem;background:#fffdf5;border-radius:4px;box-shadow:0 8px 16px #32200c47;text-align:center;animation:label-drop .5s cubic-bezier(.2,.8,.3,1) both}.news-label:before,.news-label:after{content:"";position:absolute;top:-11px;width:58px;height:22px;background:repeating-linear-gradient(45deg,#d2b4788c 0,#d2b4788c 6px,#e1c89680 6px,#e1c89680 12px);box-shadow:0 1px 2px #32200c33}.news-label:before{left:16px;transform:rotate(-6deg);transform-origin:center top;animation:tape-stick-left .45s cubic-bezier(.34,1.4,.5,1) .38s both}.news-label:after{right:16px;transform:rotate(6deg);transform-origin:center top;animation:tape-stick-right .45s cubic-bezier(.34,1.4,.5,1) .52s both}@keyframes label-drop{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tape-stick-left{0%{opacity:0;transform:translateY(-16px) rotate(-22deg) scale(1.12)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(-6deg) scale(1)}}@keyframes tape-stick-right{0%{opacity:0;transform:translateY(-16px) rotate(22deg) scale(1.12)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(6deg) scale(1)}}@media(prefers-reduced-motion:reduce){.news-label,.news-label:before,.news-label:after{animation:none;opacity:1}}.news__title{margin:0;text-align:center;font-size:clamp(1.5rem,3.6vw,2.2rem);color:#5a3d1f;letter-spacing:3px}.news__subtitle{margin:.3rem 0 0;text-align:center;color:#7a5a34;font-size:clamp(.9rem,1.9vw,1.05rem)}.news-board{width:100%;border-radius:12px;padding:16px;background-color:#c3c8ce;background-image:radial-gradient(circle at 15px 15px,#868d95 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 15px) 15px,#868d95 0 3px,transparent 4px),radial-gradient(circle at 15px calc(100% - 15px),#868d95 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),#868d95 0 3px,transparent 4px),linear-gradient(180deg,#ffffff8c,#fff0 34%,#00000024),repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 3px);box-shadow:0 22px 46px #282c3266,inset 0 2px 2px #ffffffb3,inset 0 -3px 5px #00000047}.news-board__felt{border-radius:4px;padding:clamp(1.4rem,3vw,2.2rem) clamp(1rem,2.5vw,1.8rem);background-color:#4f7a5b;background-image:radial-gradient(rgba(0,0,0,.14) .5px,transparent .6px),radial-gradient(rgba(255,255,255,.06) .5px,transparent .6px);background-size:3px 3px,4px 4px;background-position:0 0,1px 2px;box-shadow:inset 0 8px 18px #0006,inset 0 0 0 1px #00000040}.news-grid{--news-gap: clamp(1.2rem, 2.5vw, 1.8rem);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--news-gap)}.news-loading{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:#fffdf5;font-size:1.05rem;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.note{display:block;width:auto;flex:0 1 max(260px,calc((100% - 2 * var(--news-gap)) / 3));text-align:left;font-family:inherit;color:inherit;border:none;cursor:pointer;position:relative;background:#fffdf5;padding:1.5rem 1.1rem 1.1rem;border-radius:3px;box-shadow:0 7px 14px #0a1e0f66;transform:rotate(var(--tilt, 0deg));transform-origin:top center;transition:transform .18s ease,box-shadow .18s ease;animation:note-drop .5s cubic-bezier(.3,1.05,.4,1) both}.note:hover{transform:rotate(0) translateY(-4px) scale(1.03);box-shadow:0 16px 26px #0a1e0f73;z-index:2}.note__pin{position:absolute;top:-9px;left:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 15%,var(--pin, #d65a4f) 45%,color-mix(in srgb,var(--pin, #d65a4f) 65%,#000) 100%);box-shadow:0 3px 5px #00000073;animation:pin-in .32s cubic-bezier(.34,1.9,.5,1) both}.note__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.note__date{font-size:.82rem;color:#a58a63;font-weight:700;letter-spacing:.5px}.note__cat{font-size:.72rem;font-weight:700;color:#fff;background:var(--pin, #a9743f);padding:.12rem .6rem;border-radius:999px;white-space:nowrap}.note__title{margin:0 0 .4rem;font-size:1.08rem;line-height:1.4;color:#5a3d1f}.note__body{margin:0;font-size:.86rem;line-height:1.65;color:#7a5a34}.note__more{display:block;margin-top:.7rem;font-size:.78rem;font-weight:700;color:var(--pin, #a9743f)}.pager{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,1.8rem);margin-top:clamp(1.3rem,3vw,1.9rem)}.pager__btn{font-family:inherit;cursor:pointer;border:none;border-radius:3px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;color:#5a3d1f;background:#fffdf5;box-shadow:0 5px 10px #0a1e0f66;transform:rotate(-1deg);transition:transform .15s ease,box-shadow .15s ease}.pager__btn:last-child{transform:rotate(1deg)}.pager__btn:not(:disabled):hover{transform:rotate(0) translateY(-3px);box-shadow:0 10px 16px #0a1e0f73}.pager__btn:disabled{opacity:.5;cursor:default}.pager__dots{display:flex;gap:.7rem}.pager__dot{width:15px;height:15px;padding:0;border:none;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 34% 30%,#fff 0,#fff 16%,#d5dcd5 45%,#97a597);box-shadow:0 2px 3px #0006;transition:transform .15s ease}.pager__dot.is-active{background:radial-gradient(circle at 34% 30%,#fff 0,#fff 16%,#f0895c 45%,#b1552e);transform:scale(1.18)}.pager__dot:not(.is-active):hover{transform:scale(1.1)}@keyframes note-drop{0%{opacity:0;transform:rotate(calc(var(--tilt, 0deg) * 1.8)) translateY(-42px)}70%{opacity:1;transform:rotate(var(--tilt, 0deg)) translateY(5px)}to{opacity:1;transform:rotate(var(--tilt, 0deg)) translateY(0)}}@keyframes pin-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(2)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.note,.note__pin{animation:none;opacity:1}.note__pin{transform:translate(-50%)}}.extra-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:#19120a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.extra{position:relative;display:flex;flex-direction:column;width:100%;max-width:540px;max-height:min(86vh,660px);color:#33291c;background-color:#f4ebd5;background-image:repeating-linear-gradient(0deg,rgba(120,90,50,.04) 0 1px,transparent 1px 5px);border:1px solid #b7a377;border-radius:4px;box-shadow:0 30px 60px #00000080;overflow:hidden}.extra__banner{position:relative;flex-shrink:0;padding:.55rem 1rem;background:linear-gradient(180deg,#d0392a,#b32b1f);color:#fff;font-weight:800;letter-spacing:3px;text-align:center;font-size:clamp(.9rem,2.4vw,1.1rem);box-shadow:inset 0 -2px 3px #00000040}.extra__scroll{flex:1;overflow-y:auto;padding:1.1rem clamp(1.3rem,4vw,2.2rem) .4rem}.extra__content{margin-bottom:.9rem}.extra__p{margin:0 0 .9rem;font-size:.98rem;line-height:1.9}.extra__photo{position:relative;margin:.2rem 0 1rem;aspect-ratio:16 / 10;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:#503214cc;font-size:1.4rem;font-weight:700;box-shadow:inset 0 0 0 1px #0000000f,0 3px 6px #32200c26}.extra__photo em{font-size:.7rem;font-weight:600;font-style:normal;letter-spacing:1px;color:#50321499}.extra__img{display:block;width:100%;margin:.2rem 0 1rem;border-radius:8px;box-shadow:0 3px 6px #32200c33}.extra__dot{display:inline-block;width:9px;height:9px;margin-right:.5rem;border-radius:50%;background:#fff;box-shadow:0 0 #fffc;animation:extra-pulse 1.2s ease-out infinite;vertical-align:middle}.extra__close{position:absolute;top:50%;right:.7rem;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:1.5px solid rgba(255,255,255,.85);border-radius:2px;cursor:pointer;font-family:Songti TC,Times New Roman,serif;font-size:.95rem;line-height:1;color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 2px #ffffff26;transition:background .15s ease}.extra__close:hover{background:#ffffff47}.extra__meta{display:flex;justify-content:space-between;gap:.5rem;padding-bottom:.5rem;margin-bottom:.9rem;border-bottom:3px double #33291c;font-size:.76rem;letter-spacing:1px;color:#6b5a3f}.extra__kicker{display:inline-block;margin-bottom:.3rem;font-size:.9rem;font-weight:800;letter-spacing:1px;color:var(--c, #a9743f)}.extra__title{margin:0 0 .6rem;font-family:Songti TC,"Noto Serif TC",Times New Roman,serif;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:900;line-height:1.35;color:#2c2318}.extra__body{margin:0 0 .9rem;font-size:1rem;line-height:1.9}.extra__hint{margin:0;text-align:center;font-size:.78rem;letter-spacing:2px;color:#8a7048}.extra__nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem clamp(1.3rem,4vw,2.2rem) clamp(1.1rem,3vw,1.4rem);border-top:3px double #33291c;background-color:#f4ebd5}.extra__navbtn{font-family:inherit;cursor:pointer;background:none;border:none;padding:.2rem .3rem;color:#b32b1f;font-weight:800;letter-spacing:1px;font-size:.9rem}.extra__navbtn:not(:disabled):hover{text-decoration:underline}.extra__navbtn:disabled{color:#c7b795;cursor:default}.extra__count{font-size:.78rem;letter-spacing:1px;color:#6b5a3f}@keyframes extra-pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.page{position:relative;min-height:100vh;display:flex;flex-direction:column}.page--home{height:100dvh;min-height:0;overflow:hidden}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#f5efe0;background-image:url(/assets/background-_FxLO958.webp);background-size:contain;background-position:center top;background-repeat:no-repeat;transform:translateZ(0);will-change:transform}.hero{position:relative;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(.5rem,2vh,1rem) 1rem 2rem}.hero-deco{position:absolute;top:clamp(1.5rem,7vh,4.5rem);z-index:4;width:150px;height:150px}.hero-deco__balloons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-deco__balloons.is-up{animation:balloons-up .5s cubic-bezier(.45,0,.75,1) forwards}.hero-deco__balloons.is-gone{opacity:0}.hero-deco__balloons.is-down{animation:balloons-down .72s cubic-bezier(.2,.7,.3,1) both}@keyframes balloons-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-125vh);opacity:0}}@keyframes balloons-down{0%{transform:translateY(125vh);opacity:0}to{transform:translateY(0);opacity:1}}.hero-deco--left{left:clamp(2.5rem,11vw,13rem)}.hero-deco--right{right:clamp(2.5rem,11vw,13rem)}.balloon{position:absolute;width:var(--w, 42px);height:calc(var(--w, 42px) * 1.22);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.6),var(--c, #f7a8c4) 62%,color-mix(in srgb,var(--c, #f7a8c4) 82%,#000) 100%);box-shadow:inset -3px -5px 8px #00000014;transform-origin:bottom center;animation:balloon-float var(--dur, 4s) ease-in-out var(--delay, 0s) infinite}.balloon:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--c, #f7a8c4)}.balloon:before{content:"";position:absolute;top:calc(100% + 5px);left:50%;width:1px;height:26px;background:#785a3280;transform:translate(-50%)}.balloon--a{--c: #f4a3c0;--w: 46px;--dur: 4.2s;left:6px;top:4px}.balloon--b{--c: #ffd27a;--w: 38px;--dur: 5s;--delay: .6s;left:44px;top:22px}.balloon--c{--c: #8fd0cc;--w: 34px;--dur: 4.6s;--delay: 1.1s;left:20px;top:52px}.balloon--d{--c: #c3a6ea;--w: 44px;--dur: 4.8s;--delay: .3s;right:8px;top:6px}.balloon--e{--c: #ffb27a;--w: 36px;--dur: 5.4s;--delay: 1s;right:46px;top:30px}.balloon--f{--c: #9ed19a;--w: 32px;--dur: 5.2s;--delay: 1.4s;left:70px;top:58px}.balloon--g{--c: #f4b3d0;--w: 34px;--dur: 5.8s;--delay: 1.3s;right:24px;top:62px}@keyframes balloon-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}@media(max-width:768px){.hero-deco{display:none}}@media(prefers-reduced-motion:reduce){.balloon{animation:none}.hero-deco__balloons{animation:none!important;opacity:1!important}}.hero__inner{text-align:center;padding:.75rem 2.5rem 1rem;animation:hero-float 5s ease-in-out 1.6s infinite}.hero__title{margin:0;font-size:clamp(1.6rem,4vw,3rem);color:#5a3d1f;text-shadow:0 1px 2px rgba(255,255,255,.9),0 2px 8px rgba(255,250,240,.8);letter-spacing:2px}.hero__char{display:inline-block;opacity:0;transform:translateY(20px) scale(.8) rotate(-5deg);animation:char-pop .55s cubic-bezier(.22,1.4,.4,1) forwards}.hero__subtitle{margin:.75rem 0 0;font-size:clamp(1rem,2vw,1.3rem);color:#7a5a34;opacity:0;transform:translateY(12px);animation:hero-fade-up .7s ease 1s forwards}@keyframes char-pop{to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes hero-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.hero__inner,.hero__char,.hero__subtitle{animation:none;opacity:1;transform:none}}.placeholder{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(2rem,10vh,6rem) 1rem 3rem}.placeholder__board{text-align:center;background:#fffaf0bf;padding:2rem 3rem;border-radius:20px;border:3px solid rgba(176,125,69,.6);box-shadow:0 6px 16px #3c261040;color:#6b4423}.placeholder__board h1{margin:0 0 .5rem;letter-spacing:2px}.placeholder__board p{margin:0;color:#7a5a34}@media(max-width:768px){.page:before{background-image:url(/assets/background-mobile-CNcNt1Ah.webp);background-size:cover;background-position:center}.hero{padding:clamp(1.5rem,6vh,3.5rem) 1rem 2rem;align-items:flex-start}.hero__inner{padding:0 .5rem}.hero__title{font-size:clamp(1.7rem,8vw,2.3rem);letter-spacing:1px}.hero__subtitle{font-size:clamp(.95rem,4.2vw,1.15rem);margin-top:.5rem}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Huninn,Segoe UI,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;color:#4a3524;-webkit-font-smoothing:antialiased}#root{min-height:100vh}