.ntk{--ntk-bg:#111827;--ntk-fg:#fff;--ntk-lbg:#dc2626;--ntk-lfg:#fff;--ntk-fs:15px;--ntk-h:46px;--ntk-r:8px;
	box-sizing:border-box;display:flex;align-items:stretch;width:100%;height:var(--ntk-h);margin:0;
	background:var(--ntk-bg);color:var(--ntk-fg);font-size:var(--ntk-fs);font-family:var(--ntk-ff,inherit);
	line-height:1.4;border-radius:var(--ntk-r);overflow:hidden;position:relative;z-index:99}
.ntk *{box-sizing:border-box}
.ntk--shadow{box-shadow:0 4px 14px rgba(0,0,0,.22)}
.ntk--sticky-top{position:sticky;top:0}
body.admin-bar .ntk--sticky-top{top:32px}
@media (max-width:782px){body.admin-bar .ntk--sticky-top{top:46px}}
.ntk--sticky-bottom{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:0}

.ntk__label{flex:none;display:flex;align-items:center;gap:.5em;padding:0 1.1em;background:var(--ntk-lbg);color:var(--ntk-lfg);font-weight:700;white-space:nowrap}
.ntk__icon{flex:none;width:20px;height:20px;animation:ntk-pulse 1.6s ease-in-out infinite}
.ntk__label--icon{padding:0 1em}
.ntk__label--icon .ntk__icon{width:24px;height:24px}
.ntk__viewport{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;position:relative;direction:ltr}
.ntk__track{display:flex;align-items:center;width:max-content;direction:ltr;will-change:transform}
.ntk__group{display:flex;flex:none;width:max-content;margin:0;padding:0;list-style:none}
.ntk .ntk__item{flex:none;display:flex;align-items:center;gap:.6em;margin:0;padding:0 1.5em;white-space:nowrap;position:relative;unicode-bidi:isolate;list-style:none}
.ntk .ntk__item::after{content:"";position:absolute;right:-2px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--ntk-lbg)}
.ntk a{color:inherit;text-decoration:none;box-shadow:none}
.ntk a:hover,.ntk a:focus-visible{text-decoration:underline}
.ntk__meta{font-size:.82em;opacity:.7}

.ntk__nav{flex:none;display:flex;direction:ltr;align-items:center;gap:4px;padding:0 8px}
.ntk__nav button{appearance:none;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:6px;
	background:rgba(255,255,255,.14);color:inherit;cursor:pointer;line-height:1;transition:background .15s}
.ntk__nav button:hover,.ntk__nav button:focus-visible{background:rgba(255,255,255,.28)}
.ntk__nav button[aria-pressed="true"]{opacity:.55}

/* rotate mode */
.ntk--rotate .ntk__track{width:100%}
.ntk--rotate .ntk__group{display:block;width:100%}
.ntk--rotate .ntk__item{display:none;white-space:normal;min-width:0;padding:0 1.2em}
.ntk--rotate .ntk__item.is-active{display:flex;animation:ntk-fade .45s ease}
.ntk--rotate .ntk__item::after{display:none}
.ntk--rotate .ntk__item a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ntk-notice{padding:10px 14px;background:#fff8e5;border:1px solid #f0c36d;color:#5c4400;border-radius:6px;font-size:14px}

@keyframes ntk-pulse{50%{opacity:.35}}
@keyframes ntk-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ntk__icon,.ntk--rotate .ntk__item.is-active{animation:none}}
@media (max-width:600px){
	.ntk{--ntk-fs:14px}
	.ntk__label{padding:0 .8em}
	.ntk .ntk__item{padding:0 1.1em}
	.ntk__source{display:none}
	.ntk__nav{padding:0 5px}.ntk__nav button{width:24px;height:24px}
}