/* Secret Keyboard Lab 1.0.0 — all game styling stays inside the iframe. */
@charset "UTF-8";
:root{color-scheme:light;--ink:#302f43;--night:#242337;--muted:#716e80;--paper:#fcfaf4;--purple:#b8a1ee;--lime:#c8ed91;--line:#ddd9e6}
*{box-sizing:border-box}html{margin:0;background:var(--night)}body{margin:0;font-family:"BIZ UDPGothic","Yu Gothic",Meiryo,sans-serif;color:var(--ink);line-height:1.7;font-size:15px}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #6a4bb1;outline-offset:4px}button{color:inherit}ruby{ruby-position:over}rt{font-size:.48em;letter-spacing:.03em}button[hidden],[hidden]{display:none!important}.skl{max-width:1280px;margin:auto;background:#f2eff7;min-height:100vh;overflow-wrap:anywhere}.skl h1,.skl h2,.skl h3,.skl p{margin:0}.skl button{border:0}.skl-header{background:var(--night);color:#fffaf0;padding:28px 34px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.skl-brand{display:flex;align-items:center;gap:16px;min-width:0}.skl-logo{width:56px;height:57px;flex-shrink:0;border:2px solid #cebeef;border-radius:17px 17px 17px 5px;box-shadow:inset 0 -5px 0 #ffffff12;color:#d8c7fc;font-family:ui-monospace,Consolas,monospace;font-size:35px;font-weight:700;line-height:53px;text-align:center;position:relative}.skl-logo span{position:absolute;right:-8px;top:-10px;color:var(--lime);font-size:22px}.skl-eyebrow{font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.13em;font-weight:700}.skl-header .skl-eyebrow{color:#c6b9df;margin-bottom:5px;font-size:10px}.skl h1{font-size:clamp(17px,2.1vw,25px);letter-spacing:.04em;font-weight:800;line-height:1.8}.skl-icon-button{display:flex;align-items:center;gap:7px;background:#ffffff0c;border:1px solid #6c637c!important;border-radius:10px;padding:9px 13px;color:#e5ddf3;font-size:13px;white-space:nowrap}.skl-toolbar{display:flex;align-items:stretch;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);padding:0 32px;gap:15px}.skl-toolbar nav{display:flex;gap:22px}.skl-toolbar nav button{display:flex;gap:9px;align-items:center;padding:21px 1px 17px;background:none;border-bottom:3px solid transparent;font-family:ui-monospace,monospace;color:#8c859e;font-size:11px}.skl-toolbar nav button span{font-family:"BIZ UDPGothic","Yu Gothic",Meiryo,sans-serif;font-size:15px;font-weight:700;color:#777283}.skl-toolbar nav button[aria-current="page"]{border-bottom-color:#69518e;color:#67518e}.skl-toolbar nav button[aria-current="page"] span{color:var(--ink)}.skl-total{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.skl-total i{font-style:normal;color:#715096;font-size:21px}.skl-total b{font-size:21px}.skl-total>span{color:#928b9d}.skl-lab-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;padding:28px 32px 36px}.skl-sidebar{min-width:0}.skl-researcher{display:flex;align-items:center;gap:4px;margin:0 0 22px -8px}.skl-mascot{width:105px;flex-shrink:0}.skl-mascot svg{display:block;width:100%;height:auto}.skl-researcher>.skl-eyebrow{font-size:9px}.skl-researcher p:not(.skl-eyebrow){font-size:14px;line-height:1.7;margin-top:5px}.skl-researcher strong{font-size:16px}.skl-picker>summary{list-style:none;pointer-events:none;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 0 12px 0}.skl-picker>summary::-webkit-details-marker{display:none}.skl-picker>summary>span{font-size:10px;color:#7e758d;font-weight:400}.skl-lesson-list{display:flex;flex-direction:column;gap:5px}.skl-lesson{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 11px;background:transparent;border-radius:10px;min-height:58px;transition:background .15s}.skl-lesson:hover{background:#e8e2f1}.skl-lesson.is-selected{background:#fffefa;box-shadow:0 2px 7px #3c274412,inset 3px 0 #8163b0}.skl-lesson-num{font-size:11px;font-family:ui-monospace,monospace;color:#9690a6}.skl-lesson>span:nth-child(2){min-width:0;flex:1}.skl-lesson b{display:block;font-size:13px;font-family:ui-monospace,Consolas,monospace;line-height:1.5}.skl-lesson small{display:block;font-size:10px;font-weight:500;color:#726b7e;line-height:1.6}.skl-check{font-size:17px;color:#a09aa9}.skl-lesson.is-found .skl-check{color:#4b7651}.skl-lesson:nth-child(5),.skl-lesson:nth-child(9){margin-top:13px}.skl-sidebar-note{display:flex;gap:13px;align-items:center;margin:22px 0 0;padding:17px 14px;border-top:1px dashed #ccc5d6;color:#72687e;font-size:11px}.skl-sidebar-note>span{font-size:25px;color:#8c70ad}.skl-experiment{min-width:0}.skl-experiment-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;min-height:80px}.skl-experiment-heading .skl-eyebrow{color:#8a739f;font-size:10px;margin-bottom:9px}.skl-experiment-heading .skl-eyebrow>span{font-family:Meiryo,sans-serif;letter-spacing:0;color:#888091;font-weight:400;margin-left:5px}.skl h2{font-size:clamp(20px,2.4vw,29px);font-weight:800;line-height:1.6;letter-spacing:.02em}.skl-key-tag{font-size:17px;white-space:nowrap;min-width:88px;text-align:center;font-family:ui-monospace,Consolas,monospace;font-weight:700;transform:rotate(-5deg);padding:10px 17px;border:1.5px solid #9185a2;box-shadow:0 4px 0 #b3a9c3;border-radius:10px;background:#eee6fd}.skl-key-tag.mint{background:var(--lime);box-shadow:0 4px 0 #a0bd77;border-color:#91a970}.skl-key-tag.orange{background:#f6c79f;box-shadow:0 4px 0 #c6a27f}.skl-key-tag.blue{background:#c2def0;box-shadow:0 4px 0 #9cb2c2}.skl-task{display:flex;gap:13px;align-items:center;margin-bottom:16px}.skl-task>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:#e1d5f3;color:#5f467d;border-radius:50%;font-size:15px;font-weight:700}.skl-task p{font-size:14px;font-weight:700;line-height:1.9;flex:1}.skl-task button{white-space:nowrap;background:var(--paper);border:1px solid #cfc4dd;padding:6px 11px;font-size:11px;border-radius:20px}.skl-hint{font-size:12px!important;line-height:1.9;background:#e7ddf5;border-radius:8px;padding:12px 16px;margin:0 0 15px!important;color:#634884}.skl-bench{border:2px solid #3f3c50;border-radius:16px;background:var(--paper);overflow:hidden;box-shadow:0 6px 0 #e0dbe9}.skl-bench-title{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#3d3a50;color:#e8e1f3;padding:12px 18px;font-size:11px}.skl-bench-title>span:first-child{display:flex;align-items:center;gap:9px;font-weight:700}.skl-bench-title>span:last-child{font-size:10px;color:#bfb7ce}.skl-bench-title i{width:7px;height:7px;border-radius:50%;background:#c5eb9c;box-shadow:0 0 8px #c5eb9c88}.skl-workspace{padding:20px 24px 12px;background-image:radial-gradient(#c7bfce70 .7px,transparent .7px);background-size:17px 17px}.skl-goal{display:flex;align-items:flex-start;gap:15px;font-size:13px;margin-bottom:18px}.skl-goal>span{flex-shrink:0;border:1px dashed #ada1bd;border-radius:5px;padding:2px 7px;font-size:10px;color:#7b688d;background:var(--paper)}.skl-goal b{font-family:ui-monospace,Meiryo,monospace;font-weight:500;letter-spacing:.06em;line-height:1.8}.skl-linebreak{color:#8d79a8}.skl-pad{background:white;border:1.5px solid #c6bed1;border-radius:10px;padding:17px 20px 8px;min-height:170px;box-shadow:0 2px 5px #302f4307}.skl-pad:focus,.skl-pad:focus-within{outline:3px solid #b8a0e6;outline-offset:3px}.skl-document-label{font-size:10px;color:#8e849b;margin-bottom:15px}.skl-text-document{font-family:ui-monospace,Consolas,"BIZ UDPGothic",Meiryo,monospace;min-height:74px;font-size:clamp(24px,3vw,37px);letter-spacing:.08em;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;padding:3px 4px 14px;position:relative}.skl-caret{display:inline-block;width:0;height:1.15em;vertical-align:-.22em;border-right:3px solid #8360be;margin:0 0 0 -1px;animation:skl-blink 1.2s step-end infinite;position:relative;z-index:1}.skl-selected{background:#dfd5f4;border-radius:2px}.skl-blank{background:#e7f0d9;border-radius:3px;color:#7a9a4e}.skl-return{font-size:.5em;color:#b7abbf;letter-spacing:0}.skl-doc-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9a92a3;border-top:1px solid #efecf4;padding-top:8px}.skl-clipboard{margin:12px 0 4px;background:#f5f1fb;border:1px dashed #b5a3d0;border-radius:8px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.skl-clipboard b{font-size:15px}.skl-bench-foot{display:flex;align-items:center;gap:7px;padding:13px 2px 0;font-size:10px;color:#8b8097}.skl-status-dot{height:5px;width:5px;background:#a9a2b2;border-radius:50%;flex-shrink:0}.skl-input-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:23px 0 8px}.skl-primary{background:#c6eb91!important;color:#2a3c25!important;padding:12px 21px;border-radius:9px;box-shadow:0 3px 0 #9ab477;min-height:44px;font-size:13px;font-weight:700;transition:filter .15s,transform .15s}.skl-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.skl-secondary{background:#e5dcf2!important;color:#514065!important;padding:12px 20px;border-radius:9px;min-height:44px;font-size:13px;font-weight:700}.skl-text-button{background:none!important;padding:8px 0;color:#786c87!important;font-size:11px;text-underline-offset:4px}.skl-text-button:hover{text-decoration:underline}.skl-os{margin-left:auto;font-size:9px;color:#8b8095;display:flex;flex-direction:column;gap:1px}.skl-os select{max-width:178px;background:transparent;border:none;border-bottom:1px solid #b5a9c4;color:#6b5b7c;font-size:10px;padding:4px 15px 4px 0;border-radius:0;cursor:pointer}.skl-input-note{font-size:10px;color:#85798f;line-height:1.9;margin:0 0 23px!important}.skl-keyboard{background:#e5dfed;border:1px solid #d0c7db;padding:15px 16px 18px;border-radius:14px;box-shadow:0 4px 0 #d4cbdc}.skl-keyboard-top{display:flex;justify-content:space-between;font-size:10px;color:#867991;margin-bottom:13px}.skl-keyboard-top>span:first-child{font-weight:700;color:#655775}.skl-key-rows{display:flex;flex-direction:column;gap:8px}.skl-key-row{display:flex;gap:7px}.skl-key{min-width:0;flex:1;min-height:43px;border:1px solid #c7bed2!important;background:#fdfbf7;border-radius:7px;box-shadow:0 3px 0 #b9adc8;font-size:11px;font-family:ui-monospace,Consolas,monospace;line-height:1.3;padding:8px 4px 7px;position:relative}.skl-key:hover{background:#f0e6ff}.skl-key:active{transform:translateY(2px);box-shadow:0 1px 0 #b9adc8}.skl-key span{display:block}.skl-key small{font-family:Meiryo,sans-serif;font-size:8px;display:block;color:#797083;line-height:1.4;margin-top:3px}.skl-key.is-recommended{background:#d2c0f4;border-color:#9b80c2!important;box-shadow:0 3px 0 #a28aba;color:#463058;font-weight:700}.skl-key.is-space{flex:2.3}.skl-key.is-held{background:#c6eb91;border-color:#8aaa65!important;box-shadow:inset 0 2px 0 #98b770}.skl-observation{display:flex;align-items:center;gap:12px;margin-top:18px;min-height:49px;padding:10px 15px;color:#766285;background:#eae3f2;border-radius:9px}.skl-observation>span{font-size:23px}.skl-observation p{font-size:12px;line-height:1.8}.skl-discovery{display:grid;grid-template-columns:39px minmax(0,1fr);gap:15px;background:#edf4de;border:1px solid #bbcc9d;border-radius:13px;padding:22px;margin-top:20px;animation:skl-enter .25s ease-out}.skl-discovery-badge{width:39px;height:39px;display:grid;place-items:center;font-size:30px;color:#5b7950}.skl-discovery .skl-eyebrow{color:#5c7b4d;font-size:10px;letter-spacing:.04em;margin-bottom:4px}.skl h3{font-size:19px;font-weight:700}.skl-discovery p:not(.skl-eyebrow){font-size:12px;line-height:2;margin:10px 0}.skl-discovery>.skl-primary{grid-column:2;justify-self:start;margin-top:4px}.skl-method{font-size:10px;color:#62744d}.skl-fields{display:flex;gap:12px;min-height:98px;padding:0 0 15px}.skl-fields label{flex:1;min-width:0;border-radius:7px;padding:8px;border:1px solid #e3deeb;transition:background .15s}.skl-fields label.is-active{background:#e9ddf9;border-color:#a38abb}.skl-fields label>span{font-size:10px;display:block;margin-bottom:8px}.skl-fields input{display:block;width:100%;min-width:0;border:1px solid #d7cee2;padding:9px 5px;background:#fffdf8;border-radius:5px;font-size:12px;color:#60506e}.skl-menu-scene{position:relative;min-height:170px;display:grid;place-items:center;background:#f3f4e9;border-radius:7px;margin-bottom:10px}.skl-menu-under{position:absolute;top:13px;left:15px;font-size:12px;color:#8d9b7d}.skl-demo-menu{position:relative;display:flex;flex-direction:column;gap:5px;background:#fffaf0;border:2px solid #9c85b5;box-shadow:4px 4px 0 #ddd2ea;border-radius:10px;width:190px;padding:13px 17px;transform:rotate(-3deg);font-size:13px}.skl-demo-menu>span{font-size:10px;color:#92819e}.skl-demo-menu small{font-size:9px;color:#9a89ab}.skl-menu-closed{display:flex;flex-direction:column;align-items:center;font-size:16px;color:#657951;padding:25px 5px 5px}.skl-menu-closed>span{font-size:11px;margin-top:5px}.skl-footer{border-top:1px solid #d9d0e2;background:#eae4f1;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#8d819a}.skl-footer a{color:#69527d;text-decoration:none;font-size:11px;font-weight:700}.skl-footer button{background:none;padding:4px 0;color:#7e6b8b;font-size:10px}.skl-storage{background:#fff1d6;margin:0!important;padding:10px 25px;font-size:12px}.skl-book,.skl-quiz-question,.skl-quiz-result{padding:35px 40px 40px;min-height:600px}.skl-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.skl-section-heading .skl-eyebrow{color:#8c729f;margin-bottom:8px}.skl-section-heading h2{margin-bottom:10px}.skl-section-heading p:last-child{font-size:12px;color:#8b7d97}.skl-book-count{font-size:12px;white-space:nowrap}.skl-book-count b{font-size:41px;color:#7b5b9a}.skl-progress-track{background:#dfd5ea;border-radius:10px;height:8px;overflow:hidden;margin-bottom:14px}.skl-progress-track span{display:block;height:100%;background:#9ebd72;border-radius:10px}.skl-method-summary{display:flex;flex-wrap:wrap;gap:9px 24px;color:#897a97;font-size:11px;margin-bottom:28px}.skl-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skl-book-card{border:1px solid #d9d0e5;border-radius:13px;padding:18px 20px;background:#faf8fc;position:relative;overflow:hidden;display:flex;flex-direction:column}.skl-book-card.is-found{background:#fffdf7;border-color:#afbb97;box-shadow:0 3px 0 #d9dfcd}.skl-book-card-top{display:flex;justify-content:space-between;gap:8px;color:#a098aa;font-size:9px}.skl-book-card-top b{font-size:9px;font-weight:500}.skl-book-card.is-found .skl-book-card-top b{color:#76914e}.skl-book-key{margin:25px auto 14px;background:#e8dff2;border:1px solid #bcaacb;box-shadow:0 4px 0 #b5a0c4;border-radius:9px;padding:10px 17px;font-size:20px;font-family:ui-monospace,Consolas,monospace;font-weight:700;text-align:center;max-width:100%}.skl-book-card.mint.is-found .skl-book-key{background:#d5edb4;box-shadow:0 4px 0 #a6bd85;border-color:#a4bc80}.skl-book-card.orange.is-found .skl-book-key{background:#f4d0b1;box-shadow:0 4px 0 #c3a48c}.skl-book-card.blue.is-found .skl-book-key{background:#c7deed;box-shadow:0 4px 0 #9bb5c7}.skl-key-read{display:block;text-align:center;font-size:9px;color:#8c7c97;margin-bottom:18px}.skl-book-card p{font-size:12px;line-height:1.9;flex:1}.skl-book-method{margin-top:15px;font-size:9px;color:#8b8195;min-height:17px}.skl-book-card button{background:none;font-size:11px;font-weight:700;text-align:left;color:#725587;padding:12px 0 0;margin-top:10px;border-top:1px dashed #e3dbe9}.skl-save-note{font-size:11px!important;color:#92839d;text-align:center;line-height:1.9;margin:25px 0 10px!important}.skl-quiz-intro{text-align:center;padding:40px 20px 55px;min-height:650px;background:radial-gradient(ellipse at 50% 20%,#e3d9f0,transparent 58%)}.skl-intro-robot{width:170px;margin:0 auto 17px}.skl-intro-robot svg{width:100%;display:block}.skl-quiz-intro>.skl-eyebrow{color:#9e82b2;font-size:10px;margin-bottom:14px}.skl-quiz-intro h2{font-size:34px;line-height:1.6;margin-bottom:20px}.skl-quiz-intro>p:not(.skl-eyebrow){color:#897596;font-size:13px;line-height:2}.skl-quiz-chips{display:flex;justify-content:center;gap:12px;margin:25px 0 32px;flex-wrap:wrap}.skl-quiz-chips>span{font-size:10px;background:#fcfaf4;border:1px solid #ded2e9;border-radius:20px;padding:5px 13px}.skl-quiz-intro>.skl-primary{font-size:15px;padding:16px 30px}.skl-quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.skl-quiz-top>.skl-eyebrow{color:#8d6fa5}.skl-quiz-dots{display:flex;gap:6px;margin-bottom:35px}.skl-quiz-dots>span{flex:1;height:6px;border-radius:4px;background:#ddd2e8}.skl-quiz-dots>span.current{background:#a58bbe}.skl-quiz-dots>span.done{background:#a0bb77}.skl-quiz-question h2{font-size:26px;margin:0 auto 30px;max-width:800px}.skl-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:850px;margin:auto}.skl-quiz-options button{display:flex;gap:15px;align-items:center;border:2px solid #d1c4de;background:var(--paper);box-shadow:0 4px 0 #d9cfe1;border-radius:12px;padding:24px 22px;text-align:left;min-width:0}.skl-quiz-options button>span{font-size:11px;border:1px solid #cabbda;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;flex-shrink:0;color:#aa96bc}.skl-quiz-options b{font-family:ui-monospace,Consolas,Meiryo,monospace;font-size:24px}.skl-quiz-options i{margin-left:auto;font-style:normal}.skl-quiz-options button:enabled:hover{border-color:#9776b8}.skl-quiz-options button.is-correct{background:#e2edcf;border-color:#8dba67;color:#46623c}.skl-quiz-options button.is-wrong{background:#f6e4d4;border-color:#d8a88d}.skl-quiz-options button:disabled:not(.is-correct):not(.is-wrong){opacity:.65}.skl-quiz-feedback{background:#fffaf1;border:1px solid #c9b5dc;border-radius:12px;padding:25px;margin:30px auto 0;max-width:850px;animation:skl-enter .2s ease}.skl-quiz-feedback h3{font-size:18px;color:#6c557e;margin-bottom:10px}.skl-quiz-feedback p{font-size:13px;margin-bottom:20px}.skl-quiz-result{text-align:center}.skl-quiz-result>.skl-eyebrow{color:#9474a8}.skl-result-star{font-size:75px;color:#9371b2;line-height:1.4;margin:15px 0 8px;text-shadow:5px 5px #dfd3e9}.skl-score{font-size:18px;color:#9c86a9;margin:12px 0}.skl-score b{font-size:65px;line-height:1.4;color:#665078}.skl-quiz-result>p{font-size:12px;color:#9b82aa}.skl-answer-review{max-width:850px;margin:30px auto;text-align:left}.skl-answer-review>div{display:flex;align-items:center;gap:17px;border-bottom:1px dashed #d3c6df;padding:17px 10px}.skl-answer-review>div>span{font-size:20px;flex-shrink:0}.skl-answer-review p{flex:1;min-width:0}.skl-answer-review p>b{display:block;font-size:14px}.skl-answer-review p>span{display:block;font-size:11px;color:#8c789b;margin-top:4px}.skl-answer-review button{background:none;color:#9171a8;font-size:10px;flex-shrink:0;padding:8px}.correct{color:#7b9f58}.wrong{color:#b88b59}.skl-result-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.skl-dialog{background:#fffdf7;color:var(--ink);border:1px solid #bfaacc;padding:28px;border-radius:18px;max-width:600px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 20px 100px #19162455;line-height:1.9}.skl-dialog::backdrop{background:#211a33aa}.skl-dialog h2{font-size:23px;margin-bottom:20px}.skl-dialog p{font-size:13px;margin:14px 0}.skl-dialog .skl-primary{margin-top:10px}.skl-dialog .skl-result-actions{margin-top:20px}.skl:fullscreen{max-width:none;overflow:auto;background:#f2eff7}.skl.skl-expanded{position:fixed;inset:0;z-index:2147483000;max-width:none;overflow:auto;background:#f2eff7}.skl-expanded .skl-lab-layout,.skl:fullscreen .skl-lab-layout{max-width:1250px;margin:auto}.skl-expanded .skl-header,.skl:fullscreen .skl-header{padding-left:max(32px,calc((100vw - 1186px)/2));padding-right:max(32px,calc((100vw - 1186px)/2))}@keyframes skl-blink{0%,45%{opacity:1}55%,95%{opacity:.1}}@keyframes skl-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.skl-experiment{padding:0 0 12px}.skl-bench{margin-top:5px}.skl-workspace{padding:25px 28px 15px}.skl-pad{min-height:185px}}
@media(max-width:950px){.skl-header{padding:23px}.skl-toolbar{padding:0 23px}.skl-lab-layout{grid-template-columns:190px minmax(0,1fr);gap:20px;padding:24px 23px}.skl-researcher{gap:0;margin-left:-8px}.skl-mascot{width:85px}.skl-researcher p:not(.skl-eyebrow){font-size:12px}.skl-researcher strong{font-size:13px}.skl-researcher .skl-eyebrow{font-size:9px;letter-spacing:0}.skl-lesson{padding:8px 9px;gap:7px}.skl-lesson b{font-size:12px}.skl-lesson small{font-size:9px}.skl-experiment-heading{align-items:flex-start}.skl-key-tag{font-size:14px;padding:9px 12px;min-width:65px}.skl-input-controls{gap:10px}.skl-os{width:100%;margin:0;flex-direction:row;align-items:center;gap:10px}.skl-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.skl-book{padding:28px 25px}.skl-book-card{padding:15px}.skl-book-key{font-size:17px;padding:10px 13px}.skl-key{font-size:10px}.skl-key-row{gap:5px}.skl-keyboard{padding:12px 10px 15px}.skl-workspace{padding:17px}.skl-footer{padding:17px 23px}}
@media(max-width:700px){body{font-size:14px}.skl-header{padding:21px 17px 19px;gap:7px}.skl-logo{width:41px;height:44px;font-size:27px;line-height:40px;border-radius:12px 12px 12px 4px}.skl-brand{gap:11px}.skl-header .skl-eyebrow{font-size:8px;letter-spacing:.1em}.skl h1{font-size:17px;letter-spacing:0;line-height:1.9}.skl-icon-button{padding:7px 10px;font-size:20px;line-height:1.3}.skl-icon-button>span{display:none}.skl-toolbar{padding:0 16px;gap:12px}.skl-toolbar nav{gap:18px}.skl-toolbar nav button{font-size:9px;padding:17px 0 13px;gap:5px;display:block;text-align:left;line-height:1.8}.skl-toolbar nav button>span{display:block;font-size:13px;white-space:nowrap}.skl-total{font-size:9px;gap:4px}.skl-total b{font-size:18px}.skl-total>span{display:none}.skl-total i{font-size:17px}.skl-lab-layout{display:block;padding:18px 17px 26px}.skl-researcher,.skl-sidebar-note{display:none}.skl-picker{margin-bottom:22px;border:1px solid #d6c9e1;border-radius:9px;background:#f9f6fc;padding:0 12px}.skl-picker>summary{padding:10px 0;cursor:pointer;pointer-events:auto;font-size:11px}.skl-picker>summary>span:after{content:' −';font-size:13px;margin-left:6px}.skl-picker:not([open])>summary>span:after{content:' ＋'}.skl-lesson-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-bottom:13px}.skl-lesson{display:block;min-height:52px;border:1px solid #e2d9eb!important;background:#eee8f5;padding:7px 6px;position:relative}.skl-lesson:nth-child(5),.skl-lesson:nth-child(9){margin-top:0}.skl-lesson-num{font-size:8px;display:block}.skl-lesson b{font-size:10px;line-height:1.6}.skl-lesson small{display:none}.skl-check{position:absolute;top:3px;right:6px;font-size:10px}.skl-experiment-heading{min-height:60px;margin-bottom:16px;gap:10px;align-items:center}.skl-experiment-heading .skl-eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:6px}.skl-experiment-heading .skl-eyebrow>span{font-size:8px}.skl h2{font-size:23px}.skl-key-tag{font-size:14px;min-width:65px;padding:9px 13px}.skl-task{gap:9px;margin-bottom:13px}.skl-task p{font-size:12px;line-height:1.9}.skl-task>span{width:23px;height:23px;font-size:12px}.skl-task button{font-size:10px;padding:6px 9px}.skl-workspace{padding:16px 14px 12px}.skl-bench-title{padding:10px 13px;font-size:10px}.skl-bench-title>span:last-child{font-size:8px}.skl-goal{gap:10px;margin-bottom:13px;font-size:12px}.skl-goal>span{font-size:8px;line-height:1.9}.skl-pad{padding:13px 14px 8px;min-height:160px}.skl-document-label{font-size:9px;margin-bottom:10px}.skl-text-document{font-size:29px;min-height:71px}.skl-doc-meta{font-size:8px}.skl-bench-foot{font-size:9px;align-items:flex-start;line-height:1.8;padding-top:12px}.skl-status-dot{margin-top:6px}.skl-input-controls{margin-top:20px;gap:7px 16px}.skl-primary{font-size:12px;padding:11px 17px}.skl-input-controls>.skl-primary{flex:1;white-space:nowrap}.skl-input-controls>.skl-text-button{font-size:10px}.skl-os{margin-top:4px;justify-content:flex-end}.skl-os select{font-size:10px;max-width:180px}.skl-input-note{font-size:9px;margin:8px 0 20px!important}.skl-keyboard{padding:13px 11px 15px}.skl-keyboard-top{font-size:9px;margin-bottom:12px}.skl-keyboard-top>span:last-child{font-size:8px}.skl-key-rows{gap:8px}.skl-key{font-size:10px;min-height:44px;padding:8px 2px}.skl-key-row{gap:5px}.skl-key small{font-size:7px}.skl-key.is-space{flex:1.5}.skl-observation{padding:10px 12px;gap:10px;margin-top:17px}.skl-observation p{font-size:11px}.skl-discovery{padding:19px 16px;gap:10px;grid-template-columns:30px minmax(0,1fr)}.skl-discovery-badge{font-size:26px;width:30px}.skl-discovery h3{font-size:17px}.skl-discovery p:not(.skl-eyebrow){font-size:11px}.skl-discovery .skl-eyebrow{font-size:9px}.skl-discovery>.skl-primary{grid-column:1/-1;justify-self:stretch}.skl-fields{gap:7px;flex-direction:column}.skl-fields label{padding:7px 9px;display:flex;gap:10px;align-items:center}.skl-fields label>span{font-size:10px;min-width:94px;margin:0}.skl-fields input{font-size:11px;padding:7px}.skl-footer{padding:16px;gap:10px}.skl-footer>span{display:none}.skl-footer a{font-size:10px}.skl-book,.skl-quiz-question,.skl-quiz-result{padding:25px 17px 35px;min-height:550px}.skl-section-heading{align-items:flex-start;margin-bottom:16px;gap:12px}.skl-section-heading .skl-eyebrow{font-size:9px}.skl-section-heading h2{font-size:25px}.skl-section-heading p:last-child{font-size:11px}.skl-book-count b{font-size:30px}.skl-book-count{font-size:10px}.skl-method-summary{gap:7px 15px;font-size:9px;margin-bottom:22px}.skl-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.skl-book-card{padding:13px 12px}.skl-book-card-top{font-size:8px;gap:4px}.skl-book-card-top b{font-size:8px}.skl-book-key{font-size:16px;padding:9px 11px;margin-top:22px}.skl-book-card p{font-size:11px}.skl-book-card button{font-size:10px}.skl-book-method{font-size:8px}.skl-key-read{font-size:8px}.skl-save-note{font-size:10px!important}.skl-quiz-intro{padding:30px 17px 45px;min-height:590px}.skl-intro-robot{width:140px}.skl-quiz-intro h2{font-size:29px}.skl-quiz-intro>p:not(.skl-eyebrow){font-size:11px}.skl-quiz-chips{gap:7px}.skl-quiz-chips>span{font-size:9px;padding:5px 9px}.skl-quiz-question h2{font-size:20px;margin-bottom:22px}.skl-quiz-options{gap:13px}.skl-quiz-options button{padding:18px 11px;gap:10px;min-height:90px}.skl-quiz-options b{font-size:17px}.skl-quiz-options button>span{width:22px;height:22px;font-size:10px}.skl-quiz-feedback{padding:20px 16px}.skl-quiz-feedback h3{font-size:16px}.skl-quiz-feedback p{font-size:11px}.skl-answer-review>div{gap:10px;padding:15px 0}.skl-answer-review button{font-size:9px;padding:5px}.skl-answer-review p>b{font-size:13px}.skl-answer-review p>span{font-size:10px}.skl-dialog{padding:22px}.skl-dialog p{font-size:12px}.skl-dialog h2{font-size:21px}.skl-expanded .skl-header,.skl:fullscreen .skl-header{padding:21px 17px 19px}}
@media(max-width:380px){.skl-header{padding:18px 12px}.skl h1{font-size:14px}.skl-brand{gap:9px}.skl-logo{width:34px;height:38px;font-size:24px;line-height:33px}.skl-logo span{font-size:17px}.skl-icon-button{padding:6px}.skl-toolbar{padding:0 12px;gap:8px}.skl-toolbar nav{gap:14px}.skl-toolbar nav button>span{font-size:11px}.skl-total{font-size:8px;gap:3px}.skl-lab-layout{padding:16px 12px 24px}.skl h2{font-size:20px}.skl-key-tag{font-size:12px;min-width:55px;padding:8px 10px}.skl-experiment-heading .skl-eyebrow>span{display:none}.skl-picker{padding:0 9px}.skl-lesson-list{gap:5px}.skl-lesson{padding:6px 4px}.skl-lesson b{font-size:8px}.skl-keyboard{padding:12px 8px}.skl-key-row{gap:4px}.skl-key{font-size:9px}.skl-key-rows .skl-key-row:first-child .skl-key{font-size:8px}.skl-keyboard-top{font-size:8px}.skl-keyboard-top>span:last-child{font-size:7px}.skl-task{gap:7px}.skl-task p{font-size:11px}.skl-workspace{padding:14px 10px 10px}.skl-text-document{font-size:25px}.skl-doc-meta{gap:6px;font-size:7px}.skl-input-controls{gap:6px 10px}.skl-input-controls>.skl-primary{font-size:10px;padding:11px 8px}.skl-input-controls>.skl-text-button{font-size:9px}.skl-book-card{padding:13px 10px}.skl-book-key{font-size:14px;padding:9px}.skl-book-card-top{font-size:7px}.skl-book-card-top b{font-size:7px}.skl-book-card p{font-size:10px}.skl-quiz-options button{padding:17px 10px;gap:7px}.skl-quiz-options b{font-size:15px}.skl-quiz-options button>span{width:20px;height:20px;font-size:9px}.skl-fields label>span{min-width:84px;font-size:9px}.skl-total i{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.skl-caret{opacity:1}}
.skl-embedded .skl{min-height:0}
.skl-key-tag small{display:block;font-family:"BIZ UDPGothic",Meiryo,sans-serif;font-size:9px;font-weight:500;letter-spacing:0;line-height:1.6;margin-top:4px}