:root{--cp-cyan:#4cc1f7;--cp-green:#3ecf8e;--cp-red:#ff1744;--cp-amber:#fbbf24;--cp-gold:#ffd700;--cp-easy:#34d399;--cp-medium:#fbbf24;--cp-hard:#fb7185;--cp-ease:cubic-bezier(0.22,1,0.36,1)}[data-vert=coding]{--ok:#3ecf8e;--warn:#fbbf24;--err:#ff1744;--d-easy:#34d399;--d-med:#fbbf24;--d-hard:#fb7185}.cp-eyebrow{font-family:Source Code Pro,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-cyan);display:inline-flex;align-items:center}.cp-caret{display:inline-block;width:7px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--cp-cyan);animation:cpCaret 1.05s steps(1) infinite}@keyframes cpCaret{0%,50%{opacity:1}50.01%,to{opacity:0}}.cp-fadein,.cp-popin,.cp-rise,.cp-zoomin{opacity:1}@keyframes cpRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cpFade{0%{opacity:0}to{opacity:1}}@keyframes cpZoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cpPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.cp-rise{animation:cpRise .55s var(--cp-ease) both}.cp-fadein{animation:cpFade .3s ease both}.cp-zoomin{animation:cpZoom .3s var(--cp-ease) both}.cp-popin{animation:cpPop .34s var(--cp-ease) both}}.cp-glow-cyan{box-shadow:0 0 32px -10px rgba(76,193,247,.55)}.cp-glow-green{box-shadow:0 0 36px -10px rgba(0,255,65,.55)}.cp-glow-red{box-shadow:0 0 36px -10px rgba(255,23,68,.55)}.cp-glow-gold{box-shadow:0 0 34px -10px rgba(255,215,0,.55)}.cp-accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;transform:scaleY(0);transform-origin:top;transition:transform .32s var(--cp-ease)}.group:hover .cp-accent-bar{transform:scaleY(1)}.cp-tab-ind{position:absolute;border-radius:8px;transition:left .3s var(--cp-ease),width .3s var(--cp-ease)}.cp-btn-submit{position:relative;overflow:hidden}.cp-btn-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%)}.cp-btn-submit:not(:disabled):hover:after{animation:cpSweep .9s var(--cp-ease)}@keyframes cpSweep{to{transform:translateX(120%)}}.cp-scanbar{position:relative;overflow:hidden}.cp-scanbar:before{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,var(--cp-cyan),transparent);opacity:.5;animation:cpScan 1.1s linear infinite}@keyframes cpScan{0%{left:-40%}to{left:100%}}.cp-spin{animation:cpSpin .7s linear infinite}@keyframes cpSpin{to{transform:rotate(1turn)}}.cp-scroll::-webkit-scrollbar{width:9px;height:9px}.cp-scroll::-webkit-scrollbar-track{background:transparent}.cp-scroll::-webkit-scrollbar-thumb{background:#2a2a31;border-radius:6px;border:2px solid #111113}.cp-scroll::-webkit-scrollbar-thumb:hover{background:#3a3a44}.cp-prose{color:rgba(255,255,255,.82);font-size:14px;line-height:1.78}.cp-prose p{margin:0 0 .9rem}.cp-prose h3,.cp-prose strong{color:#fff;font-weight:700}.cp-prose h3{font-size:1rem;margin:1.4rem 0 .6rem}.cp-prose ul{margin:0 0 1rem;padding-left:1.25rem}.cp-prose li{margin-bottom:.4rem}.cp-prose li::marker{color:var(--cp-cyan)}.cp-prose code{font-family:Source Code Pro,monospace;font-size:.85em;background:rgba(76,193,247,.1);color:#7dd3fc;border:1px solid rgba(76,193,247,.16);padding:.12em .42em;border-radius:5px}@media (prefers-reduced-motion:reduce){.cp-fadein,.cp-popin,.cp-rise,.cp-scanbar:before,.cp-spin,.cp-zoomin{animation:none!important}}:root{--page-px:clamp(14px,4vw,40px);--bp-sm:640px;--bp-md:1024px}body,html{overflow-x:clip}body,canvas,embed,html,iframe,img,object,svg,video{max-width:100%}img,video{height:auto}pre{max-width:100%;overflow-x:auto}.hn-app .col,.hn-app .grow,.hn-app main{min-width:0}.hn-r-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hn-r-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hn-r-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hn-r-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.hn-r-split{grid-template-columns:1fr 1fr;gap:16px}.hn-r-sidebar,.hn-r-split{display:grid;align-items:start}.hn-r-sidebar{grid-template-columns:1fr 320px;gap:20px}.hn-r-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hn-toolbar{flex-wrap:wrap}.hn-toolbar,.hn-toolbar-scroll{display:flex;align-items:center;gap:8px}.hn-toolbar-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hn-toolbar-scroll::-webkit-scrollbar{display:none}.hn-toolbar-scroll>*{flex:none}@media (max-width:1024px){.hn-r-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-r-sidebar{grid-template-columns:1fr}}@media (max-width:860px){.hn-r-split{grid-template-columns:1fr}}@media (max-width:760px){.hn-r-grid-2,.hn-r-grid-3,.hn-r-grid-4{grid-template-columns:minmax(0,1fr)}.hn-r-grid-auto{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-r-stat-strip{grid-template-columns:1fr 1fr}}@media (max-width:440px){.hn-r-grid-auto{grid-template-columns:1fr}}@media (max-width:640px){.hn-hide-mobile{display:none!important}}@media (min-width:641px){.hn-only-mobile{display:none!important}}.hn-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media (max-width:640px){.field,.hn-app .field,input,select,textarea{font-size:16px}.hn-app .btn,.hn-app .chip,a[role=button],button{min-height:40px}.hn-app .page{padding:clamp(14px,4vw,20px)}.hn-app .page-tight{padding:clamp(12px,3vw,16px)}}