/*! normalize.css v3.0.2 | MIT License | git.io/normalize */@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap");html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .c,.highlight .cd{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .k,.highlight .kv{color:#000000;font-weight:bold}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .il{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .m,.highlight .mb,.highlight .mx{color:#009999}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .bp{color:#999999}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight{background-color:#f8f8f8}*{box-sizing:border-box}body{padding:0;margin:0;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;color:#606c71}#skip-to-content{height:1px;width:1px;position:absolute;overflow:hidden;top:-10px}#skip-to-content:focus{position:fixed;top:10px;left:10px;height:auto;width:auto;background:#e19447;outline:thick solid #e19447}a{color:#1e6bb8;text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;margin-bottom:1rem;color:rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);border-style:solid;border-width:1px;border-radius:0.3rem;transition:color 0.2s, background-color 0.2s, border-color 0.2s}.btn:hover{color:rgba(255,255,255,0.8);text-decoration:none;background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.btn+.btn{margin-left:1rem}@media screen and (min-width: 64em){.btn{padding:0.75rem 1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.btn{padding:0.6rem 0.9rem;font-size:0.9rem}}@media screen and (max-width: 42em){.btn{display:block;width:100%;padding:0.75rem;font-size:0.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}.page-header{color:#fff;text-align:center;background-color:#159957;background-image:linear-gradient(120deg, #155799, #159957)}@media screen and (min-width: 64em){.page-header{padding:5rem 6rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header{padding:3rem 4rem}}@media screen and (max-width: 42em){.page-header{padding:2rem 1rem}}.project-name{margin-top:0;margin-bottom:0.1rem}@media screen and (min-width: 64em){.project-name{font-size:3.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.project-name{font-size:2.25rem}}@media screen and (max-width: 42em){.project-name{font-size:1.75rem}}.project-tagline{margin-bottom:2rem;font-weight:normal;opacity:0.7}@media screen and (min-width: 64em){.project-tagline{font-size:1.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.project-tagline{font-size:1.15rem}}@media screen and (max-width: 42em){.project-tagline{font-size:1rem}}.main-content{word-wrap:break-word}.main-content :first-child{margin-top:0}@media screen and (min-width: 64em){.main-content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.main-content{padding:2rem 4rem;font-size:1.1rem}}@media screen and (max-width: 42em){.main-content{padding:2rem 1rem;font-size:1rem}}.main-content kbd{background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.main-content img{max-width:100%}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:normal;color:#159957}.main-content p{margin-bottom:1em}.main-content code{padding:2px 4px;font-family:Consolas, "Liberation Mono", Menlo, Courier, monospace;font-size:0.9rem;color:#567482;background-color:#f3f6fa;border-radius:0.3rem}.main-content pre{padding:0.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;color:#567482;word-wrap:normal;background-color:#f3f6fa;border:solid 1px #dce6f0;border-radius:0.3rem}.main-content pre>code{padding:0;margin:0;font-size:0.9rem;color:#567482;word-break:normal;white-space:pre;background:transparent;border:0}.main-content .highlight{margin-bottom:1rem}.main-content .highlight pre{margin-bottom:0;word-break:normal}.main-content .highlight pre,.main-content pre{padding:0.8rem;overflow:auto;font-size:0.9rem;line-height:1.45;border-radius:0.3rem;-webkit-overflow-scrolling:touch}.main-content pre code,.main-content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.main-content pre code:before,.main-content pre code:after,.main-content pre tt:before,.main-content pre tt:after{content:normal}.main-content ul,.main-content ol{margin-top:0}.main-content blockquote{padding:0 1rem;margin-left:0;color:#819198;border-left:0.3rem solid #dce6f0}.main-content blockquote>:first-child{margin-top:0}.main-content blockquote>:last-child{margin-bottom:0}.main-content table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all;-webkit-overflow-scrolling:touch}.main-content table th{font-weight:bold}.main-content table th,.main-content table td{padding:0.5rem 1rem;border:1px solid #e9ebec}.main-content dl{padding:0}.main-content dl dt{padding:0;margin-top:1rem;font-size:1rem;font-weight:bold}.main-content dl dd{padding:0;margin-bottom:1rem}.main-content hr{height:2px;padding:0;margin:1rem 0;background-color:#eff0f1;border:0}.site-footer{padding-top:2rem;margin-top:2rem;border-top:solid 1px #eff0f1}@media screen and (min-width: 64em){.site-footer{font-size:1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.site-footer{font-size:1rem}}@media screen and (max-width: 42em){.site-footer{font-size:0.9rem}}.site-footer-owner{display:block;font-weight:bold}.site-footer-credits{color:#819198}:root{--bg-color: #fff;--text-color: #606c71;--link-color: #1e6bb8;--heading-color: #159957;--code-bg: #f3f6fa;--code-text: #567482;--border-color: #dce6f0;--blockquote-color: #819198;--header-gradient-left: #155799;--header-gradient-right: #159957;--btn-bg: rgba(255, 255, 255, 0.08);--btn-border: rgba(255, 255, 255, 0.2);--btn-hover-bg: rgba(255, 255, 255, 0.2);--btn-hover-border: rgba(255, 255, 255, 0.3)}[data-theme="dark"]{--bg-color: #181a1b;--text-color: #b6b6b6;--link-color: #8ab4f8;--heading-color: #c792ea;--code-bg: #2d2d2d;--code-text: #e6e6e6;--border-color: #3a3a3a;--blockquote-color: #888;--header-gradient-left: #4a1a6b;--header-gradient-right: #56b4d3;--btn-bg: rgba(255, 255, 255, 0.1);--btn-border: rgba(255, 255, 255, 0.25);--btn-hover-bg: rgba(255, 255, 255, 0.2);--btn-hover-border: rgba(255, 255, 255, 0.4)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color 0.3s ease, color 0.3s ease}a{color:var(--link-color)}.page-header{background-image:linear-gradient(120deg, var(--header-gradient-left), var(--header-gradient-right));transition:background-image 0.3s ease}.page-header .project-name,.page-header .project-tagline{color:#fff}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{color:var(--heading-color)}.main-content code{background-color:var(--code-bg);color:var(--code-text)}.main-content pre{background-color:var(--code-bg);color:var(--code-text);border:1px solid var(--border-color)}.main-content blockquote{color:var(--blockquote-color);border-left-color:var(--border-color)}.main-content table th,.main-content table td{border:1px solid var(--border-color)}.main-content hr{border-bottom-color:var(--border-color)}.btn{background-color:var(--btn-bg);border-color:var(--btn-border);transition:background-color 0.2s ease, border-color 0.2s ease}.btn:hover{background-color:var(--btn-hover-bg);border-color:var(--btn-hover-border)}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:background-color 0.2s ease, transform 0.2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-toggle:hover{background:var(--btn-hover-bg);transform:scale(1.1)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{transition:opacity 0.2s ease}:root .theme-toggle .icon-moon{display:none}:root .theme-toggle .icon-sun{display:block}[data-theme="dark"] .theme-toggle .icon-moon{display:block}[data-theme="dark"] .theme-toggle .icon-sun{display:none}[data-theme="dark"]{scrollbar-color:#555 #2d2d2d}[data-theme="dark"] ::-webkit-scrollbar{width:10px}[data-theme="dark"] ::-webkit-scrollbar-track{background:#2d2d2d}[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.main-content details{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:4px;padding:0.5rem 1rem;background-color:var(--bg-color)}.main-content details summary{cursor:pointer;font-weight:600;color:var(--heading-color);padding:0.5rem 0;list-style:disclosure-closed}.main-content details summary::-webkit-details-marker{color:var(--text-color)}.main-content details summary::marker{color:var(--text-color)}.main-content details[open] summary{list-style:disclosure-open;margin-bottom:0.5rem;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem}.theme-toggle{color:#fff}[data-theme="dark"] .highlight{background:#2d2d2d;color:#f8f8f2}[data-theme="dark"] .highlight .c,[data-theme="dark"] .highlight .c1,[data-theme="dark"] .highlight .cm,[data-theme="dark"] .highlight .cp,[data-theme="dark"] .highlight .cs,[data-theme="dark"] .highlight .ch,[data-theme="dark"] .highlight .cd{color:#75715e;font-style:italic}[data-theme="dark"] .highlight .k,[data-theme="dark"] .highlight .kc,[data-theme="dark"] .highlight .kd,[data-theme="dark"] .highlight .kn,[data-theme="dark"] .highlight .kp,[data-theme="dark"] .highlight .kr,[data-theme="dark"] .highlight .kt{color:#f92672}[data-theme="dark"] .highlight .s,[data-theme="dark"] .highlight .s1,[data-theme="dark"] .highlight .s2,[data-theme="dark"] .highlight .sb,[data-theme="dark"] .highlight .sc,[data-theme="dark"] .highlight .sd,[data-theme="dark"] .highlight .se,[data-theme="dark"] .highlight .sh,[data-theme="dark"] .highlight .si,[data-theme="dark"] .highlight .sx,[data-theme="dark"] .highlight .sr,[data-theme="dark"] .highlight .ss{color:#e6db74}[data-theme="dark"] .highlight .m,[data-theme="dark"] .highlight .mb,[data-theme="dark"] .highlight .mf,[data-theme="dark"] .highlight .mh,[data-theme="dark"] .highlight .mi,[data-theme="dark"] .highlight .mo,[data-theme="dark"] .highlight .mx,[data-theme="dark"] .highlight .il{color:#ae81ff}[data-theme="dark"] .highlight .n{color:#f8f8f2}[data-theme="dark"] .highlight .na{color:#a6e22e}[data-theme="dark"] .highlight .nb{color:#f8f8f2}[data-theme="dark"] .highlight .nc{color:#a6e22e}[data-theme="dark"] .highlight .nd{color:#a6e22e}[data-theme="dark"] .highlight .nf{color:#a6e22e}[data-theme="dark"] .highlight .ni{color:#f8f8f2}[data-theme="dark"] .highlight .nn{color:#f8f8f2}[data-theme="dark"] .highlight .no{color:#66d9ef}[data-theme="dark"] .highlight .nt{color:#f92672}[data-theme="dark"] .highlight .nv{color:#f8f8f2}[data-theme="dark"] .highlight .bp{color:#f8f8f2}[data-theme="dark"] .highlight .vc,[data-theme="dark"] .highlight .vg,[data-theme="dark"] .highlight .vi,[data-theme="dark"] .highlight .vm{color:#f8f8f2}[data-theme="dark"] .highlight .o,[data-theme="dark"] .highlight .ow{color:#f92672}[data-theme="dark"] .highlight .p{color:#f8f8f2}[data-theme="dark"] .highlight .gd{color:#f92672}[data-theme="dark"] .highlight .gi{color:#a6e22e}[data-theme="dark"] .highlight .ge{font-style:italic}[data-theme="dark"] .highlight .gs{font-weight:bold}[data-theme="dark"] .highlight .gh{color:#75715e}[data-theme="dark"] .highlight .gu{color:#75715e}[data-theme="dark"] .highlight .err{color:#f8f8f2;background-color:#f92672}[data-theme="dark"] .highlight .w{color:#f8f8f2}[data-theme="dark"] .highlight .x{color:#f8f8f2}[data-theme="dark"] pre code{color:#f8f8f2}.gallery-container{position:relative;margin:1.5rem 0 2.5rem 0}.gallery-3d{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.gallery-3d model-viewer{width:200px;height:200px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.15);--poster-color: transparent}[data-theme="dark"] .gallery-3d model-viewer{box-shadow:0 2px 8px rgba(0,0,0,0.4)}.gallery-mode-toggle{position:absolute;bottom:-1.75rem;right:0;font-size:0.75rem;padding:0.2rem 0.5rem;background:var(--code-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease}.gallery-mode-toggle:hover{background:var(--border-color)}[data-gallery-mode="3d"] .gallery-3d{display:flex}[data-gallery-mode="3d"] .split-gallery{display:none}[data-gallery-mode="2d"] .gallery-3d{display:none}[data-gallery-mode="2d"] .split-gallery{display:flex}.split-gallery{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.split-cell{position:relative;width:200px;height:200px;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.split-cell img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:clip-path 0.3s ease}.split-cell .img-color{clip-path:polygon(0 0, 100% 0, 0 100%);z-index:2}.split-cell .img-normal{clip-path:polygon(100% 0, 100% 100%, 0 100%);z-index:1}.split-cell .img-color.expanded,.split-cell .img-normal.expanded{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);z-index:3}.split-cell::after{content:'';position:absolute;bottom:0;left:0;width:141.4%;height:1px;background:rgba(255,255,255,0.5);transform-origin:bottom left;transform:rotate(-45deg);z-index:4;pointer-events:none;transition:opacity 0.3s ease}.split-cell.has-expanded::after{opacity:0}@media (hover: hover){.split-cell .img-color:hover{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);z-index:3}.split-cell .img-normal:hover{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);z-index:3}.split-cell:hover::after{opacity:0}}[data-theme="dark"] .split-cell{box-shadow:0 2px 8px rgba(0,0,0,0.4)}[data-theme="dark"] .split-cell::after{background:rgba(255,255,255,0.3)}.banner-flip{perspective:1000px;margin:1rem 0;cursor:pointer}.banner-flip-inner{position:relative;width:100%;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d}.banner-front,.banner-back{position:relative;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.banner-front img{width:100%;display:block}.banner-front video{position:absolute;bottom:7px;left:0;width:min(180px, 25%)}.banner-back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateX(180deg);background:var(--code-bg)}.banner-back model-viewer{width:100%;height:100%;--poster-color: transparent}.banner-hint{position:absolute;bottom:0.5rem;right:0.5rem;font-size:0.7rem;padding:0.2rem 0.5rem;background:rgba(0,0,0,0.5);color:#fff;border-radius:4px;opacity:0.7;transition:opacity 0.3s ease;pointer-events:none}@media (hover: hover){.banner-flip:hover .banner-flip-inner{transform:rotateX(180deg)}.banner-flip:hover .banner-hint{opacity:0}.banner-hint::before{content:'Hover for 3D'}}.banner-flip.flipped .banner-flip-inner{transform:rotateX(180deg)}.banner-flip.flipped .banner-hint{opacity:0}@media (hover: none){.banner-hint::before{content:'Tap for 3D'}}[data-theme="dark"] .banner-front,[data-theme="dark"] .banner-back{box-shadow:0 2px 8px rgba(0,0,0,0.4)}[data-theme="dark"] .banner-hint{background:rgba(255,255,255,0.2)}