@font-face{font-family:ComingSoon;src:url(/fonts/coming-soon.ttf)format("truetype");font-display:swap}@font-face{font-family:KimKongHae;src:url(/fonts/kimkonghae.ttf)format("truetype");font-display:swap}.request-form{position:relative}.language-picker{text-align:left;position:relative}.language-trigger{color:#414650;text-align:left;background:#fff;border:3px solid #1985bb;border-radius:24px;justify-content:space-between;align-items:center;gap:7px;width:100%;min-height:43px;padding:5px 10px;font-family:ComingSoon,sans-serif;font-size:16px;display:flex}.language-trigger span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chevron{font:24px/18px sans-serif}.picker-popover{z-index:20;background:#fffefa;border:2px solid #669db6;border-radius:13px;width:285px;min-width:100%;max-width:calc(100vw - 54px);padding:9px;font-family:Arial,sans-serif;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 12px 26px #253f492b}.picker-popover input{color:#343e41;background:#fff;border:1px solid #a6bfc9;border-radius:7px;width:100%;padding:11px 9px;font-size:16px}.language-options{overscroll-behavior:contain;max-height:238px;margin-top:5px;overflow-y:auto}.language-options button{text-align:left;color:#293e48;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:12px;width:100%;min-height:43px;padding:11px 8px;font-size:16px;display:flex}.language-options small{color:#5e6870;text-align:right;align-self:center;font-size:14px}.language-options .active,.language-options button:hover{background:#e5f2f8}.language-options .other-option{border-top:1px dashed #bbced4;margin-top:4px}.custom-language{background:#fff;border:1.5px solid #70a3b8;border-radius:9px;width:100%;margin-top:10px;padding:9px 12px;font-family:ComingSoon,Arial,sans-serif;font-size:17px}.request-button{color:#382522;background:#e98483;border:1.5px solid #426278;border-radius:8px;width:100%;margin-top:11px;padding:8px 10px;font-size:20px}.request-button:hover{background:#f09892}.form-message{margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:1.4}.form-message:not(:empty){background:#fffef6;border-radius:7px;margin-top:11px;padding:8px}.form-message.error{color:#973829}.form-message.success{color:#24614d}*{box-sizing:border-box}body{color:#172f2d;background:#c8d6ce;margin:0;font-family:KimKongHae,sans-serif}button,input{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}:is(a:focus-visible,button:focus-visible,input:focus-visible){outline-offset:5px;outline:3px solid #167e9c}.school-page{isolation:isolate;background-image:linear-gradient(#536f6726 1px,#0000 1px),linear-gradient(90deg,#536f6726 1px,#0000 1px);background-size:72px 72px;min-height:100svh;padding:70px 32px 0;position:relative;overflow:hidden}.school-header{z-index:1;max-width:800px;margin:0 auto;position:relative}.heading-strip{margin:0 20px;position:relative}.heading-strip>svg{filter:drop-shadow(6px 9px 2px #263b3540);width:100%;display:block}h1{color:#fff;text-align:center;justify-content:center;align-items:center;margin:0;padding:0 12px;font-family:ComingSoon,sans-serif;font-size:clamp(25px,4vw,43px);font-weight:400;line-height:1.15;display:flex;position:absolute;inset:0}.header-pony{width:125px;position:absolute;top:-25px;left:-62px;transform:rotate(-13deg)}.decor{pointer-events:none;position:absolute}.heart{width:155px;top:18px;right:-25px;transform:rotate(15deg)}.direction{justify-content:center;align-items:center;gap:24px;margin:14px auto 8px;display:flex}.down-arrow{filter:drop-shadow(2px 3px 1px #283d3655);width:48px;height:51px}.direction span{background:#fff;border:1px solid #596b64;border-radius:7px;padding:7px 18px;font-size:24px;box-shadow:4px 5px #344b4050}.course-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;max-width:850px;margin:6px auto 0;display:grid}.clipboard-link{color:#101c19;filter:drop-shadow(6px 8px 2px #253d3655);text-decoration:none;transition:transform .16s;display:block;position:relative}.clipboard-link svg{width:100%;display:block}.clipboard-link span{justify-content:center;align-items:center;font-size:clamp(36px,4.2vw,52px);display:flex;position:absolute;inset:20% 9% 24% 6%}.clipboard-link:hover{transform:translateY(-3px)}.clipboard-link:active{transform:scale(.97)}.community{grid-template-columns:1fr 1fr;align-items:end;gap:35px;max-width:850px;margin:50px auto 0;display:grid}.welcome{padding-top:80px;position:relative}.teacher{mix-blend-mode:multiply;width:100%;display:block}.yellow-button{filter:drop-shadow(4px 5px 2px #28382e44);width:90px;top:-16px;left:0;rotate:-15deg}.pink-button{filter:drop-shadow(4px 5px 2px #28382e44);width:80px;top:33px;right:0;rotate:12deg}.vote-card{background:#e8efd8;border:3px solid #4d5b50;margin-bottom:55px;padding:13px;position:relative;box-shadow:5px 5px #f7f7e9,8px 8px #536252,13px 14px 2px #35433d44}.vote-label{white-space:nowrap;background:#a8dfb7;padding:0 6px;font-size:25px;position:absolute;bottom:calc(100% + 8px);right:0}.vote-wing{z-index:-1;width:75px;position:absolute;top:0;right:-65px}.language-trigger{color:#172219;background:#eef4de;border:2px solid #53614c;min-height:48px;padding:6px 12px;font-family:KimKongHae,sans-serif;font-size:25px;font-weight:700}.picker-popover{width:300px;max-width:calc(100vw - 32px);inset:auto 0 calc(100% + 10px) auto}.request-button{background:#b8d6bd;font-size:23px}.form-message{white-space:pre-line}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:700px){.school-page{background-size:40px 40px;padding:64px 22px 0}.heading-strip{margin:0}.header-pony{width:74px;top:-20px;left:-22px}h1{padding-left:29px;font-size:clamp(22px,6vw,36px)}.heart{width:85px;top:0;right:-20px}.direction{justify-content:flex-end;gap:13px;margin:10px auto 6px}.direction span{padding:5px 10px;font-size:19px}.down-arrow{width:32px;height:35px}.course-links{grid-template-columns:1fr;gap:5px;max-width:300px;margin:0 auto}.clipboard-link span{font-size:38px}.community{grid-template-columns:.9fr 1.1fr;gap:12px;max-width:450px;margin:36px auto 0}.welcome{padding-top:48px}.yellow-button{width:55px;top:-18px;left:-10px}.pink-button{width:43px;top:25px;right:-6px}.teacher{width:140%;max-width:none;margin-left:-20px}.vote-card{margin-bottom:40px;margin-left:0;padding:7px}.vote-label{font-size:20px}.language-trigger{gap:3px;min-height:44px;padding:5px 7px;font-size:18px}.language-trigger span:first-child{white-space:normal}.vote-wing{width:43px;right:-27px}.request-button{font-size:19px}.custom-language{font-size:16px}.form-message{font-size:13px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.welcome{padding-top:105px}.teacher{mix-blend-mode:normal;width:75%;margin:0}.welcome-copy{color:#fff;text-shadow:2px 3px 2px #37483e99;text-align:center;margin:0;font-size:27px;line-height:1.05;position:absolute;top:40px;left:9%;transform:rotate(-12deg)}.teacher-name{font-size:25px;position:absolute;bottom:15px;right:0}@media (min-width:701px){.direction{min-height:58px;position:relative}.direction .down-arrow{position:absolute;left:50%;transform:translate(-50%)}.direction span{white-space:nowrap;position:absolute;left:calc(50% + 65px)}}@media (max-width:700px){.welcome{padding-top:88px}.teacher{width:115%;margin-left:-16px}.welcome-copy{white-space:nowrap;font-size:20px;top:33px;left:-7px}.teacher-name{font-size:17px;bottom:6px;right:-9px}}@media (min-width:701px){.vote-card{align-self:start;margin-top:105px;margin-bottom:0}}@media (max-width:700px){.community{padding-top:72px;position:relative}.vote-card{width:min(280px,100%);margin:0;position:absolute;top:0;right:0}.language-trigger span:first-child{white-space:nowrap}.welcome{grid-column:1;padding-top:48px}.welcome-copy{top:0}.yellow-button{top:24px}}.analytics-footer{text-align:center;padding:12px;font:12px Arial,sans-serif}.analytics-footer button{color:#344d42;background:0 0;border:0;padding:8px;text-decoration:underline}.analytics-notice{z-index:100;background:#fffef8;border:1px solid #698675;border-radius:12px;width:min(440px,100vw - 24px);max-height:60svh;padding:14px;font:13px/1.5 Arial,sans-serif;position:fixed;bottom:12px;left:12px;overflow:auto;box-shadow:0 4px 20px #233d3426}.analytics-notice p{margin:0 0 8px}.analytics-notice summary{cursor:pointer}.analytics-notice a{color:#206344;text-decoration:underline}.analytics-notice>div{gap:10px;margin-top:12px;display:flex}.analytics-notice button{color:#173c2a;background:#e8f0e8;border:1px solid #698675;border-radius:6px;flex:1;min-height:40px;font:14px Arial,sans-serif}
