.bones-page{--bone-ink:#163e3e;--bone-muted:#5d7977;--bone-teal:#247d79;--bone-line:#d5e5dd;--bone-accent:#f8c958;min-height:100dvh;color:var(--bone-ink);background:#f4f5ee;padding:0 32px 30px;font-family:Arial,Helvetica,sans-serif}.bones-page *{box-sizing:border-box}.bones-page button,.bones-page input,.bones-page select{font:inherit}.bones-page button{cursor:pointer;border:0;transition:background .15s,transform .15s}.bones-page button:disabled{opacity:.5;cursor:not-allowed}:is(.bones-page button:focus-visible,.bones-page a:focus-visible,.bones-page input:focus-visible,.bones-page select:focus-visible){outline-offset:3px;outline:3px solid #dd9917}.bones-header{border-bottom:1px solid var(--bone-line);justify-content:space-between;align-items:center;gap:20px;max-width:1400px;height:74px;margin:auto;display:flex}.bones-back{color:var(--bone-ink);letter-spacing:.04em;align-items:center;gap:9px;font-size:18px;font-weight:850;text-decoration:none;display:flex}.bones-header>span{letter-spacing:.14em;color:var(--bone-muted);font-size:11px;font-weight:700}.bones-tag{background:#e3eadb;border-radius:7px;padding:8px 12px}.bones-intro{justify-content:space-between;align-items:center;gap:24px;max-width:1400px;margin:32px auto 26px;display:flex}.bones-eyebrow{letter-spacing:.14em;color:var(--bone-teal);align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.bones-intro h1{letter-spacing:-2px;margin:10px 0;font-size:clamp(32px,4vw,52px);line-height:1.08}.bones-intro h1 em{color:var(--bone-teal);font-style:normal}.bones-intro p{color:var(--bone-muted);margin:12px 0 0;font-size:15px}.bones-record{border:1px solid var(--bone-line);background:#fff9;border-radius:14px;align-items:center;gap:14px;padding:17px 23px;display:flex}.bones-record>svg{color:#a4822d}.bones-record small{letter-spacing:.09em;color:var(--bone-muted);margin-bottom:6px;font-size:9px;display:block}.bones-record strong{font-size:25px}.bones-record strong span{color:var(--bone-muted);font-size:12px;font-weight:400}.bones-modes{border-bottom:1px solid var(--bone-line);gap:8px;max-width:1400px;margin:0 auto 22px;display:flex}.bones-modes>button{color:var(--bone-muted);text-align:left;background:0 0;border-bottom:3px solid #0000;align-items:center;gap:12px;padding:15px 22px;font-size:14px;font-weight:700;display:flex}.bones-modes>button.active{color:var(--bone-teal);border-color:var(--bone-teal);background:#e7eee3;border-radius:12px 12px 0 0}.bones-modes small{margin-top:4px;font-size:11px;font-weight:400;display:block}.bones-layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:24px;max-width:1400px;margin:auto;display:grid}.bones-stage{background:#102f32;border:1px solid #426a62;border-radius:22px;min-width:0;position:relative;overflow:hidden;box-shadow:0 12px 30px #173c3210}.bones-stage-heading{z-index:1;pointer-events:none;color:#a8c7bc;letter-spacing:.12em;justify-content:space-between;gap:12px;font-size:10px;display:flex;position:absolute;top:23px;left:24px;right:24px}.bones-stage-heading>span:first-child{align-items:center;gap:7px;display:flex}.bones-stage-heading i{background:#a8d9b9;border-radius:100%;width:6px;height:6px}.bones-canvas{touch-action:none;width:100%;height:660px}.bones-canvas canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.bones-model-label{color:#eef5e5;pointer-events:none;background:#102f32b0;border:1px solid #5f867550;border-radius:12px;max-width:165px;padding:12px 14px;position:absolute;top:78px;left:24px}.bones-model-label span{letter-spacing:.14em;color:#a4c2b5;margin-bottom:9px;font-size:8px;display:block}.bones-model-label strong{font-size:18px;line-height:1.2;display:block}.bones-model-label small{color:#a5c6bb;margin-top:7px;font-size:11px;font-style:italic;display:block}.bones-viewbar{border-top:1px solid #ffffff16;justify-content:space-between;gap:10px;padding:14px 20px 0;display:flex}.bones-viewbar>div{gap:5px;display:flex}.bones-viewbar button{color:#e5f2e6;background:#294b4b;border-radius:7px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px 10px;font-size:11px;display:flex}.bones-viewbar button:hover{background:#3e6a65}.bones-gesture{text-align:center;color:#a1bdb5;margin:12px 0 18px;padding:0 14px;font-size:11px;line-height:1.5}.bones-panel{border:1px solid var(--bone-line);background:#fff;border-radius:22px;min-width:0;padding:24px}.bones-panel-top{justify-content:space-between;align-items:center;display:flex}.bones-panel-top h2{letter-spacing:-.5px;margin:8px 0 22px;font-size:20px}.bones-number{color:#e3eadf;font-size:35px;font-weight:800}.bones-detail{background:#f2f5ed;border:1px solid #e1e9dc;border-radius:14px;padding:18px}.bones-detail>span{color:var(--bone-teal);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.bones-detail h3{letter-spacing:-.6px;margin:10px 0 5px;font-size:25px;line-height:1.15}.bones-detail p{color:#456660;margin:12px 0;font-size:13px;line-height:1.65}.bones-detail .bones-latin{color:#769087;margin:0 0 12px;font-size:12px;font-style:italic}.bones-tip{border-top:1px solid #dce5d7;align-items:flex-start;gap:8px;padding:10px 0;display:flex}.bones-tip svg{color:#8a793e;flex-shrink:0;margin-top:3px}.bones-tip p{margin:0;font-size:12px}.bones-detail-actions{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.bones-detail-actions button{color:var(--bone-ink);background:#fff;border:1px solid #d4e1d6;border-radius:7px;align-items:center;gap:5px;padding:9px 8px;font-size:11px;display:flex}.bones-detail-actions button[aria-pressed=true]{color:#fff;background:#247d79}.bones-search{border:1px solid var(--bone-line);color:#7b958b;border-radius:10px;align-items:center;gap:9px;margin-top:20px;padding:10px 12px;display:flex}.bones-search input{width:100%;min-width:0;color:var(--bone-ink);background:0 0;border:0;outline:0;font-size:12px}.bones-region{color:var(--bone-muted);justify-content:space-between;align-items:center;margin:12px 0;font-size:11px;display:flex}.bones-region select{border:1px solid var(--bone-line);max-width:190px;color:var(--bone-ink);background:#fff;border-radius:6px;padding:6px}.bones-list{flex-direction:column;gap:4px;max-height:213px;padding:3px;display:flex;overflow-y:auto}.bones-list button{text-align:left;color:#3b5d57;background:#fff;border:1px solid #e4eae3;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:11px 10px;font-size:12px;display:flex}.bones-list button.active{color:#1e7168;background:#edf7f0;border-color:#509f91;font-weight:700}.bones-list>p{font-size:12px;line-height:1.5}.bones-start{border-top:1px solid var(--bone-line);margin-top:19px;padding-top:17px}.bones-start label{align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex}.bones-start input{accent-color:#247d79;width:16px;height:16px}.bones-start small{color:var(--bone-muted);margin:6px 0 15px;font-size:10px;line-height:1.5;display:block}.bones-primary{background:var(--bone-teal);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 17px;font-size:14px;font-weight:700;display:flex}.bones-primary:hover{background:#175c59}.bones-secondary{color:var(--bone-teal);background:#edf3e9;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 12px;font-size:13px;font-weight:700;display:flex;border:1px solid #cbded0!important}.bones-quiz-top{justify-content:space-between;align-items:center;display:flex}.bones-quiz-top>span{letter-spacing:.12em;color:var(--bone-muted);font-size:10px;font-weight:700}.bones-quiz-top strong{font-size:28px}.bones-quiz-top small{font-size:11px;font-weight:400}.bones-progress{-webkit-appearance:none;appearance:none;background:#e3eee5;border:0;border-radius:10px;width:100%;height:5px;margin:17px 0 30px;display:block;overflow:hidden}.bones-progress::-webkit-progress-bar{background:#e3eee5}.bones-progress::-webkit-progress-value{background:var(--bone-teal)}.bones-progress::-moz-progress-bar{background:var(--bone-teal)}.bones-question h2{letter-spacing:-.8px;margin:12px 0;font-size:32px;line-height:1.14}.bones-question p{color:var(--bone-muted);font-size:13px;line-height:1.65}.bones-options{gap:9px;margin:22px 0;display:grid}.bones-options button{text-align:left;min-height:54px;color:var(--bone-ink);background:#f9faf5;border:1px solid #d7e3d9;border-radius:10px;align-items:center;gap:10px;padding:15px 12px;font-size:13px;display:flex}.bones-options button>span{color:#608579;background:#e7eee3;border-radius:6px;place-items:center;min-width:25px;height:25px;font-size:11px;display:grid}.bones-options button.correct{opacity:1;background:#e7f7df;border-color:#80b883}.bones-options button:hover:enabled{background:#edf7ee;border-color:#247d79}.bones-feedback{color:#6c6b53;background:#f7f3e7;border-radius:10px;min-height:68px;margin:20px 0;padding:14px;font-size:13px;line-height:1.6}.bones-feedback.good{color:#2b6b47;background:#eaf7e3}.bones-learn{align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.bones-learn svg{color:var(--bone-teal);flex-shrink:0;margin-top:3px}.bones-learn p{color:var(--bone-muted);margin:0;font-size:13px;line-height:1.6}.bones-scoring{border-top:1px solid var(--bone-line);justify-content:space-between;gap:8px;margin-top:25px;padding-top:20px;display:flex}.bones-scoring span{color:var(--bone-muted);font-size:10px}.bones-scoring b{color:var(--bone-ink);margin-top:6px;font-size:16px;display:block}.bones-text-button{color:var(--bone-muted);background:0 0;margin:26px auto 0;padding:8px;font-size:12px;text-decoration:underline;display:block}.bones-results{text-align:center;padding:8px 0}.bones-result-icon{color:#80682b;background:#f8e6ae;border-radius:50%;place-items:center;width:85px;height:85px;margin:0 auto 22px;display:grid}.bones-results .bones-eyebrow{justify-content:center}.bones-results h2{letter-spacing:-1px;margin:14px 0;font-size:31px;line-height:1.15}.bones-results>strong{letter-spacing:-2px;color:var(--bone-teal);font-size:56px;display:block}.bones-results>strong small{letter-spacing:0;color:var(--bone-muted);font-size:13px}.bones-results>p{color:var(--bone-muted);font-size:13px;line-height:1.6}.bones-results .bones-primary{margin-top:25px}.bones-results .bones-secondary{margin-top:10px}.bones-review{text-align:left;background:#f3f6ef;border-radius:12px;margin:18px 0;padding:12px}.bones-review h3{margin:0 0 8px;font-size:13px}.bones-review button{width:100%;color:var(--bone-teal);border-top:1px solid var(--bone-line);background:0 0;justify-content:space-between;align-items:center;padding:9px 0;font-size:12px;display:flex}.bones-footer{max-width:1400px;color:var(--bone-muted);margin:23px auto 0;font-size:11px;line-height:1.7}.bones-footer>p{align-items:center;gap:8px;display:flex}.bones-footer details{max-width:900px;margin-top:10px}.bones-footer summary{cursor:pointer;text-decoration:underline}.bones-footer a{color:var(--bone-teal);text-decoration:underline}.bones-loading{text-align:center;color:#e5f0df;z-index:5;background:#102f32ef;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:35px;display:flex;position:absolute;inset:0 0 90px}.bones-loading strong{font-size:20px}.bones-loading p{max-width:360px;font-size:14px;line-height:1.6}.bones-loading button{color:#153f3c;background:#e8db99;border-radius:9px;padding:12px 18px}.bones-task-pill{pointer-events:none;z-index:1;text-align:center;color:#eff8e8;background:#184344e6;border:1px solid #58887866;border-radius:10px;padding:10px;font-size:14px;position:absolute;top:53px;left:20px;right:20px}.bones-task-pill small{color:#a6c9b7;margin-right:10px;font-size:10px}@media (min-width:1450px){.bones-canvas{height:740px}.bones-panel{padding:28px}.bones-list{max-height:260px}}@media (max-width:1000px){.bones-page{padding:0 18px 25px}.bones-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px}.bones-panel{padding:19px}.bones-canvas{height:610px}.bones-model-label{max-width:120px;padding:10px;top:65px;left:12px}.bones-model-label strong{font-size:14px}.bones-viewbar{flex-wrap:wrap;justify-content:center}.bones-stage-heading{left:16px;right:16px}.bones-stage-heading>span:last-child{display:none}}@media (max-width:760px){.bones-page{padding:0 12px 24px}.bones-header{height:58px}.bones-header>span:not(.bones-tag){display:none}.bones-back{font-size:15px}.bones-header .bones-tag{font-size:9px}.bones-intro{align-items:flex-start;gap:12px;margin:23px auto 18px}.bones-intro h1{letter-spacing:-1.4px;font-size:35px}.bones-intro p{max-width:230px;font-size:12px;line-height:1.5}.bones-eyebrow{letter-spacing:.09em;font-size:8px}.bones-record{gap:6px;padding:11px}.bones-record svg{width:16px}.bones-record small{letter-spacing:0;max-width:60px;font-size:7px}.bones-record strong{font-size:20px}.bones-record strong span{display:none}.bones-modes{gap:0;margin-bottom:14px}.bones-modes>button{flex:1;justify-content:center;gap:6px;padding:13px 4px;font-size:11px}.bones-modes>button>svg{width:15px}.bones-modes small{display:none}.bones-layout{grid-template-columns:1fr;gap:15px}.bones-canvas{height:490px}.bones-stage{border-radius:16px}.bones-stage-heading{font-size:9px;top:18px}.bones-stage-heading>span:last-child{display:block}.bones-model-label{max-width:106px;top:50px;left:12px}.bones-model-label span{font-size:7px}.bones-model-label strong{font-size:13px}.bones-model-label small{font-size:10px}.bones-viewbar{justify-content:space-between;gap:5px;padding:11px 10px 0}.bones-viewbar button{min-width:32px;min-height:40px;padding:8px 9px;font-size:10px}.bones-viewbar>div{gap:3px}.bones-gesture{margin-bottom:13px;font-size:10px}.bones-panel{border-radius:16px;padding:20px}.bones-list{max-height:235px}.bones-panel-top h2{font-size:21px}.bones-detail h3{font-size:27px}.bones-detail-actions button{padding:11px}.bones-start label{font-size:13px}.bones-task-pill{font-size:13px;top:41px;left:12px;right:12px}.bones-task-pill small{font-size:9px}.bones-question h2{font-size:28px}.bones-progress{margin-bottom:22px}.bones-footer{font-size:10px}.bones-footer>p{align-items:flex-start}.bones-footer svg{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.bones-page *{transition:none!important}}.kostik-page .bones-modes{flex-wrap:wrap}.kostik-page .bones-modes>button{flex:1;min-width:140px}.kostik-sound{color:#255e53;background:#e5eddb;border-radius:20px;padding:11px 16px;font-size:12px!important}.kostik-speech{color:#514a2d;background:#fff6d9;border:1px solid #e6d7a6;border-radius:16px;align-items:center;gap:15px;max-width:1400px;margin:0 auto 20px;padding:15px 20px;display:flex}.kostik-speech>span{font-size:36px}.kostik-speech b{letter-spacing:.15em;font-size:10px}.kostik-speech p{margin:5px 0;font-size:15px;line-height:1.5}.kostik-speech small{font-size:11px}.kostik-speech button{background:#ecd99b;border-radius:50%;margin-left:auto;padding:10px}.kostik-page .bones-primary{margin-top:15px}.kostik-animations{grid-template-columns:1fr 1fr;gap:7px;margin:20px 0;display:grid}.kostik-animations b{grid-column:1/-1;margin-bottom:5px;font-size:12px}.kostik-animations button{color:#31594f;background:#edf3e6;border-radius:8px;padding:12px 8px;font-size:12px}.kostik-chosen{background:#e1f5e9!important;border:2px solid #247d79!important}.kostik-field{gap:9px;margin:18px 0;font-size:13px;font-weight:700;display:grid}.kostik-field input,.kostik-field select{color:#234a41;background:#fff;border:1px solid #c8d9cd;border-radius:9px;width:100%;padding:14px 12px;font-size:16px}.kostik-sheet{background:#fff;place-items:center;min-height:600px;padding:65px 12px 15px;display:grid}.kostik-sheet img{width:auto;max-width:100%;height:auto;max-height:750px;display:block}.kostik-exam-stage .bones-stage-heading{color:#355f57}.kostik-exam-done{text-align:center;color:#24574c}.kostik-exam-done>span{color:#429165;font-size:80px}.kostik-corrections{text-align:left;gap:8px;margin:20px 0;display:grid}.kostik-corrections>div{background:#fff2de;border-radius:10px;padding:12px;font-size:13px}.kostik-corrections>div.ok{background:#eef7e8}.kostik-corrections p{margin:8px 0;font-size:12px}.kostik-corrections button{color:#247d79;background:0 0;padding:6px 0;text-decoration:underline}.kostik-small{color:#60786e;font-size:12px;line-height:1.6}@media (max-width:760px){.kostik-page .bones-modes>button{min-width:45%;padding:12px}.kostik-sound{max-width:155px;padding:9px;font-size:10px!important}.kostik-speech{gap:10px;padding:12px}.kostik-speech p{font-size:13px}.kostik-sheet{min-height:450px;padding-top:48px}.kostik-sheet img{max-height:620px}.kostik-page .bones-canvas{height:490px}.kostik-page .bones-intro h1{font-size:32px}}