body>header.compact-header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;min-height:80px!important;height:auto!important;padding:14px 32px!important;max-width:1280px;margin:auto;box-sizing:border-box}body>header.compact-header>.home-brand,body>header.compact-header>.brand,body>header.compact-header>.wordmark{order:0!important;flex-shrink:0;font-size:21px!important;margin:0!important;white-space:nowrap}.compact-header .brand-mascot{width:34px!important;height:44px!important;object-fit:contain}.compact-header .compact-actions{margin-left:auto!important;display:flex;align-items:center;gap:12px;order:1!important;min-width:0}.compact-header .menu-toggle{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);cursor:pointer;padding:0;order:0!important}.compact-header .header-login{white-space:nowrap;font-size:13px!important;padding:9px 13px!important;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);margin:0!important}.compact-header .theme-select{font-size:12px!important;max-width:130px;margin:0!important;padding:9px!important}.compact-dday,.compact-header .home-csat-dday{font-size:12px!important;color:var(--green);white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:6px 9px!important;font-weight:700}.compact-dday[hidden]{display:none}.usagi-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);height:100dvh;max-height:100dvh;max-width:88vw;padding:25px;border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--ink);box-sizing:border-box;overflow-y:auto;box-shadow:12px 0 50px #0002}.usagi-menu::backdrop{background:#0008}.menu-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:15px}.menu-top h2{font-size:20px;margin:0}.menu-close{font:inherit;font-size:29px;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}.usagi-menu nav{display:flex;flex-direction:column;gap:4px}.usagi-menu nav a,.usagi-menu nav button{display:block;padding:12px 14px;border-radius:8px;font:inherit;font-size:15px;text-decoration:none;color:var(--ink);text-align:left;background:transparent;border:0;cursor:pointer}.usagi-menu nav a:hover,.usagi-menu nav button:hover,.usagi-menu nav a[aria-current=page]{background:var(--soft);color:var(--green)}.menu-extras{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.menu-open{overflow:hidden}@media(max-width:600px){body>header.compact-header{padding:12px 14px!important;gap:8px!important;min-height:70px!important}.compact-header .brand-mascot{width:25px!important;height:34px!important}.compact-header .wordmark,.compact-header .brand{gap:5px!important;font-size:18px!important}.compact-header .compact-actions{gap:6px}.compact-header .menu-toggle{width:34px;height:36px}.compact-header .theme-select{max-width:100px;font-size:11px!important;padding:7px 4px!important}.compact-header .header-login{font-size:11px!important;padding:8px!important}.compact-dday,.compact-header .home-csat-dday{font-size:10px!important;padding:5px 6px!important}}@media(max-width:370px){.compact-header .brand-mascot{display:none}.compact-header .compact-actions{gap:4px}.compact-header .theme-select{max-width:90px}}

.usagi-menu .menu-group-title{font-size:11px;color:var(--muted);margin:18px 0 3px;padding-left:14px;line-height:1.5}.usagi-menu .menu-group-title:first-child{margin-top:2px}

/* Equal typography for the full name, kept on one line. */
.compact-header .wordmark,.compact-header .brand{gap:10px!important;align-items:center!important;letter-spacing:0!important}body>header .brand-text{display:block;white-space:nowrap;font-family:var(--study-font,'Apple SD Gothic Neo','Malgun Gothic',sans-serif);font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-1px;color:var(--ink)}
/* A single flex row at every width; reserve controls before sizing the name. */
body>header.compact-header>.home-brand,body>header.compact-header>.wordmark,body>header.compact-header>.brand{flex:1 1 auto;min-width:0}
.compact-header .home-brand{display:flex;align-items:center}
.compact-header .home-brand>.wordmark{flex:1 1 auto!important;min-width:0;max-width:100%;overflow:hidden}
body>header .brand-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.compact-header .compact-actions{flex:0 0 auto}
@media(max-width:1100px){body>header.compact-header{display:flex!important;flex-wrap:nowrap!important;padding:12px 16px!important;gap:10px!important}body>header .brand-text{font-size:clamp(18px,2.6vw,24px);letter-spacing:-.8px}.compact-header .wordmark,.compact-header .brand{gap:7px!important}.compact-header .brand-mascot{width:28px!important;height:38px!important}.compact-header .compact-actions{gap:8px}.compact-header .menu-toggle{width:36px;height:38px}.compact-header .header-login{font-size:12px!important;padding:8px!important}.compact-header .theme-select{font-size:12px!important;padding:8px 5px!important}.compact-dday,.compact-header .home-csat-dday{font-size:11px!important;padding:5px 7px!important}}
@media(max-width:600px){body>header.compact-header{gap:6px!important;padding:10px!important;min-height:64px!important}body>header .brand-text{font-size:14px;letter-spacing:-.6px}.compact-header .brand-mascot{width:22px!important;height:30px!important}.compact-header .wordmark,.compact-header .brand{gap:4px!important}.compact-header .compact-actions{gap:5px}.compact-header .header-login{font-size:10px!important;padding:7px 5px!important}.compact-header .theme-select{font-size:10px!important;width:83px;max-width:83px;padding:7px 2px!important}.compact-dday,.compact-header .home-csat-dday{font-size:10px!important;padding:5px!important}.compact-header .menu-toggle{width:30px;height:34px}}
@media(max-width:370px){.compact-header .brand-mascot{display:none}}