:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--foreground:#1a1a1a;--primary:#005bac;--secondary:#0097e6;--accent:#e6b422}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.bg-pattern{background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:20px 20px}.student-db-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#030e27c7;border-bottom:1px solid #b4d3ff2e;justify-content:space-between;align-items:center;min-height:84px;padding:18px clamp(24px,4.5vw,64px);display:flex;position:sticky;top:0}.student-db-brand{color:#fff;white-space:nowrap;flex:0 auto;align-items:center;gap:12px;min-width:0;font-size:24px;font-weight:900;text-decoration:none;display:inline-flex}.student-db-brand strong{font:inherit;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.student-db-brand span{color:#fff;background:linear-gradient(135deg,#147cff,#0bd3ff);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 10px 30px #147cff52}.student-db-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;display:flex}.student-db-menu{margin-left:auto;display:none}.student-db-menu-button{display:none}.student-db-menu-button::-webkit-details-marker{display:none}.student-db-header nav a{color:#ffffffc7;white-space:nowrap;font-size:15px;font-weight:900;text-decoration:none}.student-db-header nav a[aria-current=page]{color:#fff}.student-db-login-link,.student-db-header .logout-button{color:#061331;cursor:pointer;white-space:nowrap;background:#e6b422;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 12px 32px #e6b4223d}@media (max-width:960px){.student-db-desktop-nav{display:none}.student-db-header{flex-flow:row;align-items:center;gap:16px;min-height:64px;padding:10px 16px}.student-db-menu{flex:none;justify-content:flex-end;margin-left:auto;display:flex;position:relative}.student-db-menu-button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:42px;height:42px;padding:0;list-style:none;display:inline-flex}.student-db-menu-button span{background:currentColor;border-radius:999px;width:18px;height:2px;display:block}.student-db-header nav{z-index:30;background:#fff;border:1px solid #c9dcf4;border-radius:14px;grid-template-columns:1fr;gap:8px;width:min(272px,100vw - 32px);padding:10px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #11428033}.student-db-menu[open] nav{display:grid}.student-db-header nav::-webkit-scrollbar{display:none}.student-db-header nav a,.student-db-header .logout-button{box-shadow:none;color:#0f1f3a;text-align:left;background:#eef6ff;border:1px solid #d4e4f7;border-radius:10px;justify-content:flex-start;align-items:center;width:100%;min-height:48px;padding:0 14px;font-size:13px;line-height:1.25;display:inline-flex}.student-db-header nav a[aria-current=page],.student-db-header nav a:hover{color:#0b3f9f;background:#dcecff;border-color:#8dbcf4;box-shadow:inset 4px 0 #1769e8}.student-db-header nav a.student-db-login-link{color:#fff;background:#1769e8;border-color:#1769e8;justify-content:center}.student-db-header .logout-button{color:#0b3f9f;cursor:pointer;background:#fff;border-color:#b8d2ef;justify-content:center}.student-db-brand{flex:auto;gap:8px;font-size:18px}.student-db-brand span{width:36px;height:36px}.public-students-page .student-db-menu-button,.login-page .student-db-menu-button{color:#0f1f3a;background:#1769e814;border-color:#3e7adc2e}.public-students-page .student-db-header nav,.login-page .student-db-header nav{background:#fff;border-color:#c9dcf4;box-shadow:0 24px 60px #2069b229}.public-students-page .student-db-header nav a,.login-page .student-db-header nav a,.public-students-page .student-db-header .logout-button,.login-page .student-db-header .logout-button{color:#0f1f3a;background:#eef6ff;border-color:#d4e4f7}.public-students-page .student-db-header nav a.student-db-login-link,.login-page .student-db-header nav a.student-db-login-link{box-shadow:none;color:#fff;background:#1769e8;border-color:#1769e8}.public-students-page .student-db-header .student-db-menu nav a[aria-current=page]:not(.student-db-login-link),.login-page .student-db-header .student-db-menu nav a[aria-current=page]:not(.student-db-login-link){color:#0b3f9f;background:#dcecff;border-color:#8dbcf4;box-shadow:inset 4px 0 #1769e8}.public-students-page .student-db-header .logout-button,.login-page .student-db-header .logout-button{color:#0b3f9f;background:#fff;border-color:#b8d2ef}}@media (max-width:760px){button,summary,.student-hero-actions a,.public-card-actions a,.login-helper-link,.secondary-link{min-height:44px}.student-db-brand,.student-db-menu-button{min-width:44px;min-height:44px}.student-hero-actions a,.public-card-actions a,.login-helper-link,.secondary-link{align-items:center;display:inline-flex}}@media (max-width:480px){.student-db-brand{font-size:16px}.student-db-brand span{width:34px;height:34px}}