/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:"Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#24344b;font-synthesis:none;--blue:#2563eb;--blue-dark:#1d51bd;--blue-soft:#eff5ff;--ink:#24344b;--muted:#64748b;--line:#dfe5ed;--surface:#fff;background:#f6f8fb;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#b5c5dd transparent}html{scrollbar-gutter:stable}body{margin:0;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;transition:background .15s,color .15s,border-color .15s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #94b5ef}a{color:inherit;text-decoration:none}p,h1,h2,h3,pre{margin:0}svg{flex-shrink:0}[hidden]{display:none!important}::selection{background:#dae7ff}@supports selector(::-webkit-scrollbar){*{scrollbar-color:auto;scrollbar-width:auto}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#f5f7fa}::-webkit-scrollbar-thumb{background:#b8c8df;border:2px solid #f5f7fa;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#88a5cc}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:110;background:var(--blue);color:#fff;border-radius:4px;padding:10px 16px;position:fixed;top:9px;left:225px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sidebar{z-index:30;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:210px;padding:23px 12px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{letter-spacing:-.65px;align-items:center;gap:10px;padding:0 10px;font-size:22px;font-weight:750;line-height:1;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.brand-second{letter-spacing:0;color:var(--muted);margin-top:5px;font-size:10px;font-weight:500;display:block}.sidebar-progress{margin:29px 10px 24px}.sidebar-progress>div:first-child{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.sidebar-progress strong{color:#4f6f9f;font:11px Consolas,monospace}.sidebar-progress strong span{color:#8997aa}.progress-track{background:#e9edf4;border-radius:2px;height:3px;margin-top:11px;overflow:hidden}.progress-track>div{background:var(--blue);height:100%;transition:width .35s}.nav-label{color:#8995a5;margin:0 10px 9px;font-size:10px;font-weight:600}.route-item{text-align:left;color:#66738a;background:0 0;border-radius:5px;align-items:center;gap:8px;width:100%;min-height:39px;margin-bottom:3px;padding:8px;font-size:12px;line-height:1.4;display:flex;position:relative}.route-item:hover{color:#2d5ba2;background:#f5f7fb}.route-item.active{color:#285fb4;background:#edf3fc;font-weight:600}.route-number{color:#97a3b6;flex-shrink:0;place-items:center;width:23px;font:10px Consolas,monospace;display:grid}.active .route-number,.done .route-number{color:var(--blue)}.route-partial{color:#91a0b5;margin-left:auto;font:9px Consolas,monospace}.practice-label{margin-top:23px}.sidebar-bottom{margin-top:auto;padding:26px 8px 0}.reference-nav{color:#66758c;align-items:center;gap:8px;min-height:37px;font-size:12px;display:flex}.reference-nav>svg{color:#91a0b6;margin-left:auto}.reference-nav:hover{color:var(--blue)}.main-area{min-width:0;margin-left:210px}.workshop-main,.guide-main{min-width:890px}.app-header{z-index:25;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:0 25px;display:flex;position:sticky;top:0}.breadcrumb{color:#8a95a7;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb strong{color:#5a687f;font-weight:500}.slash{color:#bdc7d5}.header-actions{align-items:center;gap:22px;display:flex}.save-status{color:#8490a2;background:0 0;align-items:center;gap:6px;padding:0;font-size:10px;display:flex}.save-status:disabled{opacity:1}.save-error{color:#aa5a43;text-underline-offset:3px;text-decoration:underline}.coin-amount{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.coin-amount>svg{color:#b37a12;flex-shrink:0}.student-coins{color:#866017;background:#fffbef;border:1px solid #ebd8ab;border-radius:5px;padding:6px 9px;font-size:12px;font-weight:600}.page-content{max-width:1600px;margin:auto;padding:22px 25px}.button{white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:550;display:inline-flex}.button-primary{background:var(--blue);color:#fff;border-color:#225bd6}.button-primary:hover{background:#2058d0}.button-primary:active{background:#1c4db5}.button-white{color:#5c6c83;background:#fff;border-color:#dce3ed}.button-white:hover{color:#285fb3;background:#f8faff;border-color:#bdcde5}.text-button{color:#6680a5;background:0 0;align-items:center;gap:6px;min-height:34px;padding:5px 0;font-size:12px;display:inline-flex}.text-button:hover{color:#245bb7}.icon-button{color:#8290a6;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:inline-flex}.icon-button:hover{color:#3464ad;background:#f0f4fa}.studio{background:#fff;border:1px solid #d6dfea;border-radius:6px;scroll-margin-top:70px;overflow:hidden}.studio-topbar{color:#8390a2;background:#fbfcfe;border-bottom:1px solid #e2e7ef;justify-content:space-between;align-items:center;height:32px;padding:0 10px 0 14px;font-size:10px;display:flex}.studio-tools{align-items:center;gap:7px;display:flex}.live-progress{color:#8296b0;margin-right:6px;font:10px Consolas,monospace}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:clamp(380px,100dvh - 420px,640px);display:grid}.studio-comparing .studio-grid{grid-template-columns:minmax(300px,1fr) minmax(0,2fr)}.editor-panel,.preview-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-tabs{background:#fff;border-bottom:1px solid #e3e9f2;flex-shrink:0;align-items:center;height:39px;display:flex}.editor-tabs>button{color:#8490a5;background:0 0;justify-content:center;align-items:center;gap:7px;height:100%;padding:0 15px;font-size:11px;display:flex;position:relative}.editor-tabs>button.selected{color:#285ca9;background:#f7faff}.editor-tabs>button.selected:after{content:"";background:#4b7dd0;height:2px;position:absolute;bottom:-1px;left:11px;right:11px}.file-name{color:#a0aabc;margin-left:auto;margin-right:13px;font:9px Consolas,monospace}.code-editor{direction:ltr;flex:1;min-height:0;overflow:hidden}.code-editor:focus-within{box-shadow:inset 0 0 0 1px #cbdcf5}.cm-scroller{overflow:auto!important}.cm-coach-hint{box-shadow:inset 3px 0 #6b96df;background:#edf4ff!important}.cm-coach-hint:after{content:"  ← посмотри здесь";color:#4775b8;white-space:nowrap;font-size:10px}.editor-status{color:#95a0b2;background:#fbfcfe;border-top:1px solid #e5eaf2;justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding:0 10px;font-size:9px;display:flex}.preview-panel{border-left:1px solid #dfe6f0}.preview-toolbar{border-bottom:1px solid #e3e9f2;flex-shrink:0;justify-content:space-between;align-items:center;height:39px;padding-right:9px;display:flex}.preview-tabs{align-items:center;gap:2px;height:100%;padding-left:6px;display:flex}.preview-tabs>button{color:#8a97aa;background:0 0;border-radius:4px;min-height:30px;padding:6px 10px;font-size:11px}.preview-tabs>button.selected{color:#3c6eb7;background:#f0f5fc}.preview-panes{background:#fff;flex:1;min-height:0;display:flex}.preview-viewport{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.preview-viewport[hidden]{display:none}.preview-viewport iframe{background:#fff;border:0;flex:1;width:100%;height:0;min-height:0;display:block}.compare .target-viewport{border-left:1px solid #e3e9f2}.preview-label{color:#7186a4;background:#f8faff;border-bottom:1px solid #e3e9f2;flex-shrink:0;padding:4px 10px;font-size:9px;line-height:18px;display:block}.preview-footer{color:#a0aabb;border-top:1px solid #e5eaf2;justify-content:space-between;align-items:center;gap:10px;min-height:28px;padding:0 10px;font-size:8px;display:flex}.preview-footer>button{color:#8191aa;background:0 0;align-items:center;gap:5px;min-height:27px;padding:0;font-size:9px;display:flex}.preview-footer>button.is-active{color:#3269b9}.page-footer{justify-content:space-between;align-items:center;gap:16px;padding:20px 0 85px;display:flex}.theory-content{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:30px;display:grid}.explanation p{color:#66758b;font-size:13px;line-height:1.85}.explanation p+p{margin-top:10px}.example-code{color:#52729b;background:#f8fafd;border:1px solid #e1e7ef;border-radius:5px;padding:16px 18px;font:12px/1.85 Consolas,monospace;overflow:auto}.dialog-overlay{z-index:90;background:#1d2e4755;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.app-dialog{background:#fff;border:1px solid #d6dfed;border-radius:9px;width:min(650px,90vw);max-height:90dvh;padding:25px;overflow:auto;box-shadow:0 16px 60px #172b4626}.app-dialog::backdrop{background:#1d2e4755}.dialog-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.dialog-top h2{letter-spacing:-.3px;font-size:20px;font-weight:650}.dialog-top button{color:#8292ac;background:0 0;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.dialog-description{color:#748299;margin-top:16px;font-size:13px;line-height:1.8}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.toast{z-index:100;color:#4c6586;background:#fff;border:1px solid #cbd7e8;border-radius:6px;align-items:center;gap:15px;width:max-content;max-width:700px;padding:11px 14px;font-size:12px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #233b5b18}.toast>button{color:#8a9bb3;background:0 0;place-items:center;width:24px;height:24px;padding:0;display:grid}.spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes content-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.guide-content{max-width:1250px;margin:auto;padding:32px 40px 55px}.guide-main .app-header{background:#fff}.guide-heading{max-width:790px;margin:29px 0 35px}.guide-eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:#6f8fbf;font-size:10px;font-weight:700;display:block}.guide-heading h1{letter-spacing:-1.25px;text-wrap:balance;margin-top:12px;font-size:clamp(28px,2.7vw,39px);font-weight:750;line-height:1.18}.guide-heading h1:focus{outline:none}.guide-heading>p{color:#657b9c;max-width:690px;margin-top:17px;font-size:14px;line-height:1.85}.guide-tabs{background:#e9f0fc;border:1px solid #dce6f7;border-radius:10px;align-items:center;gap:5px;padding:5px;display:inline-flex}.guide-tabs>a{color:#7388a9;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:10px 22px;font-size:12px;font-weight:650;display:flex}.guide-tabs>a.active{color:var(--blue);background:#fff;box-shadow:0 2px 6px #2b4b7610}.guide-back{color:#607b9e;align-items:center;gap:8px;min-height:44px;padding:32px 10px;font-size:11px;display:flex}.guide-back:hover{color:var(--blue)}.guide-page-nav{flex-direction:column;gap:6px;display:flex}.guide-page-nav>a{color:#7688a3;border-radius:8px;align-items:center;gap:12px;padding:12px 10px;font-size:13px;font-weight:600;display:flex}.guide-page-nav>a span{flex-direction:column;gap:5px;display:flex}.guide-page-nav small{color:#7c91b1;font-size:10px;font-weight:400}.guide-page-nav>a.active{color:#2c64c7;background:#edf4ff}.guide-anchors{flex-direction:column;gap:5px;margin-top:34px;display:flex}.guide-anchors>a{color:#6680a5;border-radius:6px;padding:10px;font-size:11px}.guide-anchors>a:hover{color:var(--blue);background:#f5f8ff}.guide-sidebar-note{color:#607493;margin-top:auto;padding:30px 12px 5px;font-size:11px;line-height:1.9}.guide-sidebar-note>svg{color:#88a5d4;margin-bottom:8px}.guide-section{margin-bottom:45px;scroll-margin-top:95px}.guide-section-heading{align-items:flex-start;gap:13px;margin-bottom:22px;display:flex}.guide-section-number{color:#4f7bbd;background:#e4edfd;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:33px;font:600 12px Consolas,monospace;display:grid}.guide-section-heading h2{color:#27446d;letter-spacing:-.45px;font-size:20px;font-weight:700;line-height:1.5}.guide-section-heading p{color:#607493;align-items:center;gap:6px;margin-top:5px;font-size:12px;line-height:1.7;display:flex}.structure-parts{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.structure-parts>button{color:#70819c;background:#fff;border:1px solid #dce5f3;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:7px 10px 7px 6px;font-size:11px;display:flex}.structure-parts>button>span{width:21px;height:21px;color:var(--part-color);background:var(--part-tint);border-radius:5px;place-items:center;font:700 10px Consolas,monospace;display:grid}.structure-parts>button.active{border-color:var(--part-color);color:var(--part-color);background:var(--part-tint)}.structure-comparison{grid-template-columns:minmax(270px,.87fr) minmax(0,1.13fr);align-items:stretch;gap:18px;display:grid}.scheme-preview,.scheme-source{background:#fff;border:1px solid #dbe5f4;border-radius:12px;min-width:0;overflow:hidden}.guide-panel-caption{color:#7c91b0;background:#fbfdff;border-bottom:1px solid #e1e9f7;align-items:center;gap:8px;min-height:42px;padding:12px 17px;font-size:10px;display:flex}.registration-demo{padding:28px 23px 14px}.scheme-block{border:1px solid var(--part-color);background:var(--part-tint);border-radius:6px;transition:box-shadow .2s,border-color .2s;position:relative}.scheme-block.is-selected{box-shadow:0 0 0 3px var(--part-color)}@supports (color:color-mix(in lab, red, red)){.scheme-block.is-selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--part-color) 18%,transparent)}}.scheme-block.is-selected{border-width:2px}.scheme-label{z-index:1;background:var(--part-tint);color:var(--part-color);border-radius:4px;min-height:20px;padding:3px 6px;font:10px Consolas,monospace;position:absolute;top:-10px;left:8px}.scheme-label:hover{background:var(--part-color);color:#fff}.registration-card{padding:24px 15px 15px}.registration-title{padding:18px 9px 14px}.registration-title strong{letter-spacing:-.4px;color:#315083;font-size:clamp(14px,1.3vw,19px);font-weight:700}.registration-form{margin-top:24px;padding:23px 12px 13px}.registration-field{flex-direction:column;gap:6px;padding:17px 9px 10px;display:flex}.registration-field+.registration-field{margin-top:22px}.registration-label{color:#47808b;font-size:10px}.registration-input{color:#4e757d;overflow-wrap:anywhere;background:#fff;border:1px solid #bedfe3;border-radius:4px;min-height:33px;padding:9px 7px;font-size:10px;display:block}.registration-button{text-align:center;color:#93601e;margin-top:23px;padding:17px 6px 10px;font-size:12px}.scheme-caption{color:#667994;padding:8px 23px 18px;font-size:10px;line-height:1.8}.structure-code{background:#fdfefe;min-height:100%;padding:25px 0;overflow-x:auto}.structure-code-line{border-left:3px solid var(--part-color);width:max-content;min-width:100%;color:var(--part-color);text-align:left;background:0 0;border-radius:0;align-items:flex-start;padding:7px 17px 7px 0;font:11px/1.65 Consolas,monospace;display:flex}.structure-code-line:hover{background:#f0f5fc}.structure-code-line.is-selected{background:var(--part-tint)}.code-line-number{color:#a7b3c5;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:35px;margin-right:17px}.code-line-text{white-space:pre}.structure-explanation{background:var(--part-tint);border:1px solid var(--part-color);align-items:flex-start;gap:13px;padding:18px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.structure-explanation{border:1px solid color-mix(in srgb,var(--part-color) 26%,white)}}.structure-explanation{border-radius:9px;margin-top:16px}.structure-part-number{border:1px solid var(--part-color);width:27px;height:27px;color:var(--part-color);border-radius:7px;flex-shrink:0;place-items:center;font:700 12px Consolas,monospace;display:grid}.structure-explanation strong{color:var(--part-color);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.structure-explanation strong code{opacity:.8;font:400 11px Consolas,monospace}.structure-explanation p{color:#68768b;margin-top:7px;font-size:12px;line-height:1.9}.html-tag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.html-tag-card{background:#fff;border:1px solid #dce5f3;border-radius:12px;min-width:0;padding:22px}.tag-name{color:#3267c1;background:#f0f5ff;border:1px solid #dbe7fb;border-radius:5px;padding:5px 8px;font:11px/1.6 Consolas,monospace;display:inline-block}.html-tag-card h3{color:#315079;margin-top:14px;font-size:15px;font-weight:650}.html-tag-card>p{color:#607493;min-height:48px;margin:9px 0 16px;font-size:12px;line-height:1.85}.html-tag-card>pre{color:#5573a1;background:#f7faff;border:1px solid #e2eaf7;border-radius:7px;padding:14px;font:11px/1.85 Consolas,monospace;overflow-x:auto}.tag-preview{color:#536d91;border:1px dashed #d4e0f1;border-radius:7px;align-items:center;min-height:122px;margin-top:15px;padding:27px 16px 15px;font-size:13px;display:flex;position:relative}.tag-preview-label{color:#9aaac1;text-transform:uppercase;letter-spacing:.6px;font-size:8px;position:absolute;top:9px;right:12px}.tag-mini-card{background:#edf4ff;border:1px solid #d1dffa;border-radius:8px;padding:10px 15px}.tag-mini-card p{margin-top:5px;font-size:11px}.tag-mini-h1,.tag-mini-h2{color:#42628f;font-weight:650;display:block}.tag-mini-h1{font-size:20px}.tag-mini-h2{margin-top:6px;font-size:14px}.tag-mini-link{color:#2563eb;text-underline-offset:4px;text-decoration:underline}.tag-mini-image{object-fit:contain;width:66px;height:66px}.tag-mini-button{color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:7px;padding:9px 17px;font-size:12px}.tag-mini-button:active{background:#1c4eae;transform:scale(.97)}.tag-mini-field{flex-direction:column;gap:7px;width:100%;font-size:11px;display:flex}.tag-mini-field input,.tag-mini-input{color:#476387;background:#fafcff;border:1px solid #d5e1f4;border-radius:5px;min-width:0;padding:9px;font-size:12px}.tag-form-caption{color:#97a5ba;font-size:9px}.tag-mini-list{padding-left:17px;line-height:1.8;list-style:outside}.tag-mini-layout{text-align:center;flex-direction:column;gap:4px;width:100%;font-size:10px;display:flex}.tag-mini-layout>*{background:#f1f6ff;border:1px solid #d4e2f9;border-radius:4px;padding:5px}.tag-mini-layout>strong{background:#e3eeff;padding:12px 5px}.reading-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.reading-rules>article{background:#fff;border:1px solid #dce5f3;border-radius:10px;padding:22px}.reading-rules>article>span{color:#90ace0;font:700 12px Consolas,monospace}.reading-rules h3{color:#34527c;margin:12px 0 9px;font-size:14px;font-weight:650}.reading-rules p{color:#607493;font-size:12px;line-height:1.9}.reading-rules code,.spacing-shorthand p code,.css-reading-example li code,.css-punctuation code{color:#3467b8;background:#edf4ff;border-radius:3px;padding:1px 3px;font:.95em/1.8 Consolas,monospace}.guide-next{border-top:1px solid #dce5f3;justify-content:space-between;align-items:center;gap:20px;padding-top:27px;display:flex}.guide-next>span{color:#6c82a2;align-items:center;gap:12px;font-size:13px;line-height:1.7;display:flex}.guide-next>span>svg{color:#7fa1d8;flex-shrink:0}.css-lab-layout{grid-template-columns:205px minmax(0,1fr);gap:20px;display:grid}.property-picker{background:#fff;border:1px solid #dce5f3;border-radius:10px;align-self:start;padding:6px}.property-picker>button{text-align:left;color:#7589a8;background:0 0;border:1px solid #0000;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:51px;padding:9px 10px;display:flex}.property-picker code{color:#536f99;width:calc(100% - 20px);font:11px Consolas,monospace}.property-picker span{width:calc(100% - 20px);font-size:9px}.property-picker svg{opacity:0;color:var(--blue);margin-top:-12px}.property-picker>button.active{background:#edf4ff;border-color:#caddfb}.property-picker>button.active code{color:var(--blue)}.property-picker>button.active svg{opacity:1}.property-picker>button:hover{background:#f4f8ff}.css-lab{background:#fff;border:1px solid #d7e3f6;border-radius:12px;align-self:start;min-width:0;padding:25px;position:sticky;top:96px}.css-lab-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.css-lab-title h3{color:#285bb3;letter-spacing:-.6px;margin-top:9px;font:700 25px/1.3 Consolas,monospace}.animation-toggle{color:#5c7fae;background:#f7faff;border:1px solid #d8e5f8;border-radius:7px;align-items:center;gap:7px;min-height:37px;padding:9px 12px;font-size:11px;display:flex}.animation-toggle:hover{color:#2563eb;background:#edf4ff}.css-lab-description{color:#607493;min-height:45px;margin:15px 0 17px;font-size:13px;line-height:1.8}.property-stage{isolation:isolate;background:#fbfdff;border:1px solid #dce7f7;border-radius:9px;justify-content:center;align-items:center;min-height:255px;padding:27px 10px;display:flex;position:relative;overflow:hidden}.property-stage-grid{opacity:.4;z-index:-1;background-image:radial-gradient(#b9cce6 1px,#0000 1px);background-size:15px 15px;position:absolute;inset:0}.property-demo-card{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;transition:all .8s cubic-bezier(.3,0,.2,1);display:flex}.spacing-visual{flex-direction:column;align-items:center;gap:11px;display:flex}.spacing-outside{color:#ac7230;font-size:10px}.spacing-inside{color:#218b76;font-size:10px}.space-envelope{background:repeating-linear-gradient(135deg,#f4cf9a44 0 3px,#fff3e0 3px 8px);border-radius:1px;outline:1px dashed #e2ad64;display:inline-flex}.model-box{box-sizing:content-box;background:repeating-linear-gradient(135deg,#a0d6c94a 0 3px,#e8f9f0 3px 8px);border:2px solid #2563eb;transition:padding .8s cubic-bezier(.3,0,.2,1),margin .8s cubic-bezier(.3,0,.2,1)}.model-content{color:#537c76;background:#fff;border:1px dashed #92b7b0;place-items:center;width:105px;height:45px;font-size:11px;display:grid}.flex-demo{background:#f2f7ff;border:1px dashed #a8c2eb;border-radius:8px;width:230px;min-height:75px;padding:10px;transition:gap .8s}.flex-demo.wrapping{width:205px;min-height:122px;overflow:hidden}.flex-demo-item{color:#4273bd;background:#dae9ff;border:1px solid #a8c5f5;border-radius:6px;flex:0 0 43px;place-items:center;width:43px;height:43px;font:700 15px Consolas,monospace;display:grid}.flex-demo-item:nth-child(2){color:#4b8bae;background:#e0f2ff;border-color:#a6d4f1}.flex-demo-item:nth-child(3){color:#6b78b5;background:#e8eaff;border-color:#bfc6ef}.flex-demo.wrapping .flex-demo-item{flex-basis:55px;width:55px}.flex-demo[style*=block] .flex-demo-item+.flex-demo-item{margin-top:8px}.demo-value-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:17px;display:flex}.demo-value-controls>button:not(.demo-restart){color:#7d90ae;background:#fff;border:1px solid #dce6f6;border-radius:6px;align-items:center;min-height:35px;padding:8px 10px;font:11px/1.5 Consolas,monospace;display:flex}.demo-value-controls>button.active{color:#2563eb;background:#edf4ff;border-color:#9dbeef}.demo-value-controls>svg{color:#adc1de;flex-shrink:0}.demo-restart{color:#6a8cbf;background:#f0f5fc;border:1px solid #dce6f6;border-radius:6px;place-items:center;width:35px;height:35px;margin-left:auto;display:grid}.css-demo-code{color:#355e9b;background:#f1f6ff;border:1px solid #d9e6fb;border-radius:8px;margin-top:17px;padding:19px 22px;font:13px/1.9 Consolas,monospace;overflow-x:auto}.css-demo-note{color:#607493;margin-top:12px;font-size:11px;line-height:1.8}.box-model-guide{background:#fff;border:1px solid #dce5f3;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;padding:27px;display:grid}.box-model-static{background:#fbfdff;border:1px solid #e4ebf6;border-radius:9px;justify-content:center;align-items:center;min-height:240px;display:flex}.box-model-legend{flex-direction:column;gap:18px;display:flex}.box-model-legend>div{align-items:flex-start;gap:12px;display:flex}.box-model-legend p{color:#607493;font-size:12px;line-height:1.8}.box-model-legend strong{color:#4f698e;margin-bottom:3px;font-size:12px;font-weight:650;display:block}.legend-swatch{border-radius:4px;flex-shrink:0;width:24px;height:24px;margin-top:2px;display:block}.margin-swatch{background:repeating-linear-gradient(135deg,#f6e0bc 0 3px,#fff3e0 3px 7px);border:1px dashed #dbae6e}.padding-swatch{background:repeating-linear-gradient(135deg,#b7e3d5 0 3px,#e8f9f0 3px 7px);border:1px dashed #67b59e}.border-swatch{border:2px solid #2563eb}.content-swatch{background:#fff;border:1px dashed #92b7b0}.spacing-shorthand{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:25px;margin-top:18px;display:grid}.spacing-shorthand pre{color:#4a6f9f;background:#edf4ff;border:1px solid #d8e5f9;border-radius:8px;padding:19px 22px;font:12px/1.9 Consolas,monospace}.spacing-shorthand p{color:#607493;font-size:12px;line-height:2}.css-reading-example{background:#fff;border:1px solid #dce5f3;border-radius:10px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;padding:27px;display:grid}.css-reading-example>pre{color:#7690b7;background:#f5f8fe;border:1px solid #e1e9f7;border-radius:8px;padding:24px;font:15px/2 Consolas,monospace;overflow-x:auto}.css-selector{color:#cd4255}.css-property{color:#2563eb}.css-value{color:#087f8c}.css-reading-example ol{color:#607493;margin:0;padding-left:16px;font-size:12px;line-height:1.8}.css-reading-example li{padding-left:5px}.css-reading-example li+li{margin-top:13px}.css-reading-example li strong{color:#55719a;font-size:12px;font-weight:650;display:block}.css-punctuation{color:#607493;margin-top:15px;font-size:12px;line-height:1.9}@media (width>=1700px){.guide-content{max-width:1400px;padding:40px 55px 65px}.structure-code-line{padding-top:9px;padding-bottom:9px;font-size:13px}.registration-demo{padding:32px}}@media (width<=1180px){.guide-content{padding:28px 30px 45px}.guide-sidebar{display:none}}@media (width<=760px){.guide-content{padding:23px 20px 35px}.guide-heading{margin-top:25px}.guide-heading h1{font-size:32px}.guide-section-heading h2{font-size:18px}.structure-comparison{grid-template-columns:1fr;gap:15px}.registration-demo{max-width:360px;margin:auto}.structure-code{min-height:0;padding:18px 0}.structure-code-line{font-size:12px}.html-tag-grid{gap:13px}.html-tag-card{padding:17px}.reading-rules{grid-template-columns:1fr;gap:12px}.css-lab-layout{grid-template-columns:1fr;gap:15px}.property-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.property-picker>button{min-height:50px;padding:8px}.property-picker code{width:100%;font-size:10px}.property-picker span{font-size:8px}.property-picker svg{display:none}.css-lab{position:static}.box-model-guide{gap:25px;padding:20px}.box-model-legend{gap:13px}.spacing-shorthand{gap:18px}.css-reading-example{gap:22px;padding:20px}.css-reading-example>pre{padding:17px;font-size:13px}.guide-next{flex-direction:column;align-items:flex-start}}@media (width<=520px){.property-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.property-picker code{font-size:11px}.property-picker span{font-size:10px}.guide-content{padding:20px 14px 30px}.guide-main .app-header{padding:0 14px}.guide-main .app-header .button{min-height:35px;padding:7px 9px;font-size:10px}.guide-main .breadcrumb{gap:5px;font-size:10px}.guide-main .breadcrumb>span{display:inline}.guide-heading h1{letter-spacing:-.8px;font-size:29px}.guide-heading>p{font-size:13px}.guide-section-heading{gap:9px}.guide-section-heading h2{font-size:17px}.guide-section-heading p{font-size:11px}.structure-parts{gap:6px}.structure-parts>button{font-size:10px}.structure-code-line{padding-right:12px;font-size:11px}.code-line-number{width:24px;margin-right:12px}.structure-explanation{padding:15px}.structure-explanation strong,.structure-explanation p{font-size:12px}.html-tag-grid{grid-template-columns:1fr}.html-tag-card{padding:20px}.html-tag-card>p{min-height:0;font-size:13px}.html-tag-card>pre{font-size:12px}.tag-mini-field input{font-size:16px}.css-lab{padding:18px 15px}.css-lab-title h3{font-size:21px}.css-lab-title{gap:7px}.animation-toggle{padding:8px;font-size:10px}.css-demo-code{padding:16px;font-size:12px}.demo-value-controls>button:not(.demo-restart){padding:8px;font-size:10px}.box-model-guide{grid-template-columns:1fr;padding:18px}.box-model-legend p{font-size:12px}.spacing-shorthand,.css-reading-example{grid-template-columns:1fr}.css-reading-example ol{font-size:12px}.property-stage{min-height:250px}}.task-values{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.task-value{background:#fff;border:1px solid #ccdffc;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 10px;font-size:12px;display:flex}.task-value>span:first-child{color:#536c94;border-right:1px solid #dce5f3;padding-right:8px;font:11px Consolas,monospace}.task-value code{color:#2453a7;font:12px Consolas,monospace}.task-value strong{font-weight:700}.task-color{border:1px solid #becde4;border-radius:5px;flex-shrink:0;width:20px;height:20px}.page-footer{padding-bottom:90px}.cosmo-face{width:100%;height:100%;display:block;position:relative;overflow:visible}.cosmo-body{transform-origin:52px 90px;animation:5s ease-in-out infinite cosmo-breathe}.cosmo-eyes{transform-origin:52px 51px;translate:var(--gaze-x,0) var(--gaze-y,0);transition:translate .12s;animation:6s linear infinite cosmo-blink}.cosmo-hand{transform-origin:76px 86px}.mood-offer .cosmo-hand,.mood-guide .cosmo-hand{animation:.85s ease-in-out 3 cosmo-wave}.quiet-mode .cosmo-body{animation:none}.cosmo-progress{background:#e2ebf8;border-radius:3px;height:3px;margin-top:12px;overflow:hidden}.cosmo-progress>span{transform-origin:0;background:#6b95d6;height:100%;transition:transform .35s;display:block}.cosmo-progress-label{color:#8a9ebc;margin-top:7px;font-size:10px;display:block}.cosmo-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px;display:flex}.cosmo-reveal{color:#fff;background:var(--blue);border-radius:5px;align-items:center;gap:5px;padding:8px 10px;display:inline-flex}.cosmo-snooze{color:#8197b8;background:0 0;align-items:center;gap:5px;padding:5px 0;display:flex}.cosmo-ask{color:#567eb8;background:#fff;border:1px solid #d6e3f7;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px;display:flex}.ready-check{margin-top:12px}.mentor-form{gap:7px;display:flex}.mentor-form>input{color:#4b678d;background:#fff;border:1px solid #d8e3f3;border-radius:5px;flex:1;width:0;min-width:0}.mentor-form>button{color:#fff;background:#3d76d6;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.mentor-form input::placeholder{color:#93a5bd}.mentor-messages{flex-direction:column;display:flex}.mentor-message{border:1px solid #e1e8f4;border-radius:7px}.message-author{color:#90a3bf;font-size:9px;display:block}.mentor-text p{font-size:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;line-height:1.8}.mentor-text code{color:#3868ad;background:#eaf1fc;border-radius:3px;padding:1px 3px;font:.95em Consolas,monospace}.mentor-text pre{white-space:pre-wrap;background:#edf4ff;border-radius:5px;margin-top:8px;padding:11px;overflow-x:auto}.mentor-text pre code{background:0 0;padding:0}.mentor-message small{color:#8b9ab0;margin-top:7px;font-size:10px;line-height:1.7;display:block}.mentor-loading{color:#8199bd;align-items:center;gap:7px;margin-top:13px;font-size:11px;display:flex}.mentor-offline-note{color:#8a9ab0;margin-top:9px;line-height:1.7}@keyframes cosmo-breathe{50%{transform:translateY(-2px)}}@keyframes cosmo-blink{0%,43%,47%,to{scale:1}45%{scale:1 .08}}@keyframes cosmo-wave{0%,to{rotate:0deg}35%{rotate:18deg}65%{rotate:-5deg}}@media (prefers-reduced-motion:reduce){.cosmo-eyes{translate:0!important}}.reference-nav{min-height:44px;padding:10px 0;font-size:11px}.sidebar-bottom .nav-label{margin-left:0}.editor-status{flex-wrap:wrap;gap:5px 10px}.editor-status>span:last-child{font-size:9px}.helper-bot{z-index:45;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:25px}.helper-bot>*{pointer-events:auto}.helper-launcher{color:#2856a6;background:#fff;border:1px solid #cadcfa;border-radius:18px;align-items:center;gap:12px;min-height:64px;padding:6px 16px 6px 5px;display:flex;position:relative;box-shadow:0 5px 25px #15387418}.helper-launcher:hover{background:#f6f9ff;transform:translateY(-2px);box-shadow:0 7px 28px #15387424}.helper-launcher.is-open{border-color:#9fbff4}.helper-launcher-cat{width:51px;height:55px;display:block}.helper-launcher>span:nth-child(2){flex-direction:column;align-items:flex-start;gap:4px;display:flex}.helper-launcher strong{font-size:13px;font-weight:700}.helper-launcher small{color:#6b83a9;font-size:10px;font-weight:400}.helper-launcher>svg{margin-left:7px}.helper-unread{background:var(--blue);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;right:3px}.helper-nudge{color:#2a568d;background:#fff;border:1px solid #b7d0f8;border-radius:12px 12px 3px;align-items:flex-start;width:235px;padding:12px 10px 12px 15px;animation:.3s both content-enter;display:flex;box-shadow:0 5px 25px #1e4a8812}.helper-nudge button:first-child{text-align:left;color:inherit;background:0 0;flex:1;padding:0;font-size:12px;line-height:1.6}.helper-nudge button:last-child{color:#7890b5;background:0 0;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.helper-window{background:#fff;border:1px solid #c9daf5;border-radius:17px;flex-direction:column;width:370px;height:min(600px,100dvh - 120px);animation:.2s both dialog-enter;display:flex;overflow:hidden;box-shadow:0 15px 65px #1e3a6429,0 2px 9px #244d8412}.helper-header{background:#f8fbff;border-bottom:1px solid #e1eaf8;flex-shrink:0;align-items:center;gap:12px;padding:13px 17px 11px;display:flex}.helper-avatar{width:43px;height:47px}.helper-header h2{color:#244a82;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.helper-header p{color:#6e84a4;margin-top:4px;font-size:11px}.helper-header .icon-button{width:36px;height:36px;margin-left:auto}.helper-online{background:#3e87db;border-radius:50%;width:5px;height:5px}.helper-content{overscroll-behavior:contain;flex:1;min-height:0;padding:16px;overflow-y:auto}.helper-welcome{background:#f3f7ff;border:1px solid #dce8fa;border-radius:10px;padding:13px}.helper-welcome>p{color:#395d8b;font-size:12px;line-height:1.8}.helper-bot .cosmo-progress-label{font-size:10px}.helper-bot .cosmo-reveal{min-height:36px;font-size:11px}.helper-bot .cosmo-ask{min-height:39px;margin-top:12px;font-size:12px}.helper-bot .cosmo-snooze{min-height:36px;font-size:11px}.helper-bot .mentor-messages{gap:12px;max-height:none;margin-top:15px;padding:0;overflow:visible}.helper-bot .mentor-message{background:#f8faff;padding:12px;font-size:12px}.helper-bot .mentor-message.student{background:#edf4ff;margin-left:32px}.helper-bot .mentor-message p{color:#3e5c85;line-height:1.8}.helper-bot .mentor-text pre code{font-size:12px}.helper-bot .mentor-message small{font-size:10px}.helper-bot .mentor-loading{padding:5px 0;font-size:12px}.helper-composer{background:#fff;border-top:1px solid #e3ebf8;flex-shrink:0;padding:12px 15px}.helper-composer .mentor-form{gap:7px;margin:0}.helper-composer .mentor-form input{min-height:43px;padding:10px 12px;font-size:12px}.helper-composer .mentor-form button{width:42px;min-height:43px}.helper-scope{color:#8493aa;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:9px;display:flex}.helper-scope>button{color:#6a85ae;background:0 0;align-items:center;gap:4px;min-height:27px;padding:3px 0 3px 5px;font-size:9px;display:flex}.helper-scope>button[aria-pressed=false]{color:#8d98aa}.helper-bot .mentor-offline-note{font-size:10px}@media (width<=600px){.helper-bot{right:13px;bottom:max(12px,env(safe-area-inset-bottom));gap:9px}.helper-launcher{border-radius:16px;gap:9px;min-height:56px;padding:4px 13px 4px 4px}.helper-launcher-cat{width:43px;height:47px}.helper-launcher strong{font-size:12px}.helper-launcher small{font-size:9px}.helper-window{width:min(370px,100vw - 26px);height:min(600px,100dvh - 98px)}.helper-composer .mentor-form input{font-size:16px}.helper-header{padding:10px 14px}.helper-bot .mentor-message{font-size:13px}.helper-content{padding:13px}.helper-nudge{width:220px}.toast{bottom:88px}.task-value{gap:6px;padding:8px;font-size:11px}.editor-status>span:last-child{font-size:8px}}.lesson-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.lesson-counter{color:#8c99ad;font:10px Consolas,monospace}.lesson-header h1{letter-spacing:-.45px;margin-top:5px;font-size:23px;font-weight:650;line-height:1.3}.lesson-header h1:focus{outline:none}.lesson-reference{color:#6e86aa;align-items:center;gap:9px;font-size:11px;display:inline-flex}.lesson-reference:hover{color:var(--blue)}.task-strip{background:#fff;border:1px solid #dce3ed;border-radius:5px;margin-bottom:13px;padding:12px 15px}.task-strip-heading{color:#8b98ac;justify-content:space-between;align-items:center;gap:20px;margin-bottom:5px;font-size:10px;display:flex}.task-strip-heading>strong{color:#52677f;font-size:11px;font-weight:600}.task-strip-heading>span{align-items:center;gap:4px;display:flex}.task-strip-heading .coin-amount>svg{width:12px;height:12px}.task-strip>p{color:#52657f;font-size:13px;line-height:1.7}.lesson-requirements{background:#fff;border:1px solid #dce3ed;border-radius:5px;margin-bottom:13px;padding:13px 15px}.requirements-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;display:flex}.requirements-heading h2{color:#52677f;font-size:12px;font-weight:600}.requirements-heading>span{color:#71829b;font-size:11px}.lesson-requirements ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:0;padding:0;list-style:none;display:grid}.lesson-requirements li{color:#71829b;align-items:center;gap:8px;font-size:12px;line-height:1.6;transition:color .2s;display:flex}.lesson-requirements li>svg{color:#a1aec1;flex-shrink:0}.lesson-requirements li.passed,.lesson-requirements li.passed>svg{color:#23834b}.lesson-requirements li small{color:#23834b;margin-left:auto;padding-left:8px;font-size:10px}.lesson-requirements.updating ul{opacity:.65}.task-specs{border-top:1px solid #edf0f5;flex-wrap:wrap;gap:10px 28px;margin:9px 0 0;padding-top:9px;display:flex}.task-specs>div{align-items:center;gap:10px;display:flex}.task-specs dt{color:#8b98ad;font:11px Consolas,monospace}.task-specs dd{color:#44648d;align-items:center;gap:8px;margin:0;font:11px Consolas,monospace;display:flex}.task-specs strong{font-weight:600}.spec-color{border:1px solid #c4cede;border-radius:2px;flex-shrink:0;width:12px;height:12px;display:block}.practice-review{padding:12px 0 5px}.practice-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.practice-toolbar>span{color:#8b98ac;font-size:11px}.practice-toolbar>span.practice-passed{color:#3c7696}.practice-toolbar>div{align-items:center;gap:24px;display:flex}.review-details{color:#798ba5;font-size:11px}.review-details>summary{cursor:pointer;align-items:center;gap:7px;width:fit-content;padding:8px 0;list-style:none;display:flex}.review-details>summary::-webkit-details-marker{display:none}.review-details[open]>summary svg{transform:rotate(180deg)}.review-details ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:9px 0 0;list-style:none;display:grid}.review-details li{color:#71829b;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7;display:flex}.review-details li>span{color:#a6b3c7;flex-shrink:0;place-items:center;width:16px;height:20px;display:grid}.review-details li.passed>span{color:#4b8b9c}.review-details li.failed>span{color:#c07a54}.review-details small{color:#a47b62;margin-top:3px;font-size:11px;display:block}.lesson-theory{border-top:1px solid #dfe5ef;margin-top:21px}.theory-heading{text-align:left;color:#697d9a;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:53px;padding:0;font-size:12px;display:flex}.theory-heading:hover{color:#285fb7}.theory-heading .rotated{transform:rotate(180deg)}.lesson-theory .theory-content{padding:5px 0 18px}.explanation .theory-tip{color:#8a99ad;font-size:12px}.account-menu{font-size:11px;position:relative}.account-menu>summary{cursor:pointer;color:#62728b;align-items:center;gap:8px;min-height:32px;list-style:none;display:flex}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>div{z-index:40;background:#fff;border:1px solid #d8e1ee;border-radius:6px;width:225px;padding:7px;position:absolute;top:38px;right:0;box-shadow:0 7px 25px #233b5b12}.account-menu>div>span{color:#9aa5b5;border-bottom:1px solid #edf0f5;margin-bottom:4px;padding:8px 9px 12px;font:11px Consolas,monospace;display:block}.account-menu button{color:#647792;text-align:left;background:0 0;border-radius:4px;align-items:center;gap:7px;width:100%;min-height:35px;padding:8px 9px;font-size:11px;display:flex}.account-menu button:hover{background:#f3f6fc}.lesson-quiz{background:#fff;border:1px solid #dce3ed;border-radius:6px;margin-top:17px;padding:21px}.quiz-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.quiz-heading h2{color:#374f71;font-size:16px;font-weight:650}.quiz-heading h2:focus{outline:none}.quiz-heading h2{scroll-margin-top:77px}.quiz-heading p{color:#8d9ab0;margin-top:6px;font-size:11px}.quiz-coins{color:#8c6b28;align-items:center;gap:6px;font:11px Consolas,monospace;display:flex}.quiz-start{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.quiz-start>span{color:#8b99ae;font-size:12px}.quiz-step-bar{color:#8a99b0;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:20px;margin:23px 0 20px;padding-top:18px;font-size:11px;display:flex}.quiz-step-bar>div{gap:5px;display:flex}.quiz-step-bar>div>span{background:#e7ecf4;border-radius:2px;width:24px;height:3px}.quiz-step-bar>div>span.current{background:#4d7fcd}.quiz-step-bar>div>span.answered{background:#b7cdec}.quiz-question{border:0;min-width:0;margin:0;padding:0}.quiz-question legend{color:#435b7e;font-size:15px;font-weight:600;line-height:1.7}.quiz-question>pre{color:#54779e;background:#f7f9fd;border:1px solid #e1e8f2;border-radius:5px;margin-top:15px;padding:14px 17px;font:12px/1.85 Consolas,monospace;overflow:auto}.quiz-options{gap:9px;margin-top:18px;display:grid}.quiz-options>label{color:#6b7d97;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:5px;align-items:center;gap:12px;min-height:43px;padding:11px 13px;font-size:13px;display:flex}.quiz-options>label:hover{background:#f9fbff;border-color:#c9d9ef}.quiz-options>label.selected{color:#315e9d;background:#f4f8ff;border-color:#a9c5ee}.quiz-options input{accent-color:#2563eb;margin:0}.quiz-actions{justify-content:flex-end;align-items:center;gap:20px;margin-top:20px;display:flex}.quiz-actions>.text-button{margin-right:auto}.quiz-result-banner{color:#8e7858;background:#fdfbf7;border:1px solid #e4dfd5;border-radius:5px;margin-top:20px;padding:12px 14px;font-size:12px;line-height:1.8}.quiz-result-banner.passed{color:#547fa6;background:#f2f8fd;border-color:#cddfee}.quiz-review{gap:16px;margin:18px 0 0;padding:0;list-style:none;display:grid}.quiz-review li{gap:12px;line-height:1.8;display:flex}.quiz-review-mark{color:#aa7c4f;flex-shrink:0;place-items:center;width:20px;height:22px;font-size:12px;display:grid}.correct .quiz-review-mark{color:#568591}.quiz-review strong{color:#617492;font-size:12px;font-weight:550}.quiz-review p{color:#8b9ab0;margin-top:3px;font-size:11px}.quiz-review code{color:#5a7aa8;font:11px Consolas,monospace}.legacy-profiles{gap:10px;margin-top:18px;display:grid}.legacy-profiles>label{cursor:pointer;border:1px solid #dce5f1;border-radius:5px;align-items:center;gap:12px;padding:14px;display:flex}.legacy-profiles input{accent-color:var(--blue)}.legacy-profiles strong{font-size:13px;font-weight:550;display:block}.legacy-profiles small{color:#8a9ab1;margin-top:5px;font-size:11px;display:block}.empty-state{color:#8b9ab0;padding:25px 0;font-size:13px}.field-error{color:#a44f41;margin-top:12px;font-size:12px;line-height:1.7}.login-page{place-items:center;min-height:100dvh;padding:50px;display:grid}.login-wrap{width:390px}.login-wrap>.brand{width:fit-content;margin:0 auto 28px;padding:0}.login-card{background:#fff;border:1px solid #dce3ed;border-radius:8px;padding:29px}.login-card h1{letter-spacing:-.4px;color:#334d71;text-align:center;font-size:22px;font-weight:650}.login-card>p{color:#8897ac;margin-top:9px;font-size:12px;line-height:1.8}.login-card form{flex-direction:column;margin-top:26px;display:flex}.login-card form>label:not(.remember-field){color:#697f9e;margin-bottom:8px;font-size:12px}.login-card form>input,.password-field>input{color:#435f84;outline-offset:1px;background:#fff;border:1px solid #d4deec;border-radius:5px;width:100%;height:41px;padding:9px 11px;font-size:14px;display:block}.login-card form>input{margin-bottom:19px}.password-field{position:relative}.password-field>input{padding-right:41px}.password-field>button{color:#95a5bd;background:0 0;border-radius:4px;place-items:center;width:38px;display:grid;position:absolute;inset:1px 1px 1px auto}.remember-field{color:#8c9ab0;cursor:pointer;align-items:center;gap:8px;margin-top:17px;font-size:11px;display:flex}.remember-field input{accent-color:var(--blue);margin:0}.login-submit{width:100%;min-height:40px;margin-top:22px}.login-card>.login-help{border-top:1px solid #edf0f5;margin-top:21px;padding-top:18px;font-size:11px}.login-footnote{color:#9aa7ba;text-align:center;margin-top:20px;font-size:11px}.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#f8fafd 48%,#eef1f5 70%) 0 0/220% 100%;border-radius:3px;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}.editor-skeleton{background:#fff;flex:1;min-height:0;padding:22px 18px 0 0;display:flex}.skeleton-gutter{text-align:right;color:#d0d8e4;flex-shrink:0;align-content:start;gap:11px;width:43px;padding-right:10px;font:12px Consolas,monospace;display:grid}.skeleton-code{flex:1;align-content:start;gap:15px;padding:2px 10px;display:grid}.skeleton-code>span{height:10px;min-height:10px}.preview-skeleton{background:#fff;flex-direction:column;justify-content:center;gap:13px;padding:35px 20%;display:flex;position:absolute;inset:0}.preview-skeleton>.skeleton{height:10px}.preview-skeleton>.skeleton-picture{height:145px;margin-bottom:8px}.preview-skeleton>.skeleton-short{width:62%}.page-skeleton{z-index:24;background:#f6f8fb;padding:30px 25px;position:fixed;inset:54px 0 0 210px}.skeleton-title{width:37%;height:25px}.skeleton-subtitle{width:58%;height:13px;margin-top:18px}.skeleton-workspace{background:#fff;border:1px solid #e0e6ef;border-radius:6px;grid-template-columns:1fr 1fr;height:450px;margin-top:30px;display:grid;position:relative;overflow:hidden}.skeleton-workspace>.preview-skeleton{position:relative}#boot-skeleton{z-index:120;background:#f6f8fb;padding:12vh 12%;position:fixed;inset:0}#boot-skeleton .skeleton-title{width:30%}.guide-sidebar{display:flex!important;transform:none!important}.guide-content{width:100%;max-width:none;padding:26px 25px 45px}.workshop-content{width:100%;max-width:none}.guide-main .main-area{margin-left:210px}.guide-heading{margin:24px 0 30px}.guide-heading h1{letter-spacing:-.5px;font-size:29px;font-weight:650}.guide-tabs{background:#edf1f7;border-radius:5px;padding:3px}.guide-tabs>a{border-radius:3px;min-height:31px;padding:7px 17px;font-size:11px}.guide-tabs>a.active{box-shadow:none}.guide-section-heading h2{font-size:18px;font-weight:600}.guide-section-number{background:#eaf0fa;border-radius:5px;font-weight:500}.html-tag-grid{gap:16px}.html-tag-card{border-radius:6px;grid-template-rows:28px 24px 72px 146px minmax(140px,1fr);gap:12px;padding:20px;display:grid}.html-tag-card>.tag-name{border-radius:3px;align-self:start;width:fit-content;padding:3px 7px;font-size:11px}.html-tag-card>h3,.html-tag-card>p,.html-tag-card>pre,.html-tag-card>.tag-preview{min-height:0;margin:0}.html-tag-card>h3{font-size:14px;font-weight:600}.html-tag-card>p{font-size:12px}.html-tag-card>pre{border-radius:4px;height:100%;font-size:12px}.html-tag-card>.tag-preview{border-radius:4px;min-height:140px}@supports (grid-template-rows:subgrid){.html-tag-card{grid-row:span 5;grid-template-rows:subgrid}}.css-lab,.scheme-preview,.scheme-source,.box-model-guide{border-radius:6px}.property-stage-grid{display:none}.property-stage{background:#fafbfd;border-radius:5px}.flex-demo{height:180px;transition:none}.flex-demo.tall,.flex-demo.wrapping{height:180px}.flex-demo-item{transition:background .6s,border-color .6s}.helper-bot .helper-launcher{border-radius:10px;gap:10px;min-height:56px;padding-right:18px;box-shadow:0 3px 18px #19345712}.helper-launcher-cat{width:43px;height:47px}.helper-launcher strong{font-size:12px}.helper-launcher small{font-size:9px}.helper-nudge{border-radius:7px;position:absolute;bottom:5px;right:calc(100% + 12px)}.course-sidebar{overflow:hidden}.sidebar .brand{justify-content:center;padding-left:0;padding-right:0}.course-tree{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.course-tree details>summary{color:#5e7290;cursor:pointer;align-items:center;gap:6px;min-height:38px;padding:7px 4px;font-size:11px;list-style:none;display:flex}.course-tree summary::-webkit-details-marker{display:none}.course-tree details[open]>summary>svg:first-child{transform:rotate(90deg)}.course-tree summary>span{flex:1;min-width:0}.course-tree summary>small{color:#9ba8bb;font:9px Consolas,monospace}.folder-lessons{border-left:1px solid #e5eaf2;margin-left:10px;padding-left:4px}.folder-lessons .route-item{gap:4px;min-height:35px;padding:7px 4px;font-size:11px}.folder-lessons .route-number{width:19px;font-size:9px}.folder-lessons .route-item.locked{opacity:1;color:#9ba7b9;cursor:not-allowed}.folder-lessons .route-item.locked:hover{color:#9ba7b9;background:0 0}.course-lock-note{color:#8696ad;margin:6px 0 8px 27px;font-size:10px;line-height:1.6}.project-folder{margin-left:11px}.course-sidebar .sidebar-bottom{flex-shrink:0;padding-top:19px}.completion-bar{background:#fff;border:1px solid #dce4ef;border-radius:6px;align-items:center;gap:10px;margin-top:16px;padding:15px 16px;display:flex}.completion-bar>div{flex:1;min-width:0}.completion-bar strong{color:#547294;font-size:13px;font-weight:600;display:block}.completion-bar>div>span{color:#8d9db3;margin-top:5px;font-size:11px;display:block}.quiz-dialog{width:690px;padding:25px 28px}.app-dialog{max-width:calc(100vw - 48px);height:fit-content;max-height:calc(100dvh - 48px);margin:auto;position:fixed;inset:0}.quiz-lesson-name{color:#8a9ab1;margin-top:10px;font-size:12px}.quiz-dialog .quiz-step-bar{margin-top:20px}.quiz-question legend:focus{outline:none}.quiz-options>label.answer-correct{color:#2d7650;background:#eff9f2;border-color:#82bea0}.quiz-options>label.answer-wrong{color:#a24e4e;background:#fff2f2;border-color:#dba2a2}.quiz-options>label>span{flex:1}.answer-feedback{border-radius:5px;margin-top:15px;padding:12px 14px;font-size:12px;line-height:1.8}.answer-feedback.correct{color:#397a57;background:#f0f9f3}.answer-feedback.incorrect{color:#a75b55;background:#fff5f3}.answer-feedback strong{font-size:13px;font-weight:600}.answer-feedback p{margin-top:4px}.quiz-dialog .quiz-review .correct .quiz-review-mark{color:#42805c}.quiz-dialog .quiz-review .incorrect .quiz-review-mark{color:#b45b58}.reward-dialog{text-align:center;width:440px;padding:23px 27px;overflow:hidden}.reward-dialog .dialog-top h2{font-size:17px;font-weight:600}.reward-visual{place-items:center;width:118px;height:118px;margin:27px auto 12px;display:grid;position:relative}.reward-coin{z-index:1;color:#8e6210;background:#f7d879;border:5px solid #fff0bb;border-radius:50%;outline:1px solid #d9ad3d;place-items:center;width:76px;height:76px;animation:.6s cubic-bezier(.2,.9,.3,1.3) both reward-pop;display:grid;box-shadow:inset 0 0 0 1px #ddb54b,0 5px #e4bc52}.reward-ring{border:1px solid #dab64f;border-radius:50%;width:90px;height:90px;animation:1.3s ease-out 2 reward-ring;position:absolute}.reward-visual>i{transform-origin:2px 60px;background:#e5be55;border-radius:2px;width:5px;height:14px;animation:.7s ease-out both reward-spark;position:absolute;top:-1px}.reward-amount{letter-spacing:-1px;color:#9c7015;font:700 47px/1.3 Segoe UI,sans-serif;animation:.5s .15s both reward-pop}.reward-amount>span{letter-spacing:0;font-size:22px;font-weight:600}.reward-caption{color:#8b9cb5;margin-top:5px;font-size:12px}.reward-countdown{background:#e7edf7;border-radius:3px;height:3px;margin:25px 0 10px;overflow:hidden}.reward-countdown>span{transform-origin:0;background:#7fa8e9;height:100%;animation:5s linear both reward-wait;display:block}.reward-next{color:#8c9eb9;font-size:11px}.reward-actions{justify-content:space-between;align-items:center;gap:15px;margin-top:22px;display:flex}.reward-actions>.text-button{font-size:11px}.studio-files-button{color:#7189aa;background:0 0;border-radius:4px;align-items:center;gap:5px;min-height:25px;padding:3px 6px;font-size:10px;display:inline-flex}.studio-files-button[aria-expanded=true]{color:#3569b9;background:#eaf1fc}.media-panel{background:#fff;border:1px solid #dce4ef;border-radius:6px;margin-bottom:13px;padding:17px}.media-heading{align-items:center;gap:14px;display:flex}.media-heading>div{flex:1}.media-heading h2{color:#536d90;font-size:14px;font-weight:600}.media-heading p{color:#8b9bb3;margin-top:5px;font-size:11px;line-height:1.7}.media-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;max-height:260px;margin-top:14px;display:grid;overflow:auto}.media-file{border:1px solid #e2e8f1;border-radius:5px;align-items:center;gap:10px;min-width:0;padding:9px;display:flex}.media-file>img,.font-file-icon{object-fit:cover;color:#9ab0cd;background:#f1f5fb;border-radius:4px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.media-file>div{flex:1;min-width:0}.media-file strong{color:#627b9c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550;display:block;overflow:hidden}.media-file code{color:#8fa1bb;overflow-wrap:anywhere;margin-top:4px;font:9px Consolas,monospace;display:block}.media-file>.text-button{font-size:10px}.media-empty{color:#8a9db8;flex-wrap:wrap;align-items:center;gap:6px;padding:17px 0;font-size:11px;display:flex}.media-examples{color:#6989b1;background:#f7f9fd;border-radius:4px;gap:8px;margin-top:15px;padding:12px 13px;font:11px/1.7 Consolas,monospace;display:grid}.media-note{color:#96a5bc;margin-top:10px;font-size:10px}.cm-tooltip-autocomplete{border-radius:5px;overflow:hidden;box-shadow:0 5px 20px #1c355a17;background:#fff!important;border:1px solid #ccd9ed!important}.cm-tooltip-autocomplete>ul{font-family:Consolas,monospace;font-size:12px}.cm-tooltip-autocomplete>ul>li[aria-selected]{color:#2d60ad!important;background:#eaf2ff!important}.guide-heading{max-width:none}.guide-heading>p{max-width:none;margin-top:11px;font-size:13px}.reference-search{color:#8ba0bf;background:#fff;border:1px solid #d7e2f1;border-radius:5px;align-items:center;gap:10px;min-height:43px;margin-bottom:13px;padding:0 13px;display:flex}.reference-search>input{color:#567297;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:11px 0;font-size:13px}.reference-search:focus-within{border-color:#a3bfeb;box-shadow:0 0 0 2px #dce9ff66}.reference-search>span{color:#99aac0;font:10px Consolas,monospace}.reference-filters{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;display:flex}.reference-filters>button{color:#7a8fae;background:#fff;border:1px solid #dfe6f0;border-radius:4px;min-height:32px;padding:7px 11px;font-size:11px}.reference-filters>button.active{color:#3e6eb6;background:#edf4ff;border-color:#b8cff1}.reference-empty{color:#8b9db6;border:1px dashed #d5e0f0;border-radius:5px;padding:30px;font-size:13px}.tag-mini-nav,.tag-mini-radio{color:#5480bc;flex-wrap:wrap;gap:15px;font-size:12px;display:flex}.tag-mini-radio label,.tag-mini-choice{accent-color:#2563eb;align-items:center;gap:7px;font-size:12px;display:inline-flex}.tag-mini-aside,.tag-mini-quote{color:#718caf;background:#f4f8ff;border-left:3px solid #a8c1e8;padding:12px 15px;font-size:12px;line-height:1.8}.tag-mini-quote{margin:0}.tag-mini-hr{border:0;border-top:1px solid #d8e3f3;margin:10px 0}.tag-mini-code{color:#6c86aa;white-space:pre-wrap;font:11px/1.8 Consolas,monospace}.tag-mini-figure{align-items:center;gap:12px;margin:0;font-size:11px;display:flex}.tag-mini-list.numbered{list-style:decimal}.tag-mini-definition{margin:0}.tag-mini-definition dt{color:#56769f;font-weight:600}.tag-mini-definition dd{margin:7px 0 0 15px;font-size:12px}.tag-mini-table{border-collapse:collapse;width:100%;font-size:11px}.tag-mini-table th,.tag-mini-table td{text-align:left;border:1px solid #d7e3f5;padding:8px 11px;font-weight:400}.tag-mini-table th{background:#f0f5ff;font-weight:550}.tag-mini-table caption{color:#8ba0be;text-align:left;padding-bottom:8px}.tag-mini-field textarea,.tag-mini-select{color:#6580a4;background:#fff;border:1px solid #d5e1f2;border-radius:4px;padding:8px 10px;font:12px/1.6 Segoe UI,sans-serif}.tag-mini-fieldset{color:#7c94b6;border:1px solid #d7e2f2;width:100%;min-width:0;margin:0;padding:12px}.tag-mini-fieldset legend{padding:0 7px;font-size:11px}.tag-mini-details{width:100%;font-size:12px}.tag-mini-details summary{color:#5980b7;cursor:pointer}.tag-mini-details p{color:#7d91ad;margin-top:10px}.tag-mini-progress{color:#7f96b6;gap:10px;font-size:11px;display:grid}.tag-mini-progress progress{accent-color:#4a80cf}.full-html-example{color:#6282ac;background:#fff;border:1px solid #dbe5f3;border-radius:6px;padding:22px;font:13px/1.9 Consolas,monospace;overflow:auto}.css-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.css-reference-card{background:#fff;border:1px solid #dce5f1;border-radius:5px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.css-reference-card>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.css-reference-card>header>code{color:#4875b5;overflow-wrap:anywhere;font:12px Consolas,monospace}.css-reference-card>header>span{color:#9badc4;white-space:nowrap;font-size:9px}.css-reference-card>p{color:#647c9b;font-size:13px;line-height:1.8}.css-reference-card>pre{color:#7090b7;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f9fe;border:1px solid #e5edf8;border-radius:4px;margin-top:auto;padding:12px;font:11px/1.8 Consolas,monospace}.css-reference-card>.text-button{align-self:flex-start;min-height:25px;font-size:10px}.property-picker{max-height:calc(100dvh - 105px);position:sticky;top:80px;overflow:auto}.demo-search{z-index:2;color:#6f8ab1;background:#fff;border:1px solid #e0e7f3;border-radius:4px;width:100%;min-height:35px;margin-bottom:5px;padding:9px;font-size:11px;position:sticky;top:-6px}.image-fit-demo{background:#f2f6fd;border:1px dashed #acc3e6;width:220px;height:140px;position:relative;overflow:hidden}.image-fit-demo>img{width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.html-tag-card>p{color:#647b98;font-size:13px}.reference-search>input{font-size:14px}@keyframes reward-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes reward-ring{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.65)}}@keyframes reward-spark{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}@keyframes reward-wait{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes skeleton-shimmer{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:#edf1f5;animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}