body.ydl-box-model-quest-page :is(aside,#sidebar,#sidebar1,#sidebar2,#secondary,.sidebar,.sidebar1,.sidebar2,.widget-area,.side,.c-sidebar,.l-sidebar,.ydl-sidebar,.ydl-side),
body:has(.ydl-wt-shell[data-ydl-web-tool="box-model-quest"]) :is(aside,#sidebar,#sidebar1,#sidebar2,#secondary,.sidebar,.sidebar1,.sidebar2,.widget-area,.side,.c-sidebar,.l-sidebar,.ydl-sidebar,.ydl-side){display:none!important}
body:has(.ydl-wt-shell[data-ydl-web-tool="box-model-quest"]) :is(div,section,main):has(> aside,> [class*="sidebar"],> [id*="sidebar"]){display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important}
body.ydl-box-model-quest-page :is(#content,.mainwrap,.main-wrap,.content-wrapper,.content-wrap,.site-content,.l-container,.ydl-layout,.ydl-page-layout),
body:has(.ydl-wt-shell[data-ydl-web-tool="box-model-quest"]) :is(#content,.mainwrap,.main-wrap,.content-wrapper,.content-wrap,.site-content,.l-container,.ydl-layout,.ydl-page-layout){display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:1600px!important}
body.ydl-box-model-quest-page :is(#main,.main,.site-main,.content-area,.main-content,.l-main,.l-content,article,.entry-content,.post_content),
body:has(.ydl-wt-shell[data-ydl-web-tool="box-model-quest"]) :is(#main,.main,.site-main,.content-area,.main-content,.l-main,.l-content,article,.entry-content,.post_content){width:100%!important;max-width:none!important;float:none!important;margin-left:auto!important;margin-right:auto!important}
body.ydl-box-model-quest-page .ydl-wt-shell[data-ydl-web-tool="box-model-quest"],
body:has(.ydl-wt-shell[data-ydl-web-tool="box-model-quest"]) .ydl-wt-shell[data-ydl-web-tool="box-model-quest"]{width:min(1420px,calc(100% - 32px))!important;max-width:1420px!important;margin:0 auto 34px!important}
body.ydl-box-model-quest-page :is(.entry-content,.post_content)>:not(.ydl-wt-shell),
body:has(.ydl-wt-shell[data-ydl-web-tool="box-model-quest"]) :is(.entry-content,.post_content)>:not(.ydl-wt-shell){max-width:980px;margin-left:auto!important;margin-right:auto!important}

.ydl-bmq{--bg:#031018;--panel:#071821;--panel2:#0a1d27;--line:rgba(78,211,240,.18);--line2:rgba(78,211,240,.36);--ink:#edfaff;--muted:#83a5b3;--cyan:#4bdcf8;--green:#71e6ae;--amber:#f0c26b;--orange:#e8a56c;--blue:#6ea9ff;--red:#ff7384;position:relative;overflow:hidden;background:radial-gradient(circle at 82% -8%,rgba(51,170,224,.15),transparent 32%),linear-gradient(180deg,#04131b,#020b11 80%);border:1px solid var(--line);border-radius:24px;padding:clamp(14px,2.4vw,30px);color:var(--ink);box-shadow:0 26px 80px rgba(0,0,0,.24)}
.ydl-bmq *{box-sizing:border-box}.ydl-bmq button,.ydl-bmq input{font:inherit}.ydl-bmq button{cursor:pointer}.ydl-bmq [hidden]{display:none!important}
.ydl-bmq:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(75,220,248,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(75,220,248,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 70%)}
.ydl-bmq__hero,.ydl-bmq__status,.ydl-bmq__missions,.ydl-bmq__brief,.ydl-bmq__visual-card,.ydl-bmq__control-card,.ydl-bmq__code-card,.ydl-bmq__actionbar,.ydl-bmq__explain,.ydl-bmq__footer{position:relative;z-index:1;border:1px solid var(--line);background:linear-gradient(180deg,rgba(7,25,34,.9),rgba(4,15,22,.92));border-radius:16px}
.ydl-bmq__hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:center;padding:24px;margin-bottom:12px}.ydl-bmq__eyebrow,.ydl-bmq__section-head span,.ydl-bmq__visual-head span,.ydl-bmq__goal>span,.ydl-bmq__preview-label,.ydl-bmq__metrics span,.ydl-bmq__code-card pre:before,.ydl-bmq__feedback>span,.ydl-bmq__explain span,.ydl-bmq__footer>span{color:var(--cyan);font:800 9px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.13em}.ydl-bmq__hero h2{margin:8px 0 10px;color:#fff;font-size:clamp(34px,5vw,66px);line-height:.92;letter-spacing:-.045em}.ydl-bmq__hero h2 em{display:block;margin-top:8px;color:var(--cyan);font-style:normal;font-size:.62em;letter-spacing:.08em}.ydl-bmq__hero p{max-width:740px;margin:0;color:#99b5c0;font-size:clamp(14px,1.4vw,17px);line-height:1.85}.ydl-bmq__hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.ydl-bmq__hero-tags span{padding:6px 9px;border:1px solid rgba(75,220,248,.16);border-radius:999px;background:#061a23;color:#88aab7;font-size:10px;font-weight:800}
.ydl-bmq__hero-model{display:grid;place-items:center;min-height:240px}.ydl-bmq__hero-margin,.ydl-bmq__hero-border,.ydl-bmq__hero-padding{position:relative;display:grid;place-items:center}.ydl-bmq__hero-margin{padding:25px;background:rgba(232,165,108,.16);border:1px dashed rgba(232,165,108,.5)}.ydl-bmq__hero-border{padding:18px;background:rgba(240,194,107,.2)}.ydl-bmq__hero-padding{padding:22px;background:rgba(113,230,174,.18)}.ydl-bmq__hero-content{display:grid;place-items:center;width:120px;height:72px;background:linear-gradient(135deg,rgba(110,169,255,.3),rgba(75,220,248,.16));border:1px solid rgba(110,169,255,.45);font:900 11px ui-monospace,monospace;letter-spacing:.08em}.ydl-bmq__hero-model span{position:absolute;top:4px;left:6px;font:800 7px ui-monospace,monospace;letter-spacing:.08em;color:#c6e8f3}
.ydl-bmq__status{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:14px;align-items:center;padding:12px 14px;margin-bottom:12px}.ydl-bmq__status>div:first-child span{display:block;color:#6f93a1;font:800 8px ui-monospace,monospace;letter-spacing:.1em}.ydl-bmq__status>div:first-child strong{display:block;margin-top:3px;color:#fff;font:900 12px ui-monospace,monospace}.ydl-bmq__progress{height:6px;border-radius:999px;background:#031019;overflow:hidden}.ydl-bmq__progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 12px rgba(75,220,248,.45);transition:width .25s ease}
.ydl-bmq__button{appearance:none;border:1px solid var(--line2);border-radius:10px;background:#061922;color:#cbe6f0;padding:9px 12px;font-weight:800;font-size:11px;transition:.16s}.ydl-bmq__button:hover{border-color:rgba(75,220,248,.66);color:#fff;transform:translateY(-1px)}.ydl-bmq__button:disabled{opacity:.4;cursor:not-allowed;transform:none}.ydl-bmq__button--primary{background:linear-gradient(135deg,#62e8ff,#5a8cff);border-color:#7deeff;color:#021018;padding:12px 20px;font-size:13px}.ydl-bmq__button--next:not(:disabled){border-color:rgba(113,230,174,.55);color:#bff8d9;background:rgba(50,123,86,.14)}.ydl-bmq__button--tiny{padding:6px 8px;font-size:9px}.ydl-bmq__button--ghost{background:transparent}
.ydl-bmq__layout{position:relative;z-index:1;display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px}.ydl-bmq__missions{padding:14px;align-self:start;position:sticky;top:24px}.ydl-bmq__section-head,.ydl-bmq__visual-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.ydl-bmq__section-head h3,.ydl-bmq__visual-head h3{margin:3px 0 0;color:#fff;font-size:16px}.ydl-bmq__local{padding:4px 6px;border:1px solid rgba(113,230,174,.28);border-radius:6px;color:var(--green)!important}.ydl-bmq__mission-list{display:grid;gap:6px;margin-top:12px}.ydl-bmq__mission{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:9px;border:1px solid rgba(75,220,248,.1);border-radius:10px;background:#05161f;color:#d9edf5;transition:.16s}.ydl-bmq__mission:hover,.ydl-bmq__mission.is-active{border-color:rgba(75,220,248,.5);background:linear-gradient(135deg,rgba(18,58,72,.72),#05161f)}.ydl-bmq__mission.is-complete{border-color:rgba(113,230,174,.3)}.ydl-bmq__mission b{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(75,220,248,.18);border-radius:8px;color:var(--cyan);font:900 11px ui-monospace,monospace}.ydl-bmq__mission strong{display:block;font-size:11px;line-height:1.35}.ydl-bmq__mission small{display:block;margin-top:3px;color:#668997;font-size:8px}.ydl-bmq__mission i{font-style:normal;color:#436876;font-size:12px}.ydl-bmq__mission.is-complete i{color:var(--green)}
.ydl-bmq__main{min-width:0}.ydl-bmq__brief{padding:16px;margin-bottom:12px}.ydl-bmq__brief-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.ydl-bmq__brief-head span{color:var(--cyan);font:800 9px ui-monospace,monospace;letter-spacing:.12em}.ydl-bmq__brief h3{margin:5px 0 0;color:#fff;font-size:clamp(20px,2.2vw,27px)}.ydl-bmq__brief>p{margin:10px 0;color:#8cabb7;line-height:1.75;font-size:13px}.ydl-bmq__state{padding:6px 8px;border:1px solid rgba(75,220,248,.22);border-radius:7px;color:var(--cyan);font:900 9px ui-monospace,monospace;letter-spacing:.08em}.ydl-bmq__goal{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:10px;padding:11px 12px;border:1px solid rgba(75,220,248,.1);border-radius:10px;background:#05151d}.ydl-bmq__goal p{margin:0;color:#c3dbe4;font-size:12px;line-height:1.65}.ydl-bmq__brief-actions{display:flex;gap:7px;margin-top:10px}.ydl-bmq__hint{margin-top:10px;padding:10px 12px;border-left:3px solid var(--amber);background:rgba(240,194,107,.07);color:#d9c99d;font-size:12px;line-height:1.7}
.ydl-bmq__workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:12px}.ydl-bmq__visual-card,.ydl-bmq__control-card,.ydl-bmq__code-card{padding:14px}.ydl-bmq__visual-head>small{color:#527784;font:800 8px ui-monospace,monospace;letter-spacing:.1em}.ydl-bmq__compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ydl-bmq__preview-block{min-width:0}.ydl-bmq__preview-label{display:block;margin-bottom:6px}.ydl-bmq__stage{height:330px;display:grid;place-items:center;overflow:auto;border:1px solid rgba(75,220,248,.08);border-radius:12px;background:radial-gradient(circle at 50% 45%,rgba(75,220,248,.035),transparent 60%),#031017}.ydl-bmq__stage--target{opacity:.84}.ydl-bmq__box-margin,.ydl-bmq__box-border,.ydl-bmq__box-padding{box-sizing:content-box;transition:padding .18s ease}.ydl-bmq__box-margin{background:repeating-linear-gradient(135deg,rgba(232,165,108,.22) 0,rgba(232,165,108,.22) 6px,rgba(232,165,108,.12) 6px,rgba(232,165,108,.12) 12px);outline:1px dashed rgba(232,165,108,.48)}.ydl-bmq__box-border{background:rgba(240,194,107,.42)}.ydl-bmq__box-padding{background:rgba(113,230,174,.25)}.ydl-bmq__box-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:24px;min-height:24px;background:linear-gradient(135deg,rgba(110,169,255,.5),rgba(75,220,248,.26));border:1px solid rgba(125,185,255,.65);transition:width .18s ease,height .18s ease;color:#eafaff;overflow:hidden}.ydl-bmq__box-content span{font:900 8px ui-monospace,monospace;letter-spacing:.08em}.ydl-bmq__box-content small{margin-top:4px;color:#c6e2ed;font:700 8px ui-monospace,monospace;white-space:nowrap}.ydl-bmq__legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.ydl-bmq__legend span{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}.ydl-bmq__legend .is-margin{background:rgba(232,165,108,.16);color:#efbd94}.ydl-bmq__legend .is-border{background:rgba(240,194,107,.17);color:#f0d597}.ydl-bmq__legend .is-padding{background:rgba(113,230,174,.14);color:#9df0c4}.ydl-bmq__legend .is-content{background:rgba(110,169,255,.16);color:#a9caff}
.ydl-bmq__controls{display:grid;gap:8px;margin-top:12px}.ydl-bmq__control{padding:10px;border:1px solid rgba(75,220,248,.09);border-radius:10px;background:#05151d}.ydl-bmq__control-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.ydl-bmq__control-top label{color:#d9edf5;font-weight:800;font-size:11px}.ydl-bmq__control-top output{min-width:60px;text-align:right;color:var(--cyan);font:900 11px ui-monospace,monospace}.ydl-bmq__control-inputs{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center}.ydl-bmq__control input[type=range]{width:100%;accent-color:var(--cyan)}.ydl-bmq__control input[type=number]{width:100%;border:1px solid rgba(75,220,248,.2);border-radius:8px;background:#031019;color:#fff;padding:6px 7px;text-align:right;outline:none}.ydl-bmq__control input[type=number]:focus{border-color:rgba(75,220,248,.6)}.ydl-bmq__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.ydl-bmq__metrics div{padding:9px;border:1px solid rgba(75,220,248,.08);border-radius:9px;background:#04131a}.ydl-bmq__metrics strong{display:block;margin:4px 0 2px;color:#fff;font:900 12px ui-monospace,monospace}.ydl-bmq__metrics small{display:block;color:#587c8a;font-size:8px;line-height:1.4}
.ydl-bmq__code-card{margin-top:12px}.ydl-bmq__code-card pre{position:relative;margin:10px 0 0;padding:14px;border:1px solid rgba(75,220,248,.1);border-radius:10px;background:#020a0f;overflow:auto}.ydl-bmq__code-card code{color:#bee8f4;font:700 11px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.ydl-bmq__actionbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:12px;padding:13px}.ydl-bmq__feedback{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start}.ydl-bmq__feedback>span{padding-top:2px}.ydl-bmq__feedback p{margin:0;color:#89a8b4;font-size:11px;line-height:1.6}.ydl-bmq__action-buttons{display:flex;gap:7px}.ydl-bmq__actionbar.is-correct{border-color:rgba(113,230,174,.4);box-shadow:0 0 30px rgba(113,230,174,.06)}.ydl-bmq__actionbar.is-correct .ydl-bmq__feedback>span{color:var(--green)}.ydl-bmq__actionbar.is-wrong{border-color:rgba(255,115,132,.32)}.ydl-bmq__actionbar.is-wrong .ydl-bmq__feedback>span{color:var(--red)}
.ydl-bmq__explain{margin-top:12px;padding:15px}.ydl-bmq__explain h3{margin:4px 0 7px;color:#fff;font-size:17px}.ydl-bmq__explain p{margin:0 0 10px;color:#8eabb7;line-height:1.75;font-size:12px}.ydl-bmq__footer{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:12px;padding:12px 14px}.ydl-bmq__footer p{margin:0;color:#6d909d;font-size:10px;line-height:1.75}
.ydl-bmq__stage.is-success{animation:bmqPulse .5s ease}.ydl-bmq__visual-card.is-shake{animation:bmqShake .22s ease}@keyframes bmqPulse{50%{box-shadow:inset 0 0 45px rgba(113,230,174,.14)}}@keyframes bmqShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:1080px){.ydl-bmq__hero{grid-template-columns:1fr 260px}.ydl-bmq__layout{grid-template-columns:220px minmax(0,1fr)}.ydl-bmq__workspace{grid-template-columns:1fr}.ydl-bmq__missions{position:static}.ydl-bmq__stage{height:300px}}
@media(max-width:820px){.ydl-bmq__hero{grid-template-columns:1fr}.ydl-bmq__hero-model{display:none}.ydl-bmq__status{grid-template-columns:1fr}.ydl-bmq__layout{grid-template-columns:1fr}.ydl-bmq__mission-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ydl-bmq__missions{padding:12px}.ydl-bmq__compare{grid-template-columns:1fr 1fr}.ydl-bmq__stage{height:280px}.ydl-bmq__actionbar{grid-template-columns:1fr}.ydl-bmq__action-buttons{justify-content:flex-end}}
@media(max-width:600px){body.ydl-box-model-quest-page .ydl-wt-shell[data-ydl-web-tool="box-model-quest"],body:has(.ydl-wt-shell[data-ydl-web-tool="box-model-quest"]) .ydl-wt-shell[data-ydl-web-tool="box-model-quest"]{width:calc(100% - 18px)!important}.ydl-bmq{padding:10px;border-radius:16px}.ydl-bmq__hero{padding:16px;border-radius:13px}.ydl-bmq__hero h2{font-size:40px}.ydl-bmq__mission-list{grid-template-columns:1fr}.ydl-bmq__compare{grid-template-columns:1fr}.ydl-bmq__stage{height:260px}.ydl-bmq__metrics{grid-template-columns:1fr}.ydl-bmq__action-buttons{display:grid;grid-template-columns:1fr 1fr}.ydl-bmq__button--primary{padding:11px}.ydl-bmq__footer{grid-template-columns:1fr}.ydl-bmq__goal{grid-template-columns:1fr}.ydl-bmq__control-inputs{grid-template-columns:minmax(0,1fr) 66px}}
@media(prefers-reduced-motion:reduce){.ydl-bmq *,.ydl-bmq *:before,.ydl-bmq *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}