: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}.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-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:#030e27f0;border:1px solid #b4d3ff2e;border-radius:8px;grid-template-columns:1fr;gap:4px;width:min(272px,100vw - 32px);padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #030e2747}.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:#ffffffd6;text-align:left;background:#ffffff14;border:1px solid #0000;border-radius:8px;justify-content:flex-start;align-items:center;width:100%;min-height:36px;padding:0 10px;font-size:13px;line-height:1.25;display:inline-flex}.student-db-header nav a[aria-current=page],.student-db-header nav a.student-db-login-link{color:#fff;background:#1769e847}.student-db-header .logout-button{cursor:pointer;background:#ffffff1a;border-color:#ffffff1a}.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:#fffffff5;border-color:#3e7adc29;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:#0f1f3ac2;background:#1769e814}.public-students-page .student-db-header nav a[aria-current=page],.login-page .student-db-header nav a[aria-current=page],.public-students-page .student-db-header nav a.student-db-login-link,.login-page .student-db-header nav a.student-db-login-link{color:#1769e8;background:#1769e824}.public-students-page .student-db-header .logout-button,.login-page .student-db-header .logout-button{color:#1769e8;border-color:#1769e81a}}@media (max-width:480px){.student-db-brand{font-size:16px}.student-db-brand span{width:34px;height:34px}}