/* Manga Academy growth record: presentation-only layer, no app hooks. */
:root{color:#342d38;background:#fcf6f8}
body{background:radial-gradient(circle at 8% 4%,#fff 0,transparent 40%),linear-gradient(160deg,#fff7f8,#f7eef4 65%,#f3f5fa);color:#342d38}
.wrap{max-width:1200px}
.top{min-height:88px;border-bottom:1px solid #eadce8;margin-bottom:22px}
.brand{color:#533b5b;letter-spacing:.02em}
.brand span{background:linear-gradient(140deg,#c16891,#865d9f);box-shadow:0 3px 12px #9d618855}
.panel,.metric,.hero{background:#fff;border:1px solid #eedee9;box-shadow:0 12px 36px #68476916;border-radius:25px}
.panel{padding:26px 32px}
.panel h2{color:#533b5b}
.panel p{color:#685c6b}
.button{background:#814b81;border-color:#814b81;color:white;border-radius:15px;min-height:48px}
.button:hover{filter:brightness(1.08)}
.button.ghost{background:#fff;border-color:#bca3bd;color:#533b5b}
.text-button{color:#714179}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #714179;outline-offset:3px}
.auth{max-width:1000px;min-height:570px;padding:48px 50% 45px 5%;margin:36px auto 55px;background:linear-gradient(110deg,#fff 50%,#f6e4ef 100%)}
.auth>*:not(.sun):not(.auth-art){position:relative;z-index:2}
.auth h1{font-size:clamp(28px,3vw,36px);line-height:1.3;color:#55375d}
.auth p{max-width:29rem}
.auth-art{position:absolute!important;inset:0 0 0 51%;overflow:hidden;border-radius:0 24px 24px 0;background:#f1dce9;z-index:1}
.auth-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:relative}
.auth .sun,.hero .sun{display:none}
.auth label{color:#453746;font-weight:700}
.auth input{background:#fff;border-color:#d6bed5}
.hero{min-height:245px;padding:48px 44% 45px 44px;background:linear-gradient(115deg,#fff,#fbeafa 68%);display:flex;flex-direction:column;justify-content:center}
.hero h1,.hero p{max-width:none;z-index:2;color:#55375d}
.hero p{color:#69566d}
.hero-art{position:absolute;inset:0 0 0 61%;overflow:hidden;background:#f2ddea}
.hero-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff 0,transparent 27%);pointer-events:none}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.summary{margin-top:24px}
.metric{border-color:#e9d5e4}
.scene{background-color:#f8eff7;border-color:#e3ccdf}
a{color:#683778}
a:hover{text-decoration-thickness:2px}
.scene{padding-top:190px;background-color:#e7efe2;background-image:linear-gradient(rgba(246,250,240,.20),rgba(246,250,240,.20)),url('/assets/manga-campus-garden-wide-v8.webp');background-position:center top,center top;background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat-y}
.scene:before{content:"";position:absolute;inset:0 0 auto;height:600px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(237,246,229,.14) 55%,#d6e6d2 100%),url('/assets/manga-school-courtyard-v6.webp') center top/cover no-repeat;z-index:-1;pointer-events:none}
.scene .scenery{display:none}
@media (max-width:760px){
 .wrap{padding:0 16px 48px}.top{min-height:70px}.brand{font-size:17px}
 .auth{min-height:0;margin:18px auto 35px;padding:0 22px 30px;background:#fff;display:flex;flex-direction:column}
 .auth-art{position:relative!important;inset:auto;width:calc(100% + 44px);height:180px;margin:0 -22px 23px;border-radius:23px 23px 0 0;order:-1}
 .auth-art img{object-position:center 27%}
 .auth h1{font-size:clamp(25px,7vw,34px)}
 .auth form{width:100%}
 .hero{min-height:0;padding:0 20px 24px;display:flex;flex-direction:column}
 .hero-art{position:relative;inset:auto;width:calc(100% + 40px);height:160px;margin:0 -20px 20px;order:-1}
 .hero-art:before{display:none}
 .hero-art img{object-position:center top}
 .hero h1,.hero p{max-width:100%}
 .panel{padding:22px 19px}
 .scene{padding-top:155px;background-image:linear-gradient(rgba(246,250,240,.18),rgba(246,250,240,.18)),url('/assets/manga-campus-garden-mobile-v8.webp');background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat-y}.scene:before{height:480px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}