:root{--knan2-orange:#F28C28;--knan2-slate:#455A64;--knan2-dark:#37474F;--knan2-text:#20252A}
.knan2-player{width:100%;margin:12px 0 18px;padding:10px 12px;box-sizing:border-box;border:1px solid #D9DFE2;border-radius:10px;background:#fff;color:var(--knan2-text);font-family:inherit;box-shadow:0 5px 18px rgba(31,46,54,.05)}
.knan2-player *{box-sizing:border-box}
.knan2-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.knan2-head>div{display:flex;flex-direction:column;min-width:0}
.knan2-head strong{font:900 9px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.14em!important;color:var(--knan2-dark)!important}
.knan2-head div>span{margin-top:3px;color:#6A777D;font-size:11px!important;line-height:1.2!important}
.knan2-mark{width:34px;height:28px;display:flex!important;align-items:center;justify-content:center;gap:2px;margin:0!important;border-radius:7px;background:var(--knan2-dark)}
.knan2-mark i{width:2px;border-radius:3px;background:var(--knan2-orange)}
.knan2-mark i:nth-child(1){height:7px}.knan2-mark i:nth-child(2){height:14px}.knan2-mark i:nth-child(3){height:20px}.knan2-mark i:nth-child(4){height:12px}.knan2-mark i:nth-child(5){height:8px}
.knan2-player.is-playing .knan2-mark i{animation:knan2Wave .65s ease-in-out infinite alternate}
.knan2-row{display:flex;align-items:center;gap:7px}
.knan2-row button{appearance:none;border:0;cursor:pointer}
.knan2-play{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--knan2-orange);color:#20252A;font-size:14px;font-weight:900}
.knan2-stop{width:30px;height:30px;border-radius:7px;background:#EDF1F2;color:#526169;font-size:9px}
.knan2-player.is-loading .knan2-play{font-size:0}
.knan2-player.is-loading .knan2-play:after{content:"";width:14px;height:14px;border:2px solid rgba(32,37,42,.25);border-top-color:#20252A;border-radius:50%;animation:knan2Spin .75s linear infinite}
.knan2-speed{margin-inline-start:auto;display:flex;align-items:center;gap:5px;color:#758188;font-size:9px!important}
.knan2-speed select{width:auto!important;min-width:58px;height:30px!important;padding:2px 22px 2px 7px!important;border:1px solid #D6DDE0!important;border-radius:7px!important;background:#fff!important;color:#35454D!important;font-size:10px!important}
.knan2-status{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:#6B787E;font-size:9px!important}
.knan2-status span,.knan2-status time{font-size:inherit!important}
.knan2-progress{position:relative;height:4px;margin-top:5px;overflow:hidden;border-radius:999px;background:#EDF0F1}
.knan2-progress i{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:var(--knan2-orange)}
[dir=rtl] .knan2-progress i{inset:0 0 0 auto}
.knan2-disclosure{margin-top:7px;color:#8A9499;font-size:8px!important}.knan2-disclosure b{display:inline-grid;place-items:center;min-width:24px;height:15px;padding:0 4px;margin-inline-end:4px;border-radius:4px;background:#F3F5F6;color:#647179;font:900 8px/1 Arial,sans-serif}
.knan2-player.is-error{border-color:#E5BABA}.knan2-player.is-error .knan2-status span{color:#A53C3C;font-weight:700}
.knan2-player.is-ready .knan2-play{box-shadow:0 0 0 4px rgba(242,140,40,.16)}

.knan2-admin{max-width:1100px}.knan2-admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:18px 0;padding:22px;border-radius:15px;background:linear-gradient(135deg,#37474F,#26363E);color:#fff}.knan2-admin-hero span{color:#F7B26F;font-size:10px;font-weight:900;letter-spacing:.17em}.knan2-admin-hero h1{margin:5px 0 6px;color:#fff}.knan2-admin-hero p{margin:0;color:rgba(255,255,255,.76)}.knan2-admin-hero>strong{color:#F28C28;white-space:nowrap}
.knan2-diagnostics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.knan2-diagnostics>div{padding:12px;border:1px solid #DDE3E6;border-radius:10px;background:#fff}.knan2-diagnostics span{display:block;color:#79868C;font-size:11px}.knan2-diagnostics strong{display:block;margin-top:4px;color:#33464F}
.knan2-testbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px;border:1px solid #DDE3E6;border-radius:10px;background:#fff}.knan2-testbar #knan2-test-status{color:#5F6D74;font-weight:600}.knan2-testbar audio{height:32px}
.knan2-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.knan2-admin-card{padding:18px;border:1px solid #DDE3E6;border-radius:13px;background:#fff}.knan2-admin-card h2{margin-top:0}.knan2-admin-card h3{margin:15px 0 7px}.knan2-admin-card>label:not(.knan2-check){display:block;margin:12px 0;font-weight:600}.knan2-admin-card input[type=text],.knan2-admin-card input[type=password],.knan2-admin-card input[type=number],.knan2-admin-card select,.knan2-admin-card textarea{width:100%;margin-top:5px}.knan2-check{display:flex;align-items:flex-start;gap:7px;margin:9px 0}.knan2-types{display:flex;flex-wrap:wrap;gap:5px 16px}
@keyframes knan2Wave{from{transform:scaleY(.55)}to{transform:scaleY(1.25)}}@keyframes knan2Spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.knan2-player{margin:9px 0 13px;padding:9px;border-radius:8px}.knan2-head strong{font-size:8px!important}.knan2-head div>span{font-size:10px!important}.knan2-speed{font-size:0!important}}
@media(max-width:782px){.knan2-admin-grid{grid-template-columns:1fr}.knan2-diagnostics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.knan2-player.is-playing .knan2-mark i{animation:none}}
/* 2.1: keyboard focus, readable controls, and reduced animation. */
.knan2-player button:focus-visible,.knan2-player select:focus-visible{outline:3px solid #134e80;outline-offset:3px}
.knan2-player .knan2-play,.knan2-player .knan2-stop{min-width:44px;min-height:44px}
.knan2-player .knan2-status,.knan2-player .knan2-speed,.knan2-player .knan2-disclosure{font-size:12px!important;color:#4c5960}
.knan2-player .knan2-speed select{font-size:13px!important;min-height:36px}
.knan2-player button:disabled{cursor:wait;opacity:.7}
@media(prefers-reduced-motion:reduce){.knan2-player *,.knan2-player *:after{animation:none!important;transition:none!important}}
/* 2.2 compact editorial audio console. */
.knan2-player.kn-suite-ui{padding:22px;border:1px solid #DCE4EA;border-radius:14px;background:#fff;color:#142C3B;box-shadow:0 8px 28px rgb(20 44 59/.07)}
.knan2-player.kn-suite-ui .knan2-head{gap:12px;margin-bottom:18px}.knan2-player.kn-suite-ui .knan2-head strong{font-size:10px!important;color:#536572!important;letter-spacing:.08em!important}.knan2-player.kn-suite-ui .knan2-head div>span{font-size:16px!important;line-height:1.6!important;color:#142C3B;margin-top:4px}.knan2-player.kn-suite-ui .knan2-mark{width:42px;height:42px;border-radius:12px;background:#142C3B;flex:none}.knan2-player.kn-suite-ui .knan2-mark i{background:#DB6D18}
.knan2-player.kn-suite-ui .knan2-row{flex-wrap:wrap;gap:10px}.knan2-player.kn-suite-ui .knan2-play{background:#DB6D18;color:#142C3B;width:48px;height:48px}.knan2-player.kn-suite-ui .knan2-stop,.knan2-player.kn-suite-ui .knan2-back,.knan2-player.kn-suite-ui .knan2-forward{min-width:44px;min-height:44px;padding:8px;border:1px solid #DCE4EA;border-radius:10px;background:#F6F7F9;color:#142C3B;font-size:12px}.knan2-player.kn-suite-ui .knan2-stop{font-size:11px}
.knan2-player.kn-suite-ui .knan2-speed{font-size:12px!important;gap:8px;color:#536572}.knan2-player.kn-suite-ui .knan2-speed select{min-height:40px;min-width:75px;border-radius:10px!important;color:#142C3B!important;font-size:14px!important}
.knan2-player.kn-suite-ui .knan2-seek-label{display:block;margin-top:18px;font-size:12px;color:#536572}.knan2-player.kn-suite-ui .knan2-seek{display:block;box-sizing:border-box;width:100%;margin:8px 0 0;padding:0;accent-color:#9d4a0d;height:24px}.knan2-player.kn-suite-ui .knan2-part{margin-top:8px;font-size:12px;color:#536572}.knan2-player.kn-suite-ui .knan2-status{margin-top:8px;font-size:12px!important;color:#536572}.knan2-player.kn-suite-ui .knan2-progress{background:#E8EDF1;height:4px}.knan2-player.kn-suite-ui .knan2-progress i{background:#DB6D18}.knan2-player.kn-suite-ui .knan2-disclosure{font-size:12px!important;color:#536572;margin-top:12px}
.knan2-player.kn-suite-ui .knan2-preferences{border-top:1px solid #DCE4EA;padding-top:12px;margin-top:16px;font-size:13px}.knan2-player.kn-suite-ui .knan2-preferences summary{cursor:pointer;color:#142C3B;font-weight:600}.knan2-player.kn-suite-ui .knan2-preferences label{display:flex;gap:8px;align-items:center;margin-top:12px;color:#536572}.knan2-player.kn-suite-ui .knan2-download{display:inline-block;margin-top:12px;color:#164b70;text-decoration:underline;overflow-wrap:anywhere}.knan2-player.kn-suite-ui [hidden]{display:none!important}.knan2-player.kn-suite-ui input:focus-visible,.knan2-player.kn-suite-ui summary:focus-visible,.knan2-player.kn-suite-ui a:focus-visible{outline:3px solid #142C3B;outline-offset:3px}
.knan2-admin.kn-suite-admin{max-width:1180px;color:#142C3B}.knan2-admin.kn-suite-admin .knan2-admin-hero{background:#fff;border:1px solid #DCE4EA;color:#142C3B;padding:26px;border-radius:14px;box-shadow:0 8px 28px rgb(20 44 59/.07)}.knan2-admin.kn-suite-admin .knan2-admin-hero h1{color:#142C3B;font-size:28px}.knan2-admin.kn-suite-admin .knan2-admin-hero p{color:#536572;font-size:14px}.knan2-admin.kn-suite-admin .knan2-admin-hero span,.knan2-admin.kn-suite-admin .knan2-admin-hero>strong{color:#78501b}.knan2-admin.kn-suite-admin .knan2-admin-card{padding:24px;border-color:#DCE4EA;border-radius:14px;box-shadow:0 8px 28px rgb(20 44 59/.07)}.knan2-admin.kn-suite-admin .knan2-diagnostics{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.knan2-admin.kn-suite-admin .knan2-diagnostics>div{padding:18px;background:#F6F7F9;border-color:#DCE4EA;border-radius:12px}.knan2-admin.kn-suite-admin .knan2-diagnostics span{font-size:12px;color:#536572}.knan2-admin.kn-suite-admin .knan2-diagnostics strong{font-size:15px;color:#142C3B;overflow-wrap:anywhere}.knan2-admin.kn-suite-admin .knan2-testbar{padding:18px;border-color:#DCE4EA;border-radius:12px}.knan2-admin.kn-suite-admin input[type=text],.knan2-admin.kn-suite-admin input[type=password],.knan2-admin.kn-suite-admin input[type=number],.knan2-admin.kn-suite-admin select,.knan2-admin.kn-suite-admin textarea{border-color:#a8b7c2;border-radius:8px;max-width:100%}.knan2-admin.kn-suite-admin .button-primary{background:#DB6D18;border-color:#a84c0d;color:#142C3B;font-weight:700}.knan2-admin.kn-suite-admin .description{color:#536572;line-height:1.65}
@media(max-width:520px){.knan2-player.kn-suite-ui{padding:18px}.knan2-player.kn-suite-ui .knan2-speed{width:100%;margin-inline-start:0;font-size:12px!important}.knan2-player.kn-suite-ui .knan2-row{gap:8px}.knan2-player.kn-suite-ui .knan2-head div>span{font-size:15px!important}.knan2-admin.kn-suite-admin .knan2-admin-hero{padding:18px;flex-wrap:wrap}.knan2-admin.kn-suite-admin .knan2-admin-card{padding:18px}}
.knan2-admin.kn-suite-admin .knan2-admin-card,.knan2-admin.kn-suite-admin .knan2-admin-card>label,.knan2-admin.kn-suite-admin .knan2-admin-card select{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}