@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;inset:-50px 0 0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;inset:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-icecoder{color:#666;background:#1d1d1b}.cm-s-icecoder span.cm-keyword{color:#eee;font-weight:700}.cm-s-icecoder span.cm-atom{color:#e1c76e}.cm-s-icecoder span.cm-number{color:#6cb5d9}.cm-s-icecoder span.cm-def{color:#b9ca4a}.cm-s-icecoder span.cm-variable{color:#6cb5d9}.cm-s-icecoder span.cm-variable-2{color:#cc1e5c}.cm-s-icecoder span.cm-variable-3,.cm-s-icecoder span.cm-type{color:#f9602c}.cm-s-icecoder span.cm-property{color:#eee}.cm-s-icecoder span.cm-operator{color:#9179bb}.cm-s-icecoder span.cm-comment{color:#97a3aa}.cm-s-icecoder span.cm-string{color:#b9ca4a}.cm-s-icecoder span.cm-string-2{color:#6cb5d9}.cm-s-icecoder span.cm-meta,.cm-s-icecoder span.cm-qualifier{color:#555}.cm-s-icecoder span.cm-builtin{color:#214e7b}.cm-s-icecoder span.cm-bracket{color:#cc7}.cm-s-icecoder span.cm-tag{color:#e8e8e8}.cm-s-icecoder span.cm-attribute{color:#099}.cm-s-icecoder span.cm-header{color:#6a0d6a}.cm-s-icecoder span.cm-quote{color:#186718}.cm-s-icecoder span.cm-hr{color:#888}.cm-s-icecoder span.cm-link{color:#e1c76e}.cm-s-icecoder span.cm-error{color:#d00}.cm-s-icecoder .CodeMirror-cursor{border-left:1px solid white}.cm-s-icecoder div.CodeMirror-selected{color:#fff;background:#037}.cm-s-icecoder .CodeMirror-gutters{background:#1d1d1b;min-width:41px;border-right:0}.cm-s-icecoder .CodeMirror-linenumber{color:#555;cursor:default}.cm-s-icecoder .CodeMirror-matchingbracket{color:#fff!important;background:#555!important}.cm-s-icecoder .CodeMirror-activeline-background{background:#000}.cm-s-dracula.CodeMirror,.cm-s-dracula .CodeMirror-gutters{background-color:#282a36!important;color:#f8f8f2!important;border:none}.cm-s-dracula .CodeMirror-gutters{color:#282a36}.cm-s-dracula .CodeMirror-cursor{border-left:solid thin #f8f8f0}.cm-s-dracula .CodeMirror-linenumber{color:#6d8a88}.cm-s-dracula .CodeMirror-selected{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::selection,.cm-s-dracula .CodeMirror-line>span::selection,.cm-s-dracula .CodeMirror-line>span>span::selection{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-line::-moz-selection,.cm-s-dracula .CodeMirror-line>span::-moz-selection,.cm-s-dracula .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,.1)}.cm-s-dracula span.cm-comment{color:#6272a4}.cm-s-dracula span.cm-string,.cm-s-dracula span.cm-string-2{color:#f1fa8c}.cm-s-dracula span.cm-number{color:#bd93f9}.cm-s-dracula span.cm-variable{color:#50fa7b}.cm-s-dracula span.cm-variable-2{color:#fff}.cm-s-dracula span.cm-def{color:#50fa7b}.cm-s-dracula span.cm-operator,.cm-s-dracula span.cm-keyword{color:#ff79c6}.cm-s-dracula span.cm-atom{color:#bd93f9}.cm-s-dracula span.cm-meta{color:#f8f8f2}.cm-s-dracula span.cm-tag{color:#ff79c6}.cm-s-dracula span.cm-attribute,.cm-s-dracula span.cm-qualifier{color:#50fa7b}.cm-s-dracula span.cm-property{color:#66d9ef}.cm-s-dracula span.cm-builtin{color:#50fa7b}.cm-s-dracula span.cm-variable-3,.cm-s-dracula span.cm-type{color:#ffb86c}.cm-s-dracula .CodeMirror-activeline-background{background:rgba(255,255,255,.1)}.cm-s-dracula .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-ayu-mirage.CodeMirror{background:#1f2430;color:#cbccc6}.cm-s-ayu-mirage div.CodeMirror-selected{background:#34455a}.cm-s-ayu-mirage .CodeMirror-line::selection,.cm-s-ayu-mirage .CodeMirror-line>span::selection,.cm-s-ayu-mirage .CodeMirror-line>span>span::selection{background:#34455a}.cm-s-ayu-mirage .CodeMirror-line::-moz-selection,.cm-s-ayu-mirage .CodeMirror-line>span::-moz-selection,.cm-s-ayu-mirage .CodeMirror-line>span>span::-moz-selection{background:rgba(25,30,42,99)}.cm-s-ayu-mirage .CodeMirror-gutters{background:#1f2430;border-right:0px}.cm-s-ayu-mirage .CodeMirror-guttermarker{color:#fff}.cm-s-ayu-mirage .CodeMirror-guttermarker-subtle{color:#707a8c}.cm-s-ayu-mirage .CodeMirror-linenumber{color:#3d424d}.cm-s-ayu-mirage .CodeMirror-cursor{border-left:1px solid #ffcc66}.cm-s-ayu-mirage.cm-fat-cursor .CodeMirror-cursor,.cm-s-ayu-mirage .cm-animate-fat-cursor{background-color:#a2a8a175!important}.cm-s-ayu-mirage span.cm-comment{color:#5c6773;font-style:italic}.cm-s-ayu-mirage span.cm-atom{color:#ae81ff}.cm-s-ayu-mirage span.cm-number{color:#fc6}.cm-s-ayu-mirage span.cm-comment.cm-attribute{color:#ffd580}.cm-s-ayu-mirage span.cm-comment.cm-def{color:#d4bfff}.cm-s-ayu-mirage span.cm-comment.cm-tag{color:#5ccfe6}.cm-s-ayu-mirage span.cm-comment.cm-type{color:#5998a6}.cm-s-ayu-mirage span.cm-property{color:#f29e74}.cm-s-ayu-mirage span.cm-attribute{color:#ffd580}.cm-s-ayu-mirage span.cm-keyword{color:#ffa759}.cm-s-ayu-mirage span.cm-builtin{color:#fc6}.cm-s-ayu-mirage span.cm-string{color:#bae67e}.cm-s-ayu-mirage span.cm-variable{color:#cbccc6}.cm-s-ayu-mirage span.cm-variable-2{color:#f28779}.cm-s-ayu-mirage span.cm-variable-3{color:#5ccfe6}.cm-s-ayu-mirage span.cm-type{color:#ffa759}.cm-s-ayu-mirage span.cm-def{color:#ffd580}.cm-s-ayu-mirage span.cm-bracket,.cm-s-ayu-mirage span.cm-tag{color:#5ccfe6}.cm-s-ayu-mirage span.cm-header{color:#bae67e}.cm-s-ayu-mirage span.cm-link{color:#5ccfe6}.cm-s-ayu-mirage span.cm-error{color:#f33}.cm-s-ayu-mirage .CodeMirror-activeline-background{background:#191e2a}.cm-s-ayu-mirage .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}html,body{height:100%}#wrapper{min-height:100%;position:relative}#header{background:#ededed;padding:10px}#content{padding-bottom:120px}#footer{width:100%;height:120px;position:absolute;bottom:0;left:0}.font-primary{font-family:Ubuntu Mono,monospace}.font-secondary{font-family:Open Sans,sans-serif}.font-playfair{font-family:Playfair Display,serif}.btn:focus,.btn:active{-webkit-box-shadow:none;outline:none!important;box-shadow:none}.dropdown-item:active{color:#000;background-color:#eee!important}div{line-height:200%!important}.btn-hint,.btn-hint-2{background-color:#fff;color:#000;border-radius:0}.bg-code{background-color:#eee!important}.bg-console{background-color:#292b2c!important;color:#fff!important}.btn-solution:hover{color:#5cb85c}.no-border,.no-border:focus,.no-border:hover{outline:none}.no-a:hover{text-decoration:none}.bamboozled-bg{background-color:#007ac1}.text-roxo{color:#8809d2!important}.python-keyword{color:#f38a00}.python-string .python-keyword{color:#278529!important}.python-function{color:#c90000}.python-string .python-function{color:#278529!important}.python-string{color:#278529}.python-comment{color:#7c7c7c!important}.full-width-div{position:absolute;width:100%;left:0}.divider{width:100%;border-bottom:20px solid #EEEEEE}.black-divider{width:100%;border-bottom:20px solid #222222}.my-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.my-container{width:95%!important}}@media (min-width: 768px){.my-container{width:90%!important}}@media (min-width: 992px){.my-container{width:80%!important}}@media (min-width: 1200px){.my-container{width:75%!important}}.difficulty{background-color:#fafafa;border-radius:.8em;font-weight:700;font-size:1em;font-family:Open Sans,sans-serif;letter-spacing:.2ch}.top-transition{margin-top:20ch;height:200px;background-color:#000;z-index:1!important;position:relative;transform:skew(0,-2deg)}.bottom-transition{margin-top:-20ch;height:200px;z-index:2;position:relative;background-color:#fff;transform:skew(0,-2deg)}.evaluation-section{margin-top:-15ch;position:relative;background-color:#000;padding-bottom:30ch;z-index:2!important}.invert-everything-behind{mix-blend-mode:exclusion}.bg-idea{background-color:#ffca28}.color-idea{color:#f9a825}.info-highlight{padding-right:1ch;padding-left:1ch;margin-left:1ch;margin-right:.3ch;background-color:#fafafa}@font-face{font-family:Hylia;src:url(Hylia.ba4a82cfe1e7d5c1.otf) format("opentype")}.font-masterguide{font-family:Hylia}.font-dollar{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;letter-spacing:.19ch}.btn-hint-active,.btn-hint-active:hover{background-color:#000;color:#fff;transition:background-color 1s ease}.scrolling-wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-bottom:20px;width:100%;-webkit-overflow-scrolling:touch}.scrolling-wrapper::-webkit-scrollbar{display:none}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.accordion-button:focus,.accordion-button:active{outline:none!important;box-shadow:none}.font-weight-bold{font-weight:700!important}a{text-decoration:none}.text-left{text-align:left!important}.text-right{text-align:right!important}@media (min-width: 768px){.text-md-right{text-align:right!important}}@media (min-width: 576px){.text-sm-right{text-align:right!important}}.ml-1{margin-left:.25rem!important}@media (min-width: 768px){.ml-md-3{margin-left:1rem!important}}.text-white{color:#fff!important}.table-dark{background-color:#000!important}.continue-gradient{background:linear-gradient(to bottom,transparent 0%,white 65%);z-index:2!important;position:relative;padding-top:40ch;margin-top:-50ch}code{background-color:#424242;padding:.4ch 1ch;margin-left:.3ch;margin-right:.3ch;color:#fff;border-radius:.3em;font-family:Consolas}.bg-tag-code{background-color:#424242}button:focus{outline:0!important;border:none!important}.CodeMirror.cm-s-ayu-mirage{height:550px!important}.code-block{display:block;padding:8px;margin:0;line-height:2;white-space:pre;border-radius:4px;overflow-x:auto}:root{--bg: #f5f2eb;--bg-card: #fffef9;--bg-code: #1a1a2e;--text: #1c1c1c;--text-muted: #6b6860;--text-light: #9c9890;--accent: #d4522a;--accent-soft: #faede6;--green: #3a7d44;--green-soft: #e8f4e9;--blue: #1a5fa8;--blue-soft: #e4eef9;--amber: #b06a00;--amber-soft: #fdf0dc;--purple: #6b3fa0;--purple-soft: #f0eaf9;--teal: #0f6e6e;--teal-soft: #e2f4f4;--border: #e2ddd4;--radius: 12px;--radius-sm: 8px}.hero{max-width:860px;margin:0 auto;padding:4rem 2rem 2rem}.hero-eyebrow{font-size:1rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.hero h1{font-size:clamp(32px,5vw,52px);font-weight:500;line-height:1.1;letter-spacing:-1px;color:var(--text);margin-bottom:1.5rem}.hero h1 em{font-style:normal;color:var(--accent);border-bottom:2px solid var(--accent)}.intro-section{max-width:860px;margin:0 auto;padding:0 2rem 3rem}.intro-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:2rem 2.5rem;position:relative;overflow:hidden}.intro-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);border-radius:4px 0 0 4px}.intro-card h2{font-size:1.2rem;font-weight:500;margin-bottom:1rem;color:var(--text)}.intro-card p{font-size:1.2rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.8}.intro-card p:last-child{margin-bottom:0}.intro-card strong{color:var(--text);font-weight:500}.question-box{max-width:860px;margin:0 auto;padding:0 2rem 3rem}.question-inner{background:var(--bg-code);border-radius:var(--radius);padding:2rem 2.5rem;color:#e8e4db}.question-inner h2{font-size:1rem;letter-spacing:1px;text-transform:uppercase;color:#8a8580;margin-bottom:1.5rem}.question-inner .big-q{font-size:clamp(16px,2.5vw,20px);color:#ffd166;margin-bottom:2rem;line-height:1.5}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pattern-chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:12px 14px}.pattern-chip .builds{font-size:1rem;color:#8a8580;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.pattern-chip .pname{font-size:1.1rem;font-weight:500}.pname.count{color:#74b9ff}.pname.sum{color:#ffd166}.pname.filter{color:#6bcb77}.pname.transform{color:#f4a261}.pname.find{color:#c77dff}.exercises-section{max-width:860px;margin:0 auto;padding:0 2rem 5rem}.section-label{font-size:1rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-bottom:1.5rem;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.ex-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s}.ex-card:hover{box-shadow:0 4px 20px #00000012}.ex-header{display:flex;align-items:center;gap:14px;padding:1.1rem 1.5rem;cursor:pointer;transition:background .15s}.ex-header:hover{background:#faf8f3}.pattern-badge{font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;font-weight:700;border-radius:10px;white-space:nowrap;flex-shrink:0}.pb-count{background:var(--blue-soft);color:var(--blue)}.pb-sum{background:var(--amber-soft);color:var(--amber)}.pb-filter{background:var(--green-soft);color:var(--green)}.pb-transform{background:var(--accent-soft);color:var(--accent)}.pb-find{background:var(--purple-soft);color:var(--purple)}.pb-mixed{background:var(--teal-soft);color:var(--teal)}.ex-title{font-size:1.1rem;font-weight:400;color:var(--text);flex:1;line-height:1.4}.ex-cat{font-size:1.2rem;flex-shrink:0}.ex-chevron{color:var(--text-light);font-size:1rem;flex-shrink:0;transition:transform .25s}.ex-chevron.open{transform:rotate(90deg)}.ex-body{display:none;border-top:1px solid var(--border);padding:1.5rem}.ex-body.open{display:block}.atomic-tip{font-size:1rem;color:var(--text-muted);background:var(--bg);border-radius:var(--radius-sm);padding:8px 14px;margin-bottom:1rem;border-left:3px solid var(--border)}.atomic-tip strong{color:var(--text)}pre{background:var(--bg-code);border-radius:var(--radius-sm);padding:1.25rem 1.5rem;overflow-x:auto;margin-bottom:1rem;font-size:1rem;line-height:1.8;color:#c9c4bb}.kw{color:#74b9ff}.st{color:#6bcb77}.cm{color:#6b6860;font-style:italic}.nm{color:#ffd166}.fn{color:#f4a261}.var{color:#c9c4bb}.ans-toggle{display:inline-flex;align-items:center;gap:8px;font-size:1rem;padding:7px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;margin-bottom:1rem}.ans-toggle:hover{background:var(--bg);color:var(--text);border-color:#c8c3ba}.ans-toggle.active{background:var(--bg-code);color:#e8e4db;border-color:var(--bg-code)}.answer-block{display:none;background:#f9f7f2;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem 1.5rem;font-size:1.1rem;line-height:1.8;color:var(--text-muted)}.answer-block.open{display:block}.answer-block .output{font-size:1rem;background:var(--bg-code);color:#6bcb77;padding:8px 14px;border-radius:var(--radius-sm);margin:10px 0;display:inline-block}.answer-block .insight{font-size:1rem;color:var(--text-muted);margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-style:italic}.answer-block strong{color:var(--text);font-weight:500}.cheatsheet{max-width:860px;margin:0 auto;padding:0 2rem 5rem}.cheat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.cheat-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem}.cheat-card .cheat-name{font-size:1rem;font-weight:500;margin-bottom:6px}.cheat-card .cheat-q{font-size:1rem;color:var(--text-muted);margin-bottom:10px;line-height:1.5}.cheat-card pre{font-size:.95rem;padding:10px 12px;margin:0;border-radius:6px;line-height:1.7}.cheat-count{border-top:3px solid var(--blue)}.cheat-sum{border-top:3px solid var(--amber)}.cheat-filter{border-top:3px solid var(--green)}.cheat-transform{border-top:3px solid var(--accent)}.cheat-find{border-top:3px solid var(--purple)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero,.intro-card,.question-inner,.ex-card,.cheat-card{animation:fadeUp .5s ease both}.hero{animation-delay:.05s}.intro-card{animation-delay:.1s}.question-inner{animation-delay:.15s}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}