/* KINOJO public shell v20260812.02 - the only owner of public topbar, drawer and notice geometry */
:root{
  --kinojo-shell-top:68px;
  --kinojo-shell-bottom:46px;
  --kinojo-shell-max:1720px;
  --kinojo-safe-top:76px;
  --kinojo-safe-bottom:54px;
  --kinojo-drawer-width:min(250px,calc(100vw - 16px));
}
body:not(.kinojo-page-admin){
  padding-top:calc(var(--kinojo-shell-top) + 12px)!important;
  padding-bottom:calc(var(--kinojo-shell-bottom) + env(safe-area-inset-bottom,0px) + 14px)!important;
}
.kinojo-topbar{
  position:fixed!important;inset:0 0 auto!important;z-index:10030!important;width:100%!important;
  min-height:var(--kinojo-shell-top)!important;margin:0!important;padding:0!important;transform:none!important;
  display:block!important;border:0!important;border-bottom:1px solid rgba(122,146,180,.22)!important;border-radius:0!important;
  background:rgba(250,252,255,.94)!important;box-shadow:0 8px 28px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-sizing:border-box!important;
}
.kinojo-topbar-shell{
  width:min(var(--kinojo-shell-max),100%);min-height:var(--kinojo-shell-top);margin:auto;padding:10px clamp(14px,2vw,34px);
  display:grid;grid-template-columns:minmax(230px,.9fr) minmax(460px,1.55fr) auto minmax(250px,.78fr);
  grid-template-areas:"left nav auth visit";align-items:center;gap:clamp(10px,1.4vw,24px);box-sizing:border-box;
}
.kinojo-top-left{grid-area:left;display:flex;align-items:center;gap:12px;min-width:0}
.kinojo-menu-toggle{appearance:none;width:38px!important;height:38px!important;display:grid;place-items:center;border:1px solid rgba(122,146,180,.24)!important;border-radius:12px!important;background:#fff!important;color:#334155;box-shadow:0 7px 18px rgba(15,23,42,.07)!important;cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease}.kinojo-menu-toggle:hover{transform:translateY(-1px);color:#2563eb;border-color:#93c5fd!important}.kinojo-menu-toggle:active{transform:scale(.96)}
.kinojo-menu-icon{width:20px;height:20px;display:block;overflow:visible}.kinojo-menu-icon circle{fill:currentColor}.kinojo-menu-icon .menu-dots,.kinojo-menu-icon .menu-lines{transition:opacity .18s ease,transform .18s ease;transform-origin:center}.kinojo-menu-icon .menu-lines{opacity:0;transform:scale(.78)}.kinojo-menu-icon .menu-lines path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}.kinojo-menu-toggle:hover .menu-dots,.kinojo-menu-toggle[aria-expanded="true"] .menu-dots{opacity:0;transform:scale(.78)}.kinojo-menu-toggle:hover .menu-lines,.kinojo-menu-toggle[aria-expanded="true"] .menu-lines{opacity:1;transform:scale(1)}
.kinojo-top-page{height:auto!important;max-width:none!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden!important}
.kinojo-top-page strong{font-size:18px!important;line-height:1.1!important;color:#14213a!important;font-weight:950!important;letter-spacing:-.035em!important}
.kinojo-top-page small{display:block!important;max-width:100%!important;margin-top:5px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;line-height:1!important;color:#73839b!important;font-weight:850!important;letter-spacing:.005em!important;white-space:nowrap!important}
.kinojo-top-nav{grid-area:nav;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:40px!important;padding:4px!important;border:1px solid rgba(122,146,180,.16)!important;border-radius:14px!important;background:rgba(255,255,255,.68)!important;min-width:0!important;box-sizing:border-box!important}
.kinojo-top-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;padding:0 11px!important;border-radius:10px!important;color:#516079!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;transition:.18s ease!important}
.kinojo-top-nav-link:hover{color:#1955ca!important;background:#edf4ff!important;transform:translateY(-1px)!important}
.kinojo-top-nav-link.active{color:#fff!important;background:linear-gradient(135deg,#2c6bea,#6b4ff7)!important;box-shadow:0 8px 18px rgba(56,89,225,.24)!important}
.kinojo-top-sanctuary-wrap{position:relative;display:inline-flex;align-items:center;height:30px}.kinojo-top-sanctuary-toggle{border:0;font-family:inherit;cursor:pointer}.kinojo-top-sanctuary-toggle i{font-style:normal;margin-left:4px}.kinojo-top-sanctuary-menu{position:absolute;top:calc(100% + 12px);left:50%;z-index:1300;display:none;min-width:224px;padding:8px;border:1px solid rgba(84,106,143,.2);border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.19);transform:translateX(-50%)}
.kinojo-top-sanctuary-menu.is-open{display:grid;gap:4px}.kinojo-top-sanctuary-menu a{display:flex;align-items:center;min-height:36px;padding:0 11px;border-radius:9px;color:#3d4d68;text-decoration:none;font-size:11px;font-weight:900}.kinojo-top-sanctuary-menu a:hover{color:#1d4ed8;background:#eef4ff}
.kinojo-top-center{grid-area:auth!important;height:38px!important;max-width:100%!important;min-width:0!important;padding:0 8px!important;border:1px solid rgba(122,146,180,.18)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;overflow:hidden!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:11px!important}
.kinojo-top-center button,.kinojo-top-center .admin-menu-wrap{flex:0 0 auto!important;font-family:inherit!important}.kinojo-auth-label{min-width:0!important}.kinojo-auth-profile{min-width:0!important;max-width:100%!important;gap:5px!important;font-family:inherit!important}.kinojo-auth-name{max-width:100px!important;color:#334155!important;font-family:inherit!important;font-size:11px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.025em!important}.kinojo-auth-role{height:20px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;border:1px solid #e2e8f0!important;border-radius:999px!important;background:#f8fafc!important;color:#64748b!important;font-family:inherit!important;font-size:9px!important;line-height:1!important;font-weight:850!important;letter-spacing:0!important;white-space:nowrap!important}.kinojo-auth-online{color:#22c55e!important;font-family:inherit!important;font-size:8px!important;line-height:1!important}
.kinojo-top-tools{display:none!important}
.kinojo-top-visitor-row{grid-area:visit!important;width:100%!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
.kinojo-visitor-statusbar{width:100%!important;max-width:360px!important;height:38px!important;margin:0!important;padding:0 12px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:7px!important;border:1px solid rgba(122,146,180,.18)!important;border-radius:12px!important;background:#fff!important;color:#34435c!important;box-shadow:none!important;font-size:10px!important}
.kinojo-visitor-statusbar .visit-side{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}.kinojo-visitor-statusbar .visit-today{justify-content:flex-end!important}.kinojo-visitor-statusbar .visit-text{display:flex!important;align-items:baseline!important;gap:4px!important}.kinojo-visitor-statusbar .visit-text b{color:#8794a8!important;font-size:9px!important}.kinojo-visitor-statusbar .visit-text strong{color:#22314a!important;font-size:10px!important}.kinojo-visitor-statusbar .visit-light{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;color:#64748b!important}.kinojo-visitor-statusbar .visit-light i{width:7px;height:7px;border-radius:50%;background:#94a3b8}.kinojo-visitor-statusbar .visit-light.is-ok i{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.kinojo-sanctuary-alert:not([hidden]){position:fixed;top:calc(var(--kinojo-shell-top) + 8px);right:18px;z-index:10020;display:flex;align-items:center;gap:6px;max-width:min(520px,calc(100vw - 36px));padding:8px 11px;border:1px solid #bfdbfe;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.12);color:#1e3a8a;text-decoration:none;font-size:11px}
.kinojo-notice-strip{position:fixed!important;inset:auto 0 0!important;z-index:10030!important;width:100%!important;min-height:var(--kinojo-shell-bottom)!important;margin:0!important;padding:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:linear-gradient(100deg,rgba(12,20,38,.98),rgba(22,38,78,.98) 52%,rgba(48,26,91,.97))!important;box-shadow:0 -8px 28px rgba(15,23,42,.16)!important;overflow:hidden!important;color:#fff!important;display:block!important;box-sizing:border-box!important}
.kinojo-notice-strip:before{content:"";position:absolute;inset:0 auto auto;width:100%;height:1px;background:linear-gradient(90deg,transparent,#60a5fa,#a78bfa,#67e8f9,transparent)}
.kinojo-notice-strip:after{display:none!important}
.kinojo-notice-shell{width:min(var(--kinojo-shell-max),100%);min-height:var(--kinojo-shell-bottom);margin:auto;padding:7px clamp(14px,2vw,34px);display:grid;grid-template-columns:auto 28px minmax(0,1fr) 28px auto;align-items:center;gap:8px;box-sizing:border-box}
.kinojo-notice-label{display:inline-flex;align-items:center;gap:7px;color:#9db0cb;font-size:10px;font-weight:950;letter-spacing:.12em;white-space:nowrap}.kinojo-notice-label i{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px #60a5fa}
.kinojo-notice-list{position:relative!important;width:100%!important;height:30px!important;display:block!important;overflow:hidden!important;min-width:0!important}
.kinojo-notice-list.is-leaving .kinojo-notice-item{opacity:0!important;transform:translateY(-12px)!important;transition:opacity .2s ease,transform .2s ease!important}.kinojo-notice-list.is-entering .kinojo-notice-item{animation:kinojoNoticeEnter .42s cubic-bezier(.22,.8,.28,1) both!important}@keyframes kinojoNoticeEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.kinojo-notice-item{width:100%!important;height:30px!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:9px!important;position:relative!important;inset:auto!important;opacity:1!important;transform:none!important;animation:none!important;color:#f8fafc!important;font-size:11px!important;font-weight:850!important}
.kinojo-notice-item strong{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 8px!important;border:1px solid rgba(96,165,250,.28)!important;border-radius:999px!important;background:rgba(59,130,246,.14)!important;color:#bfdbfe!important;font-size:10px!important;white-space:nowrap!important}.kinojo-notice-type-event strong{border-color:rgba(74,222,128,.3)!important;background:rgba(34,197,94,.13)!important;color:#bbf7d0!important}.kinojo-notice-type-alert strong{border-color:rgba(251,191,36,.3)!important;background:rgba(245,158,11,.13)!important;color:#fde68a!important}
.kinojo-notice-author{max-width:150px!important;color:#aebbd0!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.kinojo-notice-text{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;color:#fff!important}.kinojo-notice-text-inner{display:inline-block!important;padding:0!important;white-space:nowrap!important;transform:translateX(0);animation:none!important;will-change:transform}.kinojo-notice-text-inner.is-marquee-active{animation:kinojoNoticeAdaptive var(--notice-marquee-duration,8s) linear 1 forwards!important}.kinojo-notice-strip:hover .kinojo-notice-text-inner,.kinojo-notice-strip:focus-within .kinojo-notice-text-inner{animation-play-state:paused!important}@keyframes kinojoNoticeAdaptive{from{transform:translateX(0)}to{transform:translateX(var(--notice-marquee-distance,-260px))}}
.kinojo-notice-step,.kinojo-notice-detail-btn{height:28px!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:9px!important;background:rgba(255,255,255,.06)!important;color:#dce6f5!important;font-family:inherit!important;font-weight:900!important;cursor:pointer!important}.kinojo-notice-step{width:28px!important;padding:0!important;font-size:18px!important;line-height:1!important}.kinojo-notice-detail-btn{padding:0 10px!important;font-size:10px!important}.kinojo-notice-step:hover,.kinojo-notice-detail-btn:hover{background:rgba(96,165,250,.18)!important;border-color:rgba(96,165,250,.5)!important;color:#fff!important}.kinojo-notice-empty{display:grid;height:30px;align-items:center;color:#b6c2d5;font-size:11px;font-weight:850}.kinojo-notice-load-error{height:30px;display:flex;align-items:center;gap:8px;min-width:0;color:#cbd5e1;font-size:10px;font-weight:850}.kinojo-notice-load-error span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kinojo-notice-retry{flex:0 0 auto;height:24px;padding:0 8px;border:1px solid rgba(147,197,253,.38);border-radius:8px;background:rgba(59,130,246,.16);color:#dbeafe;font-family:inherit;font-size:9px;font-weight:950;cursor:pointer}.kinojo-notice-retry:hover,.kinojo-notice-retry:focus-visible{background:rgba(59,130,246,.3);color:#fff;outline:none}
.kinojo-common-drawer{position:fixed!important;inset:var(--kinojo-topbar-actual-height,var(--kinojo-shell-top)) 0 var(--kinojo-notice-actual-height,var(--kinojo-shell-bottom))!important;z-index:10025!important;background:rgba(15,23,42,.18)!important;backdrop-filter:blur(5px);visibility:hidden;pointer-events:none;transition:visibility 0s linear .28s}.kinojo-common-drawer.open,.kinojo-common-drawer.standalone-open{visibility:visible;pointer-events:auto;transition-delay:0s}.kinojo-drawer-panel{position:absolute!important;inset:0 auto 0 0!important;width:var(--kinojo-drawer-width)!important;max-width:calc(100vw - 16px)!important;height:auto!important;border:0!important;border-right:1px solid rgba(122,146,180,.25)!important;border-radius:0!important;background:linear-gradient(180deg,#fbfdff,#fff 18%,#f8faff)!important;box-shadow:16px 0 44px rgba(15,23,42,.16)!important;transform:translateX(-105%);transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.kinojo-common-drawer.open .kinojo-drawer-panel{transform:translateX(0)}.kinojo-common-drawer.standalone-open .kinojo-drawer-panel{transform:translateX(-105%);pointer-events:none}.kinojo-drawer-head{padding:14px 16px!important;border-top:1px solid rgba(96,165,250,.22)!important;background:linear-gradient(90deg,#f8fbff,#fff)!important}.kinojo-drawer-nav{flex:1 1 auto!important;min-height:0!important;padding:10px 10px 18px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#6d5ee7 #edf2ff;border-bottom:1px solid rgba(124,58,237,.13)}.kinojo-drawer-nav::-webkit-scrollbar{width:8px}.kinojo-drawer-nav::-webkit-scrollbar-track{background:linear-gradient(180deg,#f1f5ff,#faf7ff);border-left:1px solid rgba(122,146,180,.12)}.kinojo-drawer-nav::-webkit-scrollbar-thumb{border:2px solid #f1f5ff;border-radius:999px;background:linear-gradient(180deg,#3b82f6,#7c3aed)}.kinojo-drawer-nav>a,.kinojo-drawer-nav>.kinojo-drawer-link,.kinojo-drawer-nav>.kinojo-drawer-action,.kinojo-drawer-sanctuary-list>a{height:auto!important;min-height:35px!important;padding:8px 3px!important;line-height:1.45!important;overflow:visible!important;white-space:normal!important;word-break:keep-all;box-sizing:border-box}.kinojo-drawer-nav>[hidden],.kinojo-drawer-sanctuary-list>[hidden]{display:none!important}.kinojo-side-panel{position:absolute!important;left:var(--kinojo-drawer-width)!important;top:0!important;bottom:0!important;width:min(440px,calc(100vw - var(--kinojo-drawer-width)))!important;height:auto!important;display:flex!important;flex-direction:column!important;border:0!important;border-right:1px solid rgba(122,146,180,.24)!important;border-radius:0!important;background:linear-gradient(180deg,#fbfdff,#fff)!important;box-shadow:16px 0 44px rgba(15,23,42,.14)!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-18px);transition:.24s ease}.kinojo-side-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}.kinojo-side-panel.standalone{left:0!important;width:min(440px,92vw)!important;transform:translateX(-105%)}.kinojo-side-panel.standalone.open{transform:translateX(0)}
@media(max-width:1180px){.kinojo-topbar-shell{grid-template-columns:minmax(210px,.9fr) minmax(360px,1.45fr) auto}.kinojo-top-visitor-row{display:none!important}.kinojo-top-nav-link{padding:0 8px!important}.kinojo-top-center{justify-self:end!important}}
body.kinojo-page-mobile{--kinojo-shell-top:62px;--kinojo-shell-bottom:50px}
body.kinojo-page-mobile .kinojo-topbar-shell{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left auth";gap:8px;padding:9px 12px}
body.kinojo-page-mobile .kinojo-top-nav,body.kinojo-page-mobile .kinojo-top-visitor-row{display:none!important}body.kinojo-page-mobile .kinojo-top-left{gap:9px}body.kinojo-page-mobile .kinojo-menu-toggle{width:38px!important;height:38px!important}body.kinojo-page-mobile .kinojo-top-page strong{font-size:16px!important}body.kinojo-page-mobile .kinojo-top-page small{font-size:9px!important;max-width:56vw!important}body.kinojo-page-mobile .kinojo-auth-label{display:none!important}body.kinojo-page-mobile .kinojo-top-center{height:38px!important;padding:0 5px!important;background:transparent!important;border:0!important;overflow:visible!important}body.kinojo-page-mobile .kinojo-login-btn,body.kinojo-page-mobile .kinojo-logout-btn,body.kinojo-page-mobile .admin-menu-btn{height:32px!important;padding:0 9px!important;font-size:10px!important}
body.kinojo-page-mobile .kinojo-notice-shell{grid-template-columns:24px minmax(0,1fr) 24px auto;gap:5px;padding:7px 8px}body.kinojo-page-mobile .kinojo-notice-label{display:none}body.kinojo-page-mobile .kinojo-notice-step{width:24px!important;height:28px!important}body.kinojo-page-mobile .kinojo-notice-detail-btn{padding:0 8px!important}body.kinojo-page-mobile .kinojo-notice-item{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:14px 14px!important;gap:0 6px!important}body.kinojo-page-mobile .kinojo-notice-item strong{grid-row:1/3!important;height:25px!important;padding:0 7px!important}body.kinojo-page-mobile .kinojo-notice-author{grid-column:2!important;font-size:9px!important}body.kinojo-page-mobile .kinojo-notice-text{grid-column:2!important;font-size:10px!important}body.kinojo-page-mobile .kinojo-side-panel{left:0!important;width:100%!important;transform:translateX(105%)!important}body.kinojo-page-mobile .kinojo-side-panel.open{transform:translateX(0)!important}body.kinojo-page-mobile .kinojo-sanctuary-alert:not([hidden]){top:calc(var(--kinojo-shell-top) + 6px);right:8px;left:8px;max-width:none}
@media(max-width:1080px){
  :root{--kinojo-shell-top:62px;--kinojo-shell-bottom:50px}
  .kinojo-topbar-shell{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left auth";gap:8px;padding:9px 12px}
  .kinojo-top-nav,.kinojo-top-visitor-row{display:none!important}.kinojo-top-left{gap:9px}.kinojo-menu-toggle{width:38px!important;height:38px!important}.kinojo-top-page strong{font-size:16px!important}.kinojo-top-page small{font-size:9px!important;max-width:56vw!important}.kinojo-auth-label{display:none!important}.kinojo-top-center{height:38px!important;padding:0 5px!important;background:transparent!important;border:0!important}.kinojo-login-btn,.kinojo-logout-btn,.admin-menu-btn{height:32px!important;padding:0 9px!important;font-size:10px!important}
  .kinojo-notice-shell{grid-template-columns:24px minmax(0,1fr) 24px auto;gap:5px;padding:7px 8px}.kinojo-notice-label{display:none}.kinojo-notice-step{width:24px!important;height:28px!important}.kinojo-notice-detail-btn{padding:0 8px!important}.kinojo-notice-item{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:14px 14px!important;gap:0 6px!important}.kinojo-notice-item strong{grid-row:1/3!important;height:25px!important;padding:0 7px!important}.kinojo-notice-author{grid-column:2!important;font-size:9px!important}.kinojo-notice-text{grid-column:2!important;font-size:10px!important}.kinojo-side-panel{left:0!important;width:100%!important;transform:translateX(105%)!important}.kinojo-side-panel.open{transform:translateX(0)!important}.kinojo-sanctuary-alert:not([hidden]){top:calc(var(--kinojo-shell-top) + 6px);right:8px;left:8px;max-width:none}
}
@media(max-width:420px){.kinojo-topbar-shell,body.kinojo-page-mobile .kinojo-topbar-shell{gap:6px;padding:8px}.kinojo-top-left,body.kinojo-page-mobile .kinojo-top-left{gap:7px}.kinojo-top-page strong,body.kinojo-page-mobile .kinojo-top-page strong{font-size:15px!important}.kinojo-login-btn,.kinojo-logout-btn,.admin-menu-btn,body.kinojo-page-mobile .kinojo-login-btn,body.kinojo-page-mobile .kinojo-logout-btn,body.kinojo-page-mobile .admin-menu-btn{padding:0 8px!important}}
@media(max-width:350px){.kinojo-top-page small,body.kinojo-page-mobile .kinojo-top-page small{display:none!important}.kinojo-menu-toggle,body.kinojo-page-mobile .kinojo-menu-toggle{width:36px!important;height:36px!important}.kinojo-login-btn,.kinojo-logout-btn,.admin-menu-btn,body.kinojo-page-mobile .kinojo-login-btn,body.kinojo-page-mobile .kinojo-logout-btn,body.kinojo-page-mobile .admin-menu-btn{height:30px!important;padding:0 6px!important;font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.kinojo-notice-text-inner.is-marquee-active{animation-duration:.01ms!important;animation-iteration-count:1!important}.kinojo-drawer-panel{transition:none!important}}