#calculax-app,body{font-family:var(--cx-font)}#calculax-app::after,#calculax-app::before{content:'';position:fixed;border-radius:50%;z-index:-1;pointer-events:none}#calculax-app,.cx-input-group{position:relative}.cx-bmi-value,.cx-brand-name{-webkit-text-fill-color:transparent}.cx-field-label,.cx-mode-badge,.cx-ref-title{text-transform:uppercase}.cx-bmi-display,.cx-err-zone,.cx-footer,.cx-hist-empty,.cx-pill{text-align:center}#calculax-app [tabindex]:focus:not(:focus-visible),#calculax-app button:focus:not(:focus-visible),.cx-input{outline:0}:root{--cx-blue:#0081C9;--cx-blue-light:#33A0DD;--cx-green:#82D026;--cx-lime:#A1E65C;--cx-gradient:linear-gradient(135deg, var(--cx-blue) 0%, var(--cx-green) 100%);--cx-gradient-rev:linear-gradient(135deg, var(--cx-green) 0%, var(--cx-blue) 100%);--cx-bg:#eaeaea;--cx-bg-subtle:#f5f7fa;--cx-surface:#ffffff;--cx-surface-hover:#f0f4f8;--cx-surface-active:#e6edf5;--cx-border:#d0d7e2;--cx-border-strong:#b8c7e3;--cx-text:#1a3057;--cx-text-muted:#3a5270;--cx-text-dim:#6b7a90;--cx-error:#D32F2F;--cx-success:var(--cx-green);--cx-glass-bg:var(--cx-surface);--cx-glass-border:var(--cx-border);--cx-glass-blur:0px;--cx-glass-shadow:0 2px 12px rgba(26, 48, 87, 0.08);--cx-font:'Inter',system-ui,-apple-system,sans-serif;--cx-font-heading:'Montserrat','Inter',sans-serif;--cx-radius:16px;--cx-radius-sm:10px;--cx-radius-xs:6px;--cx-ease:cubic-bezier(0.4, 0, 0.2, 1);--cx-dur:0.25s}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{background-color:#eaeaea;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#calculax-app{max-width:520px;margin:0 auto;padding:16px 16px 32px;color:var(--cx-text);line-height:1.5;background:0 0}#calculax-app::before{top:-20%;left:-10%;width:60vw;height:60vw;max-width:600px;max-height:600px;background:radial-gradient(circle,rgba(0,129,201,.08) 0,transparent 70%)}#calculax-app::after{bottom:-10%;right:-10%;width:50vw;height:50vw;max-width:500px;max-height:500px;background:radial-gradient(circle,rgba(130,208,38,.08) 0,transparent 70%)}.cx-header{display:flex;align-items:center;justify-content:flex-start;padding:8px 0 24px}.cx-brand{display:flex;align-items:center;gap:12px}.cx-logo-svg{width:42px;height:42px;flex-shrink:0}.cx-brand-name{font-family:var(--cx-font-heading);font-size:1.75rem;font-weight:700;background:var(--cx-gradient);-webkit-background-clip:text;background-clip:text;letter-spacing:-.02em}.cx-brand-sub{font-size:.75rem;color:var(--cx-text-muted);font-weight:400}.cx-hist-title,.cx-section-title{font-family:var(--cx-font-heading);font-weight:700;color:var(--cx-text)}.cx-glass{background:var(--cx-glass-bg);border:1px solid var(--cx-glass-border);border-radius:var(--cx-radius);box-shadow:var(--cx-glass-shadow);padding:24px;margin-bottom:16px}.cx-glass--form{padding:24px 20px}.cx-glass--results{padding:28px 20px 24px}.cx-glass--history{padding:20px}.cx-section-title{font-size:22px;margin-bottom:20px;letter-spacing:-.01em}.cx-hist-title{font-size:18px}.cx-input,.cx-pill,.cx-sex-btn{font-family:var(--cx-font);transition:all var(--cx-dur) var(--cx-ease)}.cx-pill-group{display:flex;gap:6px;background:var(--cx-surface-hover);border:1px solid var(--cx-border);border-radius:var(--cx-radius-sm);padding:4px;margin-bottom:20px}.cx-pill{flex:1;padding:8px 4px;border-radius:var(--cx-radius-xs);font-size:.78rem;font-weight:600;cursor:pointer;border:none;background:0 0;color:var(--cx-text-muted);white-space:nowrap}.cx-pill:hover{color:var(--cx-text)}.cx-pill-opt--on{background:var(--cx-gradient);color:#fff;box-shadow:0 2px 8px rgba(0,129,201,.3)}.cx-field{margin-bottom:16px}.cx-field-label{display:block;font-size:.8rem;font-weight:600;color:#3a5270;margin-bottom:8px;letter-spacing:.04em}.cx-input-row,.cx-sex-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cx-input{width:100%;background:#fff;border:1px solid #b8c7e3;border-radius:var(--cx-radius-sm);padding:12px 16px;color:var(--cx-text);font-size:1rem;font-weight:500}.cx-input:focus{border-color:#0081c9;background:#fff;box-shadow:0 0 0 3px rgba(0,129,201,.15)}.cx-input::placeholder{color:var(--cx-text-dim)}.cx-input-group .cx-input{padding-right:48px}.cx-input-unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--cx-text-dim);font-weight:600;pointer-events:none}.cx-sex-toggle{margin-bottom:16px}.cx-sex-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:var(--cx-radius-sm);border:2px solid var(--cx-border);background:var(--cx-surface);color:var(--cx-text-muted);font-size:.95rem;font-weight:600;cursor:pointer}.cx-sex-btn:hover{border-color:var(--cx-border-strong);background:var(--cx-surface-hover)}.cx-sex-btn.cx-sex-btn--active{border-color:#0081c9;background:rgba(0,129,201,.08);color:var(--cx-text)}.cx-sex-btn.cx-sex-btn--active[data-sex=female]{border-color:#ff6b9d;background:rgba(255,107,157,.08)}.cx-sex-icon{font-size:1.3rem;line-height:1}.cx-btn-calc{width:100%;padding:14px 24px;border:none;border-radius:var(--cx-radius-sm);background:linear-gradient(135deg,#0081c9,#82d026);color:#fff;font-family:Montserrat,var(--cx-font-heading);font-size:17px;font-weight:600;cursor:pointer;transition:all var(--cx-dur) var(--cx-ease);letter-spacing:-.01em;position:relative;overflow:hidden;margin-top:4px;box-shadow:0 8px 32px rgba(26,48,87,.15)}.cx-btn-calc:hover{background:linear-gradient(135deg,#82d026,#0081c9);transform:translateY(-1px);box-shadow:0 10px 36px rgba(26,48,87,.2);filter:brightness(1.05)}.cx-btn-calc:active{transform:translateY(0);box-shadow:0 4px 16px rgba(26,48,87,.15)}.cx-btn-calc:focus-visible{outline:rgba(0,129,201,.5) solid 3px;outline-offset:2px}.cx-err-zone{display:none;background:rgba(211,47,47,.08);border:1px solid rgba(211,47,47,.3);border-radius:var(--cx-radius-xs);padding:10px 14px;margin-bottom:16px;font-size:.85rem;color:#b71c1c}.cx-err-zone.cx-visible{display:block}@keyframes cx-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}.cx-err-zone.cx-shake{animation:cx-shake .4s var(--cx-ease)}.cx-hidden{display:none!important}.cx-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:16px;background:rgba(0,129,201,.08);color:var(--cx-blue);border:1px solid rgba(0,129,201,.2)}.cx-mode-badge--child{background:rgba(130,208,38,.08);color:#5a8f1f;border-color:rgba(130,208,38,.25)}.cx-bmi-display{margin-bottom:24px}.cx-gauge-wrap,.cx-pct-block{margin-bottom:20px}.cx-bmi-value{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;background:var(--cx-gradient);-webkit-background-clip:text;background-clip:text;line-height:1.1}.cx-bmi-label{font-size:.85rem;color:var(--cx-text-muted);margin-top:4px;font-weight:500}.cx-cat-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;margin-top:8px;background:rgba(130,208,38,.15);color:#4a8a1a;border:1px solid rgba(130,208,38,.25)}.cx-cat-badge[data-cat=child-underweight],.cx-cat-badge[data-cat=underweight]{background:rgba(30,136,229,.15);color:#1e88e5;border-color:rgba(30,136,229,.25)}.cx-cat-badge[data-cat=child-overweight],.cx-cat-badge[data-cat=overweight]{background:rgba(230,81,0,.15);color:#e65100;border-color:rgba(230,81,0,.25)}.cx-cat-badge[data-cat=obese1]{background:rgba(216,67,21,.15);color:#d84315;border-color:rgba(216,67,21,.25)}.cx-cat-badge[data-cat=child-obese],.cx-cat-badge[data-cat=obese2],.cx-cat-badge[data-cat=obese3]{background:rgba(198,40,40,.15);color:#c62828;border-color:rgba(198,40,40,.25)}.cx-cat-badge[data-cat=severely_underweight]{background:rgba(21,101,192,.15);color:#1565c0;border-color:rgba(21,101,192,.25)}.cx-gauge-wrap{display:flex;justify-content:center}.cx-gauge-svg{width:100%;max-width:220px;height:auto}#cx-gauge-track{fill:none;stroke:var(--cx-surface-hover);stroke-width:1}#cx-gauge-zones{opacity:.9}#cx-gauge-needle{transition:transform .8s cubic-bezier(.34, 1.56, .64, 1);transform-origin:110px 115px}.cx-gauge-pivot{fill:var(--cx-text)}.cx-gauge-labels text{font-family:var(--cx-font);font-size:9px;fill:var(--cx-text-dim);font-weight:600}.cx-pct-label{font-size:.8rem;font-weight:600;color:var(--cx-text-muted);margin-bottom:8px;display:flex;justify-content:space-between}.cx-pct-val{color:var(--cx-text);font-weight:700}.cx-pct-bar-wrap{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,#3b9bff 0,#0c5 50%,#ffb020 75%,#ff2d55 100%);overflow:visible}.cx-pct-cursor{position:absolute;top:-4px;width:18px;height:18px;background:#fff;border:3px solid var(--cx-blue);border-radius:50%;transform:translateX(-50%);transition:left .6s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 2px 8px rgba(0,0,0,.15)}.cx-hist-clear,.cx-ref-row{transition:all .15s var(--cx-ease)}.cx-ref-title{font-size:.85rem;font-weight:700;color:var(--cx-text-muted);margin-bottom:12px;letter-spacing:.04em}.cx-ref-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--cx-radius-xs);margin-bottom:4px;font-size:.82rem}.cx-ref-row--active{background:rgba(0,129,201,.08);border:1px solid rgba(0,129,201,.2);color:var(--cx-text)}.cx-hist-clear,.cx-note,.cx-ref-row:not(.cx-ref-row--active){color:var(--cx-text-muted)}.cx-ref-label{display:flex;align-items:center;gap:8px;font-weight:600}.cx-ref-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cx-ref-range{font-weight:500;font-variant-numeric:tabular-nums}.cx-note{margin-top:16px;padding:10px 14px;background:#f8f9fc;border-left:3px solid var(--cx-text-dim);border-radius:0 var(--cx-radius-xs) var(--cx-radius-xs) 0;font-size:.75rem;line-height:1.6}.cx-hist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cx-hist-clear{background:0 0;border:none;font-size:.78rem;cursor:pointer;font-family:var(--cx-font);font-weight:600;padding:4px 8px;border-radius:var(--cx-radius-xs)}.cx-hist-icon,.cx-hist-item{border-radius:var(--cx-radius-xs);align-items:center}.cx-hist-bmi,.cx-hist-icon{font-size:.85rem;font-weight:700}.cx-hist-clear:hover,.cx-hist-del:hover{color:var(--cx-error);background:rgba(211,47,47,.08)}.cx-hist-del,.cx-hist-item{background:0 0;cursor:pointer;transition:all .15s var(--cx-ease)}.cx-hist-list{list-style:none;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cx-text-dim) transparent}.cx-hist-list::-webkit-scrollbar{width:4px}.cx-hist-list::-webkit-scrollbar-track{background:0 0}.cx-hist-list::-webkit-scrollbar-thumb{background:var(--cx-text-dim);border-radius:2px}.cx-hist-empty{padding:20px;color:var(--cx-text-dim);font-size:.85rem}.cx-hist-item{display:grid;grid-template-columns:44px 1fr auto 28px;gap:10px;padding:10px;margin-bottom:4px;position:relative}.cx-hist-item:hover{background:var(--cx-surface-hover)}.cx-hist-item:focus-visible{outline:2px solid var(--cx-blue);outline-offset:-2px}.cx-hist-icon{width:44px;height:44px;display:flex;justify-content:center;color:#fff;flex-shrink:0}.cx-hist-bmi{color:var(--cx-text)}.cx-footer,.cx-hist-del,.cx-hist-meta{color:var(--cx-text-dim)}.cx-hist-meta{font-size:.72rem;margin-top:2px}.cx-hist-cat{padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:700;white-space:nowrap}.cx-hist-del{border:none;font-size:1.1rem;padding:4px;border-radius:4px;line-height:1;display:flex;align-items:center;justify-content:center}.cx-footer{padding:24px 0 8px;font-size:.72rem;letter-spacing:.01em}@media (max-width:400px){#calculax-app{padding:12px 10px 24px}.cx-glass{padding:18px 14px}.cx-bmi-value{font-size:2.8rem}.cx-sex-btn{padding:10px;font-size:.85rem}.cx-hist-item{grid-template-columns:38px 1fr auto 24px;gap:8px;padding:8px}}@media (min-width:600px){#calculax-app{padding:24px 20px 40px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}#cx-gauge-needle{transition:none!important}}#calculax-app :focus-visible{outline:2px solid var(--cx-blue);outline-offset:2px}
.hero h1,body{color:var(--cx-text)}.hero h1,.toc h2,.version-badge{font-weight:700}.card,.toc{box-shadow:var(--cx-glass-shadow)}.hero h1,.section h2,.section h3,.step-content h3,.toc h2{font-family:var(--cx-font-heading)}.btn-cta,.toc a{text-decoration:none}:root{--cx-blue:#0081C9;--cx-green:#82D026;--cx-gradient:linear-gradient(135deg, #0081C9, #82D026);--cx-bg:#eaeaea;--cx-surface:#ffffff;--cx-surface-hover:#f4f7fc;--cx-border:#b8c7e3;--cx-border-strong:#9aa9c1;--cx-text:#1a3057;--cx-text-muted:#3a5270;--cx-text-dim:#6b7b94;--cx-error:#d32f2f;--cx-font-body:'Inter',system-ui,sans-serif;--cx-font-heading:'Montserrat',sans-serif;--cx-radius:16px;--cx-radius-sm:10px;--cx-radius-xs:6px;--cx-ease:cubic-bezier(0.4, 0, 0.2, 1);--cx-dur:0.25s;--cx-glass-bg:rgba(255,255,255,0.8);--cx-glass-border:#b8c7e3;--cx-glass-shadow:0 8px 32px rgba(26, 48, 87, 0.08);--cx-btn-shadow:0 8px 32px rgba(26, 48, 87, 0.15)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--cx-font-body);background:var(--cx-bg);line-height:1.7;overflow-x:hidden;font-weight:400}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(26,48,87,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(26,48,87,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1}.tutorial-wrap{max-width:820px;margin:0 auto;padding:0 20px 60px}.hero{text-align:center;padding:60px 0 40px}.hero-logo{width:64px;height:64px;margin:0 auto 20px}.section,.toc{margin-bottom:40px}.hero h1{font-size:28px;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.hero .subtitle,.toc a,.toc h2{color:var(--cx-text-muted)}.hero h1 span{background:var(--cx-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{font-size:1.05rem;max-width:520px;margin:0 auto;font-weight:400}.version-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:20px;font-size:.75rem;margin-top:16px;background:rgba(0,129,201,.08);color:var(--cx-blue);border:1px solid rgba(0,129,201,.15)}.toc{background:var(--cx-glass-bg);border:1px solid var(--cx-glass-border);border-radius:var(--cx-radius);padding:24px 28px}.toc h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.toc a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--cx-radius-xs);font-size:.88rem;font-weight:500;transition:all var(--cx-dur) var(--cx-ease)}.section h2,.section h3,.toc a:hover{color:var(--cx-text)}.toc a:hover{background:var(--cx-surface-hover)}.toc-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--cx-gradient);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.mock-dots,.section-icon,.step,.step-num,.steps{display:flex}.section{scroll-margin-top:20px}.section-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.section-icon{width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;background:var(--cx-surface);border:1px solid var(--cx-border)}.step-num,kbd{font-size:.8rem}.section h2{font-weight:700;font-size:22px;letter-spacing:-.02em}.section h3{font-weight:700;font-size:16px}.section p{color:var(--cx-text-muted);margin-bottom:14px;font-size:16px;font-weight:400}.section p strong,.step-content h3{color:var(--cx-text)}.card{background:var(--cx-glass-bg);border:1px solid var(--cx-glass-border);border-radius:var(--cx-radius);padding:24px;margin-bottom:16px}.steps{flex-direction:column;gap:14px}.step{gap:14px;align-items:flex-start}.step-num{align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--cx-gradient);color:#fff;font-weight:800;flex-shrink:0;margin-top:2px}.mock-label,kbd{font-family:var(--cx-font-body);font-weight:500}.step-content h3{font-weight:700;font-size:16px;margin-bottom:4px}.step-content p{font-size:16px;color:var(--cx-text-muted);margin-bottom:0}.mock-screen{background:#fff;border:1px solid #b8c7e3;border-radius:var(--cx-radius-sm);padding:20px;margin:16px 0;position:relative;box-shadow:0 2px 12px rgba(26,48,87,.04)}.mock-screen::before{content:'';position:absolute;top:0;left:0;right:0;height:32px;background:#f4f7fc;border-bottom:1px solid #b8c7e3;border-radius:var(--cx-radius-sm) var(--cx-radius-sm) 0 0}.mock-dots{position:absolute;top:10px;left:14px;gap:6px;z-index:2}.mock-body,.mock-row{gap:10px;display:flex}.mock-dot{width:10px;height:10px;border-radius:50%}.mock-dot--r{background:#ff5f57}.mock-dot--y{background:#febc2e}.mock-dot--g{background:#28c840}.mock-body{margin-top:24px;flex-direction:column}.mock-row{align-items:center}.mock-label{font-size:16px;color:#3a5270;text-transform:none;letter-spacing:normal;min-width:50px}.mock-input,kbd{color:var(--cx-text)}.mock-input{flex:1;height:42px;border-radius:8px;background:#fff;border:1px solid #b8c7e3;display:flex;align-items:center;padding:0 12px;font-size:16px;font-family:var(--cx-font-body);transition:border-color var(--cx-dur) var(--cx-ease)}.btn-cta,kbd{display:inline-flex}.mock-input:focus-within{border-color:#0081c9;outline:0}.btn-cta{align-items:center;justify-content:center;height:52px;padding:0 32px;border-radius:12px;background:var(--cx-gradient);color:#fff;font-family:var(--cx-font-heading);font-weight:600;font-size:17px;border:none;cursor:pointer;box-shadow:var(--cx-btn-shadow);transition:filter .2s,transform .2s,background .2s;letter-spacing:.3px}.btn-cta:hover{filter:brightness(1.1);background:linear-gradient(135deg,#82d026,#0081c9);transform:translateY(-1px)}.btn-cta:active{transform:translateY(0)}.callout{padding:16px 20px;border-radius:var(--cx-radius-sm);font-size:16px;margin:16px 0;display:flex;gap:12px;align-items:flex-start;background:#fff;border-left:4px solid}.callout--info{border-color:#0081c9;color:#1a3057;background:rgba(0,129,201,.04)}.callout--warn{border-color:#e6a300;color:#5a3e00;background:rgba(230,163,0,.04)}.callout--success{border-color:#82d026;color:#2d5a0e;background:rgba(130,208,38,.04)}.cat-tag,.shortcut-table,kbd{background:#fff}.callout-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}.callout p{margin:0}kbd{align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;border-radius:6px;border:1px solid #b8c7e3;border-bottom-width:2px;box-shadow:0 1px 0 rgba(0,0,0,.04)}.shortcut-table{width:100%;border-collapse:collapse;border-radius:var(--cx-radius-sm);overflow:hidden}.shortcut-table td,.shortcut-table th{padding:10px 14px;text-align:left;font-size:16px;border-bottom:1px solid #eaeaea}.shortcut-table th{color:var(--cx-text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.shortcut-table tr:last-child td{border-bottom:none}.shortcut-table td:first-child{color:var(--cx-text);font-weight:600}.shortcut-table td:last-child{color:var(--cx-text-muted)}.cat-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.cat-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;border:1px solid}.cat-tag--blue{color:#005a8c;border-color:rgba(0,129,201,.3);background:rgba(0,129,201,.05)}.cat-tag--green{color:#2d6a0e;border-color:rgba(130,208,38,.4);background:rgba(130,208,38,.05)}.cat-tag--yellow{color:#8c6d00;border-color:rgba(255,176,32,.4);background:rgba(255,176,32,.05)}.cat-tag--orange{color:#a04000;border-color:rgba(255,107,53,.4);background:rgba(255,107,53,.05)}.cat-tag--red{color:#b71c1c;border-color:rgba(255,45,85,.4);background:rgba(255,45,85,.05)}.divider{border:none;height:1px;background:var(--cx-border);margin:40px 0}.tutorial-footer{text-align:center;padding:30px 0 10px;font-size:.85rem;color:var(--cx-text-dim)}.percentile-chart{background:#fff;border-radius:var(--cx-radius);padding:20px;margin:24px 0;box-shadow:var(--cx-glass-shadow);border:1px solid var(--cx-glass-border)}.percentile-chart svg{width:100%;height:auto;display:block}.percentile-chart figcaption{text-align:center;font-size:14px;color:var(--cx-text-muted);margin-top:12px}.video-placeholder{background:#fff;border-radius:var(--cx-radius);padding:60px 20px;margin:30px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid #b8c7e3;box-shadow:0 2px 12px rgba(26,48,87,.04);cursor:pointer}.video-placeholder .play-icon{font-size:3rem;opacity:.8}@media (max-width:500px){.toc-grid{grid-template-columns:1fr}.tutorial-wrap{padding:0 12px 40px}.hero{padding:40px 0 28px}.card,.toc{padding:18px 14px}.btn-cta{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:focus-visible{outline:#0081C9 solid 2px;outline-offset:2px}