/* Secret Keyboard Lab 1.4 — a neon research station. Static decoration only. */
:root{
  color-scheme:dark;
  --ink:#ecf5ff;--night:#070c1b;--muted:#a8bcd4;--paper:#101c32;
  --purple:#b89aff;--lime:#6affd4;--line:#294664;
  --cyber-cyan:#65edff;--cyber-pink:#ff83d5;--cyber-panel:#101c32;
  --cyber-deep:#0b1426;--cyber-edge:#294664;
}
html,body{background:#070c1b;color:var(--ink)}
body{background-image:radial-gradient(ellipse at 8% 0,#16335466,transparent 45%),radial-gradient(ellipse at 96% 18%,#42266b44,transparent 45%)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyber-cyan);outline-offset:4px}
.skl{
  background-color:#0b1325;
  background-image:linear-gradient(#65edff06 1px,transparent 1px),linear-gradient(90deg,#65edff06 1px,transparent 1px),radial-gradient(ellipse at 100% 0,#8d54d918,transparent 55%);
  background-size:40px 40px,40px 40px,100% 100%;
  border-inline:1px solid #243751;
}
.skl .skl-header{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(110deg,#10233c 0%,#111a34 57%,#2b1847 100%);
  border-top:3px solid var(--cyber-cyan);border-bottom:1px solid #507498;
  box-shadow:0 6px 25px #02050d55;
}
.skl .skl-header::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(135deg,transparent 69%,#65edff11 69%,#65edff11 69.5%,transparent 69.5%),linear-gradient(135deg,transparent 77%,#b89aff15 77%,#b89aff15 78%,transparent 78%),repeating-linear-gradient(0deg,transparent 0,transparent 7px,#97ddff04 8px);
}
.skl .skl-header::after{content:"";position:absolute;bottom:0;left:34px;width:100px;height:3px;background:var(--cyber-pink);box-shadow:116px 0 var(--cyber-cyan);pointer-events:none}
.skl .skl-logo{border-color:var(--cyber-cyan);border-radius:6px 15px 6px 15px;color:var(--cyber-cyan);background:#06192d;box-shadow:0 0 20px #65edff22,inset 0 0 18px #65edff12}
.skl .skl-logo span{color:var(--cyber-pink);text-shadow:0 0 15px #ff83d555}
.skl .skl-header .skl-eyebrow{color:var(--cyber-cyan);letter-spacing:.18em}
.skl h1{color:#f2f7ff;text-shadow:0 2px 0 #091428;letter-spacing:.05em}
.skl h1 rt{color:#c8ccff}
.skl .skl-lab-badge{margin-left:auto;padding-left:20px;border-left:1px solid #6a5b8b;display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.skl .skl-lab-badge b{font:700 17px ui-monospace,Consolas,monospace;letter-spacing:.15em;color:var(--cyber-pink)}
.skl .skl-lab-badge span{font-size:10px;color:#c1cde2}
.skl .skl-icon-button{background:#18233e;color:#d2e7ff;border-color:#607798!important;border-radius:5px 11px 5px 11px}
.skl .skl-icon-button:hover{background:#223657;border-color:var(--cyber-cyan)!important}
.skl .skl-toolbar{background:#0d182b;border-color:#35506e;box-shadow:0 4px 0 #04091344}
.skl .skl-toolbar nav button{color:#9aaeca}
.skl .skl-toolbar nav button span{color:#c5d1e5}
.skl .skl-toolbar nav button:hover span{color:#fff}
.skl .skl-toolbar nav button[aria-current="page"]{color:var(--cyber-cyan);border-bottom-color:var(--cyber-cyan)}
.skl .skl-toolbar nav button[aria-current="page"] span{color:#f0fdff;text-shadow:0 0 14px #65edff33}
.skl .skl-total{color:#c8d8ec}
.skl .skl-total b,.skl .skl-total i{color:var(--lime)}
.skl .skl-total>span{color:var(--muted)}
.skl .skl-researcher{padding:8px 0 12px;border-bottom:1px solid #294664}
.skl .skl-researcher .skl-eyebrow{color:var(--cyber-cyan);font-size:9px;letter-spacing:.02em}
.skl .skl-mascot{filter:drop-shadow(0 0 12px #65edff20)}
.skl .skl-researcher strong{color:#e9f7ff}
.skl .skl-picker>summary{color:#d5e7fa}
.skl .skl-picker>summary>span{color:#acc5df}
.skl .skl-lesson{border:1px solid #243e58!important;border-radius:4px 10px 4px 10px;background:#101e33;color:#dbeafa;transition:background .15s,border-color .15s}
.skl .skl-lesson:hover{background:#192d46;border-color:#50789b!important}
.skl .skl-lesson.is-selected{background:linear-gradient(100deg,#143846,#152b44);border-color:#65edff99!important;box-shadow:inset 3px 0 var(--cyber-cyan),0 0 16px #65edff0d;color:#f2ffff}
.skl .skl-lesson-num{color:#87a6c4}
.skl .skl-lesson.is-selected .skl-lesson-num{color:var(--cyber-cyan)}
.skl .skl-lesson small{color:#adc0d6}
.skl .skl-check{color:#7895b2}
.skl .skl-lesson.is-found .skl-check{color:var(--lime)}
.skl .skl-sidebar-note{color:#a6b9d0;border-color:#345676}
.skl .skl-sidebar-note>span{color:var(--cyber-pink)}
.skl .skl-experiment-heading{border-bottom:1px solid #2c415b;padding-bottom:17px}
.skl .skl-experiment-heading .skl-eyebrow{color:var(--cyber-cyan)}
.skl .skl-experiment-heading .skl-eyebrow>span{color:#b1c2da}
.skl h2,.skl h3{color:#f1f7ff}
.skl .skl-key-tag{transform:none;border-radius:4px 13px 4px 13px;background:#2a2048;border-color:#b89aff;color:#e2d6ff;box-shadow:0 4px 0 #0c0d22,0 0 18px #b89aff15}
.skl .skl-key-tag.mint{background:#103c3b;border-color:#6affd4;color:#a5ffe3;box-shadow:0 4px 0 #0a242b,0 0 18px #6affd418}
.skl .skl-key-tag.orange{background:#422b31;border-color:#ffc082;color:#ffdab3;box-shadow:0 4px 0 #271b28}
.skl .skl-key-tag.blue{background:#16314b;border-color:#65edff;color:#a2f4ff;box-shadow:0 4px 0 #0a1d2e}
.skl .skl-key-tag small{color:inherit;opacity:.9}
.skl .skl-task{border-left:2px solid #65edff88;padding:9px 0 9px 13px}
.skl .skl-task>span{background:#173c50;color:#9df6ff;border-radius:5px;box-shadow:inset 0 0 0 1px #45738a}
.skl .skl-task p{color:#e3edf9}
.skl .skl-task button{background:#20304b;border:1px solid #6878a0;color:#e3d8ff;border-radius:5px}
.skl .skl-hint{background:#28213f;border:1px solid #6e5693;border-left:3px solid var(--purple);color:#e1d6fa}
.skl .skl-bench{border-color:#4c88a8;border-radius:5px 17px 5px 17px;background:#0b172b;box-shadow:0 5px 0 #050d1b,0 0 28px #44c5ff0b}
.skl .skl-bench-title{background:linear-gradient(100deg,#173853,#18253d);color:#c7f7ff;border-bottom:1px solid #39627e}
.skl .skl-bench-title>span:last-child{color:#b4c9df}
.skl .skl-bench-title i{background:var(--lime);box-shadow:0 0 9px #6affd455}
.skl .skl-workspace{background-color:#0c182a;background-image:linear-gradient(#65edff05 1px,transparent 1px),linear-gradient(90deg,#65edff05 1px,transparent 1px);background-size:22px 22px}
.skl .skl-goal>span{background:#152b3b;color:#aeeeff;border:1px solid #3e6d86;border-radius:3px}
.skl .skl-goal b{color:#a8ffdc;font-weight:700}
.skl .skl-linebreak{color:#b4a0f5}
.skl .skl-pad{background:#0a1223;border-color:#486484;box-shadow:inset 0 0 22px #00000022;color:#f1f7ff;border-radius:5px 12px 5px 12px}
.skl .skl-pad:focus,.skl .skl-pad:focus-within{outline-color:var(--cyber-cyan);box-shadow:0 0 20px #65edff17}
.skl .skl-document-label{color:#adc4df}
.skl .skl-text-document{color:#f3f8ff}
.skl .skl-caret{border-color:var(--cyber-cyan);filter:drop-shadow(0 0 3px #65edff80)}
.skl .skl-selected{background:#4b3675;color:#fff}
.skl .skl-blank{background:#19453e;color:#9bffdc}
.skl .skl-return{color:#b3a2d9}
.skl .skl-doc-meta{color:#a6bad2;border-color:#2c3e59}
.skl .skl-clipboard{background:#1c2340;border-color:#8873b2;color:#d5c7fa}
.skl .skl-clipboard b{color:#e8ddff}
.skl .skl-bench-foot{color:#b0c6de}
.skl .skl-status-dot{background:#72b5cc}
.skl .skl-primary{background:linear-gradient(110deg,#68f0ff,#72ffcf)!important;color:#05212a!important;border:1px solid #b4fff1!important;border-radius:4px 11px 4px 11px;box-shadow:0 4px 0 #17545b,0 0 20px #65edff18;font-weight:800}
.skl .skl-primary:hover{filter:brightness(1.07);box-shadow:0 4px 0 #17545b,0 0 24px #65edff33}
.skl .skl-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #17545b}
.skl .skl-secondary{background:#252442!important;color:#ecddff!important;border:1px solid #9e7cce!important;border-radius:4px 11px 4px 11px}
.skl .skl-secondary:hover{background:#353056!important;border-color:#c4a5ff!important}
.skl .skl-text-button{color:#bdcfe5!important}
.skl .skl-text-button:hover{color:var(--cyber-cyan)!important}
.skl .skl-os{color:#b0c2d9}
.skl .skl-os select{color:#d3e4f7;background:#102038;border-color:#52758f;padding:5px 7px;border-radius:4px}
.skl .skl-os select:disabled{opacity:.8;color:#c0cfe4}
.skl .skl-input-note{color:#adc0d8;font-size:11px}
.skl .skl-observation{background:#15253f;border:1px solid #314e72;border-radius:5px 12px 5px 12px;color:#c3d4e9}
.skl .skl-observation>span{color:var(--cyber-pink)}
.skl .skl-observation>button{background:#27304c;color:#e6d7ff;border-color:#9d83bf!important}
.skl .skl-discovery{background:linear-gradient(120deg,#133d3a,#112a3c);border-color:#65cdb2;border-radius:5px 16px 5px 16px;box-shadow:0 0 25px #6affd410}
.skl .skl-discovery-badge{color:var(--lime);text-shadow:0 0 15px #6affd444}
.skl .skl-discovery .skl-eyebrow{color:#97ffe3}
.skl .skl-discovery p{color:#d4edea}
.skl .skl-method{color:#a7f6df;font-size:11px}
.skl .skl-fields label{border-color:#3d526f;background:#111e33;color:#c2d5ec}
.skl .skl-fields label.is-active{background:#233954;border-color:#65edff}
.skl .skl-fields input{background:#091729;color:#eff7ff;border-color:#6d829e}
.skl .skl-menu-scene{background:#101e33}
.skl .skl-menu-under{color:#acbfd5}
.skl .skl-demo-menu{transform:none;background:#20233e;border-color:#b297e7;color:#f3ecff;box-shadow:5px 5px 0 #0a0c1f}
.skl .skl-demo-menu>span,.skl .skl-demo-menu small{color:#c0addd}
.skl .skl-menu-closed{color:#a1ffe0}
.skl .skl-footer{background:#0b1628;color:#9fb7d2;border-color:#294664}
.skl .skl-footer a{color:#91efff}
.skl .skl-footer button{color:#c2c6ec}
.skl .skl-storage{background:#3a2c21;color:#ffe3bd;border-top:1px solid #ae8855}
.skl .skl-keyboard-tools{background:#101d32;border-color:#345372;border-radius:5px 14px 5px 14px}
.skl .skl-keyboard-tools>summary{color:#cbeaff}
.skl .skl-keyboard-tools>summary small{color:#b6c5dc}
.skl .skl-keyboard-tools[open]>summary{border-bottom:1px solid #345372;color:var(--cyber-cyan)}
.skl .skl-keyboard-tools>.skl-keyboard{border-color:#345372}
.skl .skl-keyboard{background:#0a1426;border-color:#36506e;box-shadow:0 4px 0 #040c18}
.skl .skl-keyboard-top,.skl .skl-keyboard-top>span:first-child{color:#c2daef}
.skl .skl-keyboard-top button{background:#1b2c47;color:#d3eaff;border-color:#668aa9!important;border-radius:5px}
.skl .skl-layout-caption{color:#c3d6eb}
.skl .skl-layout-caption>span,.skl .skl-keyboard-pan{color:#aac0d9}
.skl .skl-keyboard-scroll{scrollbar-color:#507b9c #111c31}
.skl .skl-physical-key,.skl .skl-key{background:#1a2940;color:#e0ecfc;border-color:#58718f!important;box-shadow:0 3px 0 #050a15;border-radius:4px}
.skl .skl-physical-key.is-enter{background:#26324e}
.skl .skl-physical-key .skl-key-kana,.skl .skl-physical-key .skl-key-shift-symbol,.skl .skl-key small{color:#b0bfd9}
.skl .skl-physical-key:hover,.skl .skl-key:hover{background:#293d59}
.skl .skl-physical-key.is-recommended,.skl .skl-key.is-recommended{background:#383057;border-color:#ba9eff!important;color:#f2e6ff;box-shadow:0 3px 0 #110c25,inset 0 0 12px #b89aff18}
.skl .skl-physical-key.is-held,.skl .skl-physical-key.is-hardware-pressed,.skl .skl-key.is-held{background:#6affd4!important;color:#05252a;border-color:#b2ffec!important;box-shadow:inset 0 2px 0 #b2ffec,0 0 12px #6affd440}
.skl .skl-physical-key.is-held small,.skl .skl-physical-key.is-hardware-pressed small{color:#17484d}
.skl .skl-physical-key.is-tapped{background:#6affd4;color:#05252a}
.skl .skl-physical-key:focus-visible{outline-color:var(--cyber-cyan)}
.skl .skl-keyboard-guide{background:#1a2540;color:#d2d6f4;border-left:2px solid #b89aff}
.skl .skl-keymap-overview{background:#101f33;border-color:#426181}
.skl .skl-keymap-overview>span{color:#b6cce2}
.skl .skl-keymap-overview rect{fill:#253b55;stroke:#577896}
.skl .skl-keymap-overview rect.is-target{fill:#ae8bed;stroke:#e0ceff}
.skl .skl-native-label{color:#a3eeff}
.skl .skl-pad textarea[data-native-input]{background:#101e35;color:#f3f8ff;border-color:#6b8cac;caret-color:var(--cyber-cyan)}
.skl .skl-pad textarea[data-native-input]:focus{border-color:var(--cyber-cyan);outline-color:#315b70}
.skl .skl-pad textarea[data-native-input]::placeholder{color:#b3c5dc}
.skl .skl-native-note,.skl .skl-real-observation p{color:#b4c7df}
.skl .skl-real-observation>span{color:var(--cyber-cyan)}
.skl .skl-ime-status{color:#d7cbf2}
.skl .skl-ime-status>span{background:#2d2547;color:#e4d8ff;border-color:#9074bb}
.skl .skl-ime-status>b{background:#1a453f;color:#a0ffe1}
.skl .skl-preedit{text-decoration-color:#b89aff}
.skl .skl-ime-candidates>span{background:#1c2942;border-color:#6a7998;color:#e1edff}
.skl .skl-ime-candidates>span.is-active{background:#443264;border-color:#c1a4ff;box-shadow:0 2px 0 #1a1030}
.skl .skl-ime-functions>span{background:#28304a;color:#c1c7e2}
.skl .skl-ime-functions>span.is-seen{background:#1b4840;color:#a6ffe1}
.skl .skl-sim-desktop{background:linear-gradient(135deg,#132c47,#2a2145)}
.skl .skl-sim-caption{color:#bdcce3}
.skl .skl-sim-app{background:#16233b;border-color:#7483ad}
.skl .skl-sim-app>b{background:#303353;color:#f2ecff}
.skl .skl-sim-app>span{color:#b6cce2}
.skl .skl-sim-app.is-front{border-color:#65edff;box-shadow:0 4px 0 #0c1428}
.skl .skl-sim-taskbar{background:#1f3652;color:#c5f6ff}
.skl .skl-sim-start{background:#182540;border-color:#a98bd6;box-shadow:0 5px 20px #0008}
.skl .skl-sim-start>b{color:#ece0ff}
.skl .skl-sim-start>div{background:#2a2e4a;color:#e7edff}
.skl .skl-sim-start>small{color:#c5b8df}
.skl .skl-sim-page{background:#172640;color:#e3ecff}
.skl .skl-sim-page>span,.skl .skl-sim-page p{color:#bfd1e9}
.skl .skl-page-lines{background:repeating-linear-gradient(transparent 0,transparent 11px,#57708b 12px,#57708b 13px)}
.skl .skl-section-heading .skl-eyebrow,.skl .skl-quiz-top>.skl-eyebrow{color:var(--cyber-cyan)}
.skl .skl-section-heading p:last-child{color:#b0c4df}
.skl .skl-book-count{color:#bdd0e8}
.skl .skl-book-count b{color:var(--lime)}
.skl .skl-progress-track{background:#25344d}
.skl .skl-progress-track span{background:linear-gradient(90deg,#65edff,#6affd4);box-shadow:0 0 12px #6affd455}
.skl .skl-method-summary{color:#b5c8df}
.skl .skl-method-summary>span{background:#13243a;border:1px solid #35516f;padding:4px 9px;border-radius:4px}
.skl .skl-book-card{background:linear-gradient(145deg,#16243b,#141d33);border-color:#3c526f;border-radius:5px 16px 5px 16px;box-shadow:0 4px 0 #050b1a}
.skl .skl-book-card::before{content:"";position:absolute;top:0;left:17px;width:40px;height:3px;background:#b89aff;pointer-events:none}
.skl .skl-book-card.mint::before{background:#6affd4}.skl .skl-book-card.orange::before{background:#ffc082}.skl .skl-book-card.blue::before{background:#65edff}
.skl .skl-book-card.is-found{background:linear-gradient(145deg,#17363e,#14243b);border-color:#50998e;box-shadow:0 4px 0 #07151f}
.skl .skl-book-card-top{color:#b3c4dc}
.skl .skl-book-card.is-found .skl-book-card-top b{color:#9affdf}
.skl .skl-book-key{background:#302847;border-color:#aa91d2;color:#e9dcff;box-shadow:0 4px 0 #0a0c1f;border-radius:5px 12px 5px 12px}
.skl .skl-book-card.mint.is-found .skl-book-key{background:#153d3b;color:#a7ffe2;border-color:#7fe6c5;box-shadow:0 4px 0 #092225}
.skl .skl-book-card.orange.is-found .skl-book-key{background:#3f3037;color:#ffddba;border-color:#d6a273;box-shadow:0 4px 0 #231826}
.skl .skl-book-card.blue.is-found .skl-book-key{background:#15364b;color:#adf6ff;border-color:#7bd8e6;box-shadow:0 4px 0 #081e2e}
.skl .skl-key-read,.skl .skl-book-method{color:#b5c5dc}
.skl .skl-book-card button{color:#9bedff;border-color:#41617e}
.skl .skl-save-note{color:#b0c1d9}
.skl .skl-quiz-intro{background:radial-gradient(ellipse at 50% 16%,#3c266344,transparent 64%)}
.skl .skl-intro-robot{filter:drop-shadow(0 0 24px #65edff22)}
.skl .skl-quiz-intro>.skl-eyebrow{color:var(--cyber-pink)}
.skl .skl-quiz-intro>p:not(.skl-eyebrow){color:#c1d0e6}
.skl .skl-quiz-chips>span{background:#1b2944;border-color:#64759a;color:#dfebff;border-radius:5px}
.skl .skl-quiz-dots>span{background:#30415d}
.skl .skl-quiz-dots>span.current{background:#b89aff}
.skl .skl-quiz-dots>span.done{background:#6affd4}
.skl .skl-quiz-options button{background:#16243c;border-color:#637799;color:#eff6ff;border-radius:5px 15px 5px 15px}
.skl .skl-quiz-options button>span{background:#293554;color:#c7d5ed}
.skl .skl-quiz-options button:enabled:hover{background:#22334e;border-color:#a1dfff}
.skl .skl-quiz-options button.is-correct{background:#18443c;border-color:#7ce7bf;color:#d8fff0}
.skl .skl-quiz-options button.is-wrong{background:#432b3e;border-color:#e5a0c8;color:#ffe1f2}
.skl .skl-quiz-options button:disabled:not(.is-correct):not(.is-wrong){opacity:.7}
.skl .skl-quiz-feedback{background:#22233f;border-color:#a48bc5;border-radius:5px 14px 5px 14px}
.skl .skl-quiz-feedback h3{color:#e3d2ff}
.skl .skl-quiz-feedback p{color:#d9e4f5}
.skl .skl-quiz-result>.skl-eyebrow{color:var(--cyber-cyan)}
.skl .skl-result-star{color:#b89aff;text-shadow:0 0 25px #b89aff55,4px 4px #423067}
.skl .skl-score{color:#b4c5dd}.skl .skl-score b{color:#96ffe0}
.skl .skl-quiz-result>p{color:#b8cae1}
.skl .skl-answer-review>div{border-color:#49607d}
.skl .skl-answer-review p>span{color:#b9c9df}
.skl .skl-answer-review button{color:#b9a1eb}
.skl .correct{color:#8df2c4}.skl .wrong{color:#ffb1d9}
.skl .skl-dialog{background:#152239;color:#e8f2ff;border-color:#8ba4c2;border-radius:5px 18px 5px 18px;box-shadow:0 20px 100px #000a,0 0 30px #65edff14}
.skl .skl-dialog::backdrop{background:#020714d9}
.skl:fullscreen,.skl.skl-expanded{background-color:#0b1325}
::selection{background:#574183;color:#fff}
@media(min-width:1000px){.skl .skl-lab-layout{gap:32px}.skl .skl-experiment-heading h2{font-size:30px}}
@media(max-width:1050px){.skl .skl-lab-badge{display:none}}
@media(min-width:701px){.skl .skl-lesson-list{scrollbar-color:#426e8b #101a2d}}
@media(max-width:700px){
  .skl .skl-header::after{left:17px;width:55px;box-shadow:65px 0 var(--cyber-cyan)}
  .skl .skl-picker{background:#101e34;border-color:#3c5877;border-radius:5px 12px 5px 12px}
  .skl .skl-lesson.is-selected{box-shadow:inset 0 -2px var(--cyber-cyan)}
  .skl .skl-experiment-heading{padding-bottom:12px}
  .skl .skl-task{padding:8px 0 8px 9px}.skl .skl-task p{font-size:13px}
  .skl .skl-input-note,.skl .skl-native-note{font-size:11px}
  .skl .skl-bench-foot{font-size:10px}
  .skl .skl-method-summary{gap:7px}.skl .skl-method-summary>span{padding:4px 7px}
  .skl .skl-keyboard-tools>summary{font-size:12px;padding:14px 12px}
}
@media(prefers-reduced-motion:reduce){.skl *, .skl *::before,.skl *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.skl button,.skl .skl-pad,.skl .skl-key-tag,.skl .skl-book-card{border:1px solid ButtonText!important;box-shadow:none}.skl .skl-caret{border-color:CanvasText}}