:root{--mirae-release:"3.3.0"}
/* Explicitly replace the older center-layout rules as well as the split layout. */
.academy-login[data-layout]{width:100%;max-width:none;margin:0;gap:0;align-items:stretch;justify-content:normal;padding:0!important;grid-template-columns:minmax(0,1.2fr) minmax(390px,.85fr)}
.academy-login[data-layout]>.login-side{background:#fffdf6;width:100%;padding:40px!important;display:flex;align-items:center;justify-content:center}
.academy-login[data-layout]>.login-brand{width:100%;max-width:none;padding:clamp(30px,5vw,80px)!important}
.academy-login[data-layout] .field label{display:block}
.startup-brand{position:fixed;inset:0;z-index:1000;background:#10281f;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#cce8c5;overflow:hidden;animation:startup-away 2s forwards;pointer-events:auto}.startup-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#83b4a333 1px,transparent 1px),linear-gradient(90deg,#83b4a333 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(20deg) scale(1.3)}.startup-word{display:flex;gap:14px;font-size:clamp(46px,8vw,112px);font-weight:800;letter-spacing:-.08em;position:relative}.startup-word span{position:relative;animation:type-lock 1.5s both;text-shadow:0 0 30px #9fdda633}.startup-word span:nth-child(2){animation-delay:.09s}.startup-word span:nth-child(3){animation-delay:.18s}.startup-word span:nth-child(4){animation-delay:.27s}.startup-word span:before,.startup-word span:after{content:attr(data-letter);position:absolute;inset:0;opacity:0;animation:type-scan 1.3s}.startup-word span:before{color:#74d2b5;transform:translateX(-3px)}.startup-word span:after{color:#e5ebb0;transform:translateX(3px);animation-delay:.15s}.startup-brand>p{font:10px/1.5 Consolas,monospace;letter-spacing:.42em;margin-top:28px;color:#89b19a}.startup-line{position:absolute;width:40%;height:1px;background:#a9d8aa;animation:type-line 1.5s ease-out both;bottom:31%}@keyframes type-lock{0%{opacity:0;transform:translateY(18px) scale(.9);filter:blur(6px)}25%{opacity:1;transform:translateY(-3px);filter:blur(0)}40%{transform:translateX(2px)}60%,100%{opacity:1;transform:none}}@keyframes type-scan{15%,19%,35%,38%,60%{opacity:.7;clip-path:inset(35% 0 42% 0)}20%,34%,39%,59%,100%{opacity:0}}@keyframes type-line{from{width:0;opacity:0}to{width:40%;opacity:.7}}@keyframes startup-away{0%,83%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
.academy-login{height:100dvh!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(390px,.85fr);background:#edf2e7;overflow:hidden}.academy-login>.login-brand{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;background:#e2ead9;padding:clamp(30px,5vw,80px);border:0;position:relative;min-height:0;overflow:auto}.academy-login>.login-side{grid-column:2;grid-row:1;background:#fffdf6;padding:40px;display:flex;justify-content:center;align-items:center;border-left:1px solid #d5dfcb}.academy-login .login-form{width:100%;max-width:340px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.academy-wordmark{display:flex;align-items:center;gap:22px;border-bottom:1px solid #bacbb0;padding-bottom:25px}.academy-wordmark strong{font-size:29px;letter-spacing:-.07em;color:#264c38}.academy-wordmark>span{font-size:9px;letter-spacing:.11em;color:#6e8264}.academy-login .login-story{margin:clamp(30px,6vh,70px) 0 25px}.academy-label{font-size:11px;color:#6a7c5e}.academy-login .login-story h1{font-size:clamp(28px,3.2vw,48px);font-family:inherit;font-weight:600;letter-spacing:-.06em;line-height:1.35;margin-top:14px;max-width:540px}.academy-login .login-story p{font-size:13px;line-height:1.8;margin-top:18px;color:#73836c;max-width:450px}.academy-board{border-top:2px solid #627f54;border-bottom:1px solid #bacbb0;padding:15px 0 20px;position:relative;margin-top:6px}.board-label{display:flex;justify-content:space-between;font:9px/1.4 Consolas,monospace;letter-spacing:.09em;color:#74856c}.board-subjects{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px}.board-subjects>span{font-size:18px;border-right:1px solid #c3d0b9;padding-left:15px}.board-subjects>span:first-child{padding-left:0}.board-subjects>span:last-child{border:0}.board-subjects span span{display:block;font:8px/1.5 Consolas,monospace;color:#839379;margin-top:6px}.board-lines{display:flex;gap:5px;margin:20px 0 15px}.board-lines i{height:8px;flex:1;background:#c9d8be}.board-lines i:nth-child(2){background:#b6caa7}.board-lines i:nth-child(3){background:#8fae7c}.board-lines i:nth-child(4){background:#5e8259}.academy-board p{font-size:11px;color:#7d8c74}.academy-login .login-promotions{margin-top:24px}.academy-login .promotion-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.academy-login .promotion-links[data-count="1"]{grid-template-columns:1fr}.academy-login .promotion-links[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-login .promotion-link{background:#f3f6ed;border:1px solid #c2d0b6;min-height:48px;padding:10px;display:flex;gap:8px;align-items:center;border-radius:2px}.academy-login .promotion-index{display:none}.academy-login .promotion-link strong{font-size:12px;flex:1}.academy-footer{font-size:10px;margin-top:auto;padding-top:25px;color:#7a8b70}.academy-login .mobile-logo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 36px}.academy-login .mobile-logo strong{font-size:26px;color:#2d503b;letter-spacing:-.07em}.academy-login .mobile-logo>span{font-size:11px;color:#86957b}.login-kicker{font:9px/1.5 Consolas,monospace;color:#90a181;letter-spacing:.15em}.academy-login .login-form h2{font-size:26px;margin:10px 0 8px;font-weight:600}.academy-login .login-form .subtitle{font-size:12px;color:#7b8e71;margin-bottom:26px}.academy-login .field input{border-radius:3px;background:#fff;height:46px}.academy-login .login-submit{height:46px;border-radius:3px;justify-content:space-between;padding:10px 16px;margin-top:20px!important}.login-release{font:10px/1.5 Consolas,"Malgun Gothic",sans-serif;letter-spacing:0;color:#87917e;margin-top:16px}.release-failure{position:fixed;inset:0;z-index:1100;background:#fffef8;display:flex;align-items:center;justify-content:center;padding:25px}.release-failure>div{max-width:480px}.release-failure h1{font-size:22px;margin-bottom:14px}.release-failure p{margin-bottom:20px;line-height:1.8}
.makeup-alert{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;background:#fbf0cb;border:1px solid #d6bb62;border-left:5px solid #ae852a;margin-bottom:25px}.makeup-alert span{font-size:12px;color:#9a7016;font-weight:700}.makeup-alert h2{font-size:24px;margin:7px 0}.makeup-alert p{font-size:13px;color:#75653a}.makeup-tabs,.makeup-tools{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.makeup-tools input{flex:1;min-width:180px}.makeup-card-list{display:grid;gap:10px;margin-top:16px}.makeup-window,.makeup-target,.makeup-booking{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #d4dfcb;background:#fffefa}.makeup-window>div,.makeup-target>div,.makeup-booking-copy{flex:1;min-width:0}.makeup-window p,.makeup-target p,.makeup-booking p{margin:6px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.makeup-target small,.makeup-booking small{color:#79876e;font-size:11px}.makeup-booking-time{flex:0 0 130px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #d7dfd0;padding-right:14px}.makeup-booking-time strong{font-size:15px}.makeup-booking-time span{font-size:13px;color:#688057}.makeup-summary{display:flex;gap:18px;padding:14px 18px;background:#eaf1e1;color:#49683b}.makeup-subtitle{margin:24px 0 12px;font-size:18px}.makeup-family{max-width:850px}.makeup-family-card{padding:24px;background:#fffefa;border:1px solid #d1dcc9;margin-bottom:17px}.makeup-family-teacher{font-size:12px;color:#6c8657}.makeup-family-card h2{margin:7px 0 20px;font-size:21px}.makeup-family-card dl{display:grid;grid-template-columns:85px 1fr;gap:12px;font-size:13px}.makeup-family-card dt{color:#8b947b}.makeup-family-card dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.makeup-slot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px;margin-top:18px}.makeup-slot{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#eef5e7;border:1px solid #aabd9c;border-radius:3px;padding:12px;color:#3f6335}.makeup-slot span{font-size:11px}.makeup-slot strong{font-size:15px}.makeup-slot small{font-size:10px}.makeup-slot.closed{background:#f0f0eb;border-color:#ddd;color:#999;opacity:1}.makeup-confirmed{background:#e9f2e0;padding:15px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#486d37}.makeup-reminder{background:#faf0cc;color:#856523;border:1px solid #dbc984;padding:16px;margin-bottom:18px}
@media(max-width:760px),(pointer:coarse) and (max-width:1180px){
 .academy-login[data-layout]{padding:20px 22px 15px!important;gap:0;align-items:stretch;justify-content:flex-start}.academy-login[data-layout]>.login-side{padding:0!important;display:block!important;width:100%}.academy-login[data-layout]>.login-brand{padding:18px 0 0!important;width:100%;max-width:430px}
 body.at-login{height:var(--login-viewport,100dvh);overflow:hidden;overscroll-behavior:none;touch-action:manipulation}.academy-login,.academy-login[data-layout=center]{height:var(--login-viewport,100dvh)!important;display:flex!important;flex-direction:column!important;overflow:hidden;padding:20px 22px 15px;background:#e8f0df}.academy-login>.login-side{padding:0;flex:0 0 auto;display:block;order:0;min-height:0!important;background:none;border:0;width:100%}.academy-login .login-form{max-width:430px;margin:auto}.academy-login .mobile-logo{margin-bottom:16px;gap:2px;display:flex!important}.academy-login .mobile-logo strong{font-size:24px}.academy-login .mobile-logo span{font-size:10px}.academy-login .login-kicker,.academy-login .subtitle{display:none}.academy-login .login-form h2{font-size:19px;margin:0 0 15px}.academy-login .form-grid{gap:10px}.academy-login .field label{font-size:11px;margin-bottom:4px}.academy-login .field input{height:44px;font-size:16px}.academy-login .login-submit{height:44px;min-height:44px;margin-top:14px!important;font-size:14px}.academy-login .login-release{margin-top:10px;font-size:9px}.academy-login .login-release span{display:none}.academy-login>.login-brand{order:1;flex:1 1 auto;min-height:0!important;background:none;padding:18px 0 0;border:0;border-top:1px solid #c6d6b8;margin:18px auto 0;width:100%;max-width:430px;overflow:hidden;display:block!important}.academy-wordmark,.academy-label,.academy-board,.academy-footer,.academy-login .login-story{display:none!important}.academy-login .login-promotions{margin:0}.academy-login .promotion-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.academy-login .promotion-links[data-count="1"]{grid-template-columns:1fr!important}.academy-login .promotion-link{min-height:36px;padding:7px 9px}.academy-login .promotion-link strong{font-size:11px}.makeup-alert{display:block;padding:18px}.makeup-alert h2{font-size:20px}.makeup-alert .btn{margin-top:14px;width:100%}.makeup-tools .btn{font-size:11px;flex:1}.makeup-tabs .btn{font-size:12px;flex:1;padding:8px}.makeup-card-list{gap:8px}.makeup-window,.makeup-target,.makeup-booking{padding:13px;gap:9px;flex-wrap:wrap}.makeup-window>div,.makeup-target>div,.makeup-booking-copy{flex-basis:100%}.makeup-booking-time{border:0;flex-direction:row;align-items:center;flex-basis:100%;padding:0}.makeup-summary{font-size:12px;gap:10px;flex-wrap:wrap}.makeup-family-card{padding:18px}.makeup-family-card h2{font-size:18px}.makeup-family-card dl{grid-template-columns:68px 1fr;font-size:12px}.makeup-slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.makeup-slot{padding:10px}.makeup-slot strong{font-size:13px}
}
@media(max-height:660px) and (max-width:760px),(pointer:coarse) and (max-height:660px) and (max-width:1180px){.academy-login{padding-top:15px}.academy-login .mobile-logo{margin-bottom:9px}.academy-login .mobile-logo strong{font-size:22px}.academy-login .login-form h2{font-size:17px;margin-bottom:10px}.academy-login .field input{height:40px}.academy-login .login-submit{height:40px;min-height:40px;margin-top:10px!important}.academy-login>.login-brand{margin-top:12px;padding-top:12px}}
@media(max-height:470px) and (max-width:760px),(pointer:coarse) and (max-height:470px) and (max-width:1180px){.academy-login .mobile-logo>span,.academy-login .login-form h2,.academy-login>.login-brand{display:none!important}.academy-login .mobile-logo{margin-bottom:12px!important}.academy-login .mobile-logo strong{font-size:19px}.academy-login .form-grid{gap:8px}.academy-login>.login-side{align-items:center!important;display:flex!important;flex:1}}
html.login-keyboard .academy-login>.login-brand,html.login-keyboard .academy-login .login-form h2,html.login-keyboard .academy-login .mobile-logo>span{display:none!important}html.login-keyboard .academy-login .mobile-logo{margin-bottom:8px}html.login-keyboard .academy-login{padding-top:8px;padding-bottom:8px}
@media(prefers-reduced-motion:reduce){.startup-word span,.startup-word span:before,.startup-word span:after,.startup-line{animation:none}.startup-word span:before,.startup-word span:after{display:none}.startup-brand{animation:startup-away 2s forwards}}