@font-face{font-family:"Libre Baskerville";src:url("../assets/Libre_Baskerville/LibreBaskerville-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Unbounded";src:url("../assets/Unbounded/Unbounded-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Work Sans";src:url("../assets/Work_Sans/WorkSans-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--background: oklch(93.71% 0.003 67.78deg);--background-secondary: oklch(95.71% 0.003 67.78deg);--background-tertiary: oklch(97.71% 0.003 67.78deg);--primary: oklch(64.03% 0.074 57.42deg);--secondary: oklch(81.51% 0.052 58.26deg);--accent: oklch(74.45% 0.095 57.1deg);--text-primary: oklch(12.15% 0.003 106.86deg);--text-secondary: oklch(20.15% 0.003 106.86deg);--text-muted: oklch(27.15% 0.003 67.78deg);--text-inverted: oklch(98.48% 0.001 106.42deg)}body.dark-mode{--background: oklch(13.62% 0.006 71.35deg);--background-secondary: oklch(21% 0.008 71.35deg);--background-tertiary: oklch(28% 0.01 71.35deg);--primary: oklch(58.77% 0.075 56.35deg);--secondary: oklch(38.64% 0.061 56.07deg);--accent: oklch(49.63% 0.101 52.75deg);--text-primary: oklch(98.48% 0.001 106.42deg);--text-secondary: oklch(79.85% 0.003 106.42deg);--text-muted: oklch(72.85% 0.003 67.78deg)}body,html{margin:0;padding:0;font-family:"Work Sans";height:100vh;color:var(--text-primary);background:var(--background-tertiary);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}i.bi{font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:"Libre Baskerville"}input,textarea{all:unset;font-size:revert}input::placeholder,textarea::placeholder{color:var(--text-muted)}hr{border:none;border-top:1px solid var(--background-secondary);margin:1.25rem 0;width:100%}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:1000}::selection{background-color:var(--accent)}::-moz-selection{background-color:var(--accent)}#tutorial-list::-webkit-scrollbar,#search-results::-webkit-scrollbar,#structure-content::-webkit-scrollbar,.notifications-list-container::-webkit-scrollbar{display:none !important}#content,iframe{scrollbar-width:thin;scrollbar-color:var(--accent) rgba(0,0,0,0)}#tutorial-list,#search-results,#structure-content,.notifications-list-container{scrollbar-width:none !important}.toggle{all:unset;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);border-radius:1.25rem;aspect-ratio:1/1}.toggle:hover{background:var(--background-secondary)}.toggle:focus-visible{outline:2px solid var(--text-muted)}#theme-toggle .bi-moon,#theme-toggle .bi-sun{position:absolute;transition:opacity .3s ease,transform .3s ease;opacity:1;transform:rotate(0deg)}#theme-toggle .bi-moon{display:block;color:var(--text-primary)}#theme-toggle .bi-sun{display:none;opacity:0;transform:rotate(180deg);animation:sunRotate 10s linear infinite paused}#theme-toggle.dark-mode .bi-moon{opacity:0;transform:rotate(-180deg)}#theme-toggle.dark-mode .bi-sun{display:block;opacity:1;transform:rotate(0deg);animation-play-state:running}@keyframes sunRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#sidebar-toggle{display:none;position:fixed}@media screen and (width <= 1280px){#sidebar-toggle{display:flex;left:1.5rem;top:1.5rem;background:var(--background-secondary);border-radius:1.25rem;transition:left .3s ease,top .3s ease;z-index:2000}#sidebar-toggle .bi-layout-sidebar{display:block}#sidebar-toggle .bi-layout-sidebar-inset{display:none}#sidebar-toggle.open .bi-layout-sidebar{display:none}#sidebar-toggle.open .bi-layout-sidebar-inset{display:block}#sidebar-toggle.open{left:2.5rem;top:2.5rem}}@media screen and (width <= 640px){#sidebar-toggle{left:.75rem;top:.75rem}#sidebar-toggle.open{left:1.5rem;top:1.5rem}}#structure-toggle i{display:inline-block;transition:transform .3s ease;transform-origin:center}#structure-toggle:active{transform:scale(0.95)}#structure-toggle.open i{transform:rotate(180deg)}#fullscreen-toggle .bi-fullscreen{display:block}#fullscreen-toggle .bi-fullscreen-exit{display:none}#button-container{display:flex;flex-direction:column;gap:1rem;padding:1rem}@media screen and (width <= 640px){#button-container{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:row;justify-content:space-around;background:var(--background-tertiary);border:unset;border-radius:unset;padding:.75rem;z-index:100}#button-container>.toggle{position:static;background:unset;border:unset;border-radius:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:unset;-webkit-backdrop-filter:unset;backdrop-filter:unset;box-shadow:unset;overflow:hidden}#button-container #theme-toggle:hover,#button-container #theme-toggle:active,#button-container #theme-toggle:focus,#button-container #sidebar-toggle:hover,#button-container #more-options-toggle:hover,#button-container #structure-toggle:hover{background:unset;transform:unset;box-shadow:unset;animation:unset}#button-container .miscellaneous{position:fixed;bottom:4.8rem;right:.75rem}#button-container .miscellaneous .toggle{background-color:var(--background-tertiary)}}.button{all:unset;display:flex;align-items:center;justify-content:center;position:relative;font-family:inherit;font-size:inherit;font-weight:600;background:var(--accent);color:var(--text-primary);padding:.75rem 1rem;border:none;border-radius:1.25rem;cursor:pointer;transition:transform .3s ease}.button.loading{padding-right:2.5rem}.button.loading::after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid rgba(0,0,0,0);border-top-color:var(--text-inverted);border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:translateY(-50%) rotate(360deg)}}.miscellaneous{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;margin-top:auto}@media screen and (width <= 640px){.miscellaneous{bottom:3.75rem;right:10px}}#sound-toggle .bi-volume-up,#sound-toggle .bi-volume-mute{position:absolute}#sound-toggle .bi-volume-up{display:block}#sound-toggle .bi-volume-mute{display:none}.credits-icon{display:inline-block}.tooltip{position:fixed;background:var(--background-secondary);color:var(--text-primary);padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem;z-index:3000;pointer-events:none;white-space:nowrap}.tooltip-right{animation:rightFadeIn .2s ease-in-out}.tooltip-right::before{content:"";position:absolute;left:-0.5rem;top:50%;transform:translateY(-50%);border-style:solid;border-width:.5rem .5rem .5rem 0;border-color:rgba(0,0,0,0) var(--background-secondary) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip-left{animation:leftFadeIn .2s ease-in-out}.tooltip-left::before{content:"";position:absolute;right:-0.25rem;top:50%;transform:translateY(-50%);border-style:solid;border-width:.5rem 0 .5rem .5rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--background-secondary)}@keyframes rightFadeIn{from{opacity:0;transform:translateX(0.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes leftFadeIn{from{opacity:0;transform:translateX(-0.5rem)}to{opacity:1;transform:translateY(0)}}#sidebar{display:flex;flex-direction:column;padding:1.5rem;width:15rem;min-width:15rem;max-width:15rem;max-height:100vh;position:relative}@media screen and (width <= 1280px){body:not(.dark-mode) #sidebar{box-shadow:rgba(0,0,0,.1) 0px 10px 15px -3px,rgba(0,0,0,.05) 0px 4px 6px -2px}}@media screen and (width <= 1280px){#sidebar{position:fixed;width:auto;left:-100%;background:var(--background-tertiary);transition:left .3s ease;z-index:1000;border-radius:1rem;height:calc(100vh - 6rem);padding:1rem;margin:2rem}#sidebar.open{left:0}}@media screen and (width <= 640px){#sidebar{margin:.75rem;height:calc(100vh - 7.5rem)}}.brand{font-size:1.8rem;text-align:center;font-family:"Unbounded";color:var(--primary);margin:0;padding:1rem 2rem;margin-bottom:.75rem;border-radius:1rem;font-weight:500}.brand .title{font-size:3rem;cursor:pointer;position:relative;user-select:none}.brand .title .admin-mode{color:var(--text-inverted)}.search-container{width:100%}.search-container .search{position:relative;border-radius:1rem;background:var(--background-secondary);box-sizing:border-box}.search-container .search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text)}.search-container .search #search-input{box-sizing:border-box;font-family:inherit;width:100%;outline:none;padding:.75rem .75rem .75rem 2.5rem;border:none;background:rgba(0,0,0,0);color:var(--text);border-radius:1rem}.search-container .search #search-input:focus-visible{outline:2px solid var(--accent)}.search-shortcut-hint{display:none}@media screen and (width >= 1280px){.search-shortcut-hint{display:flex;align-items:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:.7;font-size:.8em;pointer-events:none;transition:opacity .3s ease}}#search-input:focus+.search-shortcut-hint,#search-results[style*="display: block"]~.search-shortcut-hint{opacity:0}.box{border:1px solid var(--text-muted);background:var(--background-primary);border-radius:.25rem;padding:0 .25rem}#search-results{color:var(--text-primary);background:var(--background-secondary);border-radius:.75rem;margin-top:.75rem;max-height:16rem;overflow-y:auto;transition:max-height .3s ease,margin-top .3s ease}#search-results div{padding:.75rem 1rem;cursor:pointer}#search-results div:hover{background:var(--secondary)}#tutorial-list{overflow-y:auto;border-radius:.75rem;list-style-type:none;padding:0;margin:.75rem 0 0 0}#tutorial-list li{margin-bottom:.5rem}#tutorial-list a{text-decoration:none;color:var(--text-primary);display:block;padding:.75rem 1rem;border-radius:.75rem;transition:background .3s ease}#tutorial-list a:focus-visible{outline:2px solid var(--accent)}#tutorial-list a:hover{background:var(--background-secondary);color:var(--text-primary)}#tutorial-list a.active{background:var(--secondary)}.container{display:flex;height:100vh;box-sizing:border-box}.main{background:var(--background);border-radius:1.5rem;padding:1rem;margin:1rem 0;display:flex;flex-direction:column;width:100%;overflow:hidden;transition:padding-right .3s ease;position:relative}@media screen and (width <= 1280px){.main{margin:1rem 0 1rem 1rem}}@media screen and (width >= 640px){.main{box-shadow:inset rgba(0,0,0,.1) 0px 10px 15px -3px,inset rgba(0,0,0,.05) 0px 4px 6px -2px}}@media screen and (width <= 640px){.main{border:unset;border-radius:unset;padding:0;margin:0}}@media screen and (width >= 1280px){.main.shifted{padding-right:20rem}}#content{scroll-behavior:smooth;flex-grow:1;padding:2rem;overflow:hidden auto}@media screen and (width <= 640px){#content{padding-bottom:4.5rem}}#structure-view{position:absolute;right:-20rem;top:0;width:18rem;background:var(--background-secondary);transition:right .3s ease;display:flex;flex-direction:column;padding:1rem;margin:1rem;box-sizing:border-box;border-radius:1rem;height:calc(100vh - 4rem)}#structure-view.open{right:0}body:not(.dark-mode) #structure-view{box-shadow:rgba(0,0,0,.1) 0px 10px 15px -3px,rgba(0,0,0,.05) 0px 4px 6px -2px}#structure-content{flex:1 1 0%;overflow-y:auto;border-radius:.75rem}#structure-content .structure-item,#structure-content .structure-section,#structure-content .structure-subsection{color:var(--text-muted);cursor:pointer;transition:background .3s ease}#structure-content .structure-item:hover,#structure-content .structure-section:hover,#structure-content .structure-subsection:hover{color:var(--text-primary)}#structure-content .structure-item.active,#structure-content .structure-section.active,#structure-content .structure-subsection.active{color:var(--text-primary)}#structure-content .structure-item{font-size:1.5rem;padding:.75rem 1rem}#structure-content .structure-section{font-size:1.25rem;padding:.75rem 1rem}#structure-content .structure-subsection{font-size:1.1rem;padding:.5rem 1rem;margin-left:1.25rem;border-left:1px solid var(--text-muted)}#structure-content .structure-subsection:hover{border-left:1px solid var(--text-primary)}#structure-content .structure-subsection.active{border-left:1px solid var(--text-primary)}@media screen and (width <= 1280px){#structure-view{z-index:1000;right:-150%;width:auto}#structure-view .structure-item:hover,#structure-view .structure-section:hover,#structure-view .structure-subsection:hover{background:none}}@media screen and (width <= 640px){#structure-view{margin:.75rem;right:-200%;height:calc(100vh - 5.5rem)}}#tutorial-content{max-width:50rem;margin:0 auto;line-height:1.8;letter-spacing:-0.01em}#tutorial-content:has(.error-container){inset:0;height:100%;padding-top:0;justify-content:center}@media screen and (width <= 768px){#tutorial-content{min-width:auto;line-height:1.7}}@media screen and (width <= 640px){#tutorial-content{line-height:1.65}}.tutorial-content-wrapper{position:relative}.tutorial-content-wrapper h1{font-size:2.5rem;line-height:1.2;margin-top:2.5rem;margin-bottom:1.25rem;letter-spacing:-0.02em;font-weight:700}.tutorial-content-wrapper h1:first-child{margin-top:0}.tutorial-content-wrapper h2{font-size:1.875rem;line-height:1.3;margin-top:2rem;margin-bottom:1rem;letter-spacing:-0.019em;font-weight:600}.tutorial-content-wrapper h3{font-size:1.5rem;line-height:1.4;margin-top:1.5rem;margin-bottom:.75rem;letter-spacing:-0.017em;font-weight:600}.tutorial-content-wrapper h4{font-size:1.25rem;line-height:1.5;margin-top:1.25rem;margin-bottom:.75rem;letter-spacing:-0.014em;font-weight:600}.tutorial-content-wrapper h5,.tutorial-content-wrapper h6{font-size:1.125rem;line-height:1.6;margin-top:1rem;margin-bottom:.5rem;font-weight:600}.tutorial-content-wrapper p{margin-top:0;margin-bottom:1.25rem}.tutorial-content-wrapper p:last-child{margin-bottom:0}.tutorial-content-wrapper ul,.tutorial-content-wrapper ol{margin:.25rem 0 .75rem 0;padding-left:2rem}.tutorial-content-wrapper ul li,.tutorial-content-wrapper ol li{margin-bottom:.25rem;line-height:1.8;padding-left:.5rem}.tutorial-content-wrapper ul li::marker,.tutorial-content-wrapper ol li::marker{color:var(--text-secondary)}.tutorial-content-wrapper strong{font-weight:600}.tutorial-content-wrapper hr{border:none;border-top:1px solid var(--text-muted);margin:2rem 0;opacity:.3}@media screen and (width <= 768px){.tutorial-content-wrapper h1{font-size:2rem;margin-top:2rem;margin-bottom:1rem}.tutorial-content-wrapper h2{font-size:1.625rem;margin-top:1.5rem}.tutorial-content-wrapper h3{font-size:1.375rem;margin-top:1.25rem}.tutorial-content-wrapper p,.tutorial-content-wrapper ul,.tutorial-content-wrapper ol{margin-bottom:1rem}}@media screen and (width <= 640px){.tutorial-content-wrapper h1{font-size:1.75rem;margin-top:1.5rem;margin-bottom:.75rem}.tutorial-content-wrapper h2{font-size:1.5rem;margin-top:1.25rem}.tutorial-content-wrapper h3{font-size:1.25rem;margin-top:1rem}.tutorial-content-wrapper p,.tutorial-content-wrapper ul,.tutorial-content-wrapper ol{margin-bottom:.75rem}.tutorial-content-wrapper ul,.tutorial-content-wrapper ol{padding-left:1.25rem}}.tutorial-content-wrapper a{text-decoration:none;color:var(--text-muted)}.tutorial-content-wrapper a:focus-visible{outline:none}.tutorial-content-wrapper a:hover{text-decoration:underline}.tutorial-content-wrapper .bi-arrow-right{display:inline-block;animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(-20px)}60%{transform:translateX(-14px)}}.tutorial-content-wrapper .code-block-wrapper{position:relative;display:flex;flex-direction:column;margin:2rem 0}@media screen and (width <= 640px){.tutorial-content-wrapper .code-block-wrapper{margin:1.25rem 0}}.tutorial-content-wrapper .code-block-wrapper pre{margin:0;padding:1rem;border-radius:0 0 .75rem .75rem;border:none;font-family:inherit;overflow-x:hidden;white-space:pre-wrap;word-break:break-word;line-height:1.6}.tutorial-content-wrapper .code-block-wrapper pre:focus-visible{outline:2px solid var(--text-primary)}@media screen and (width <= 640px){.tutorial-content-wrapper .code-block-wrapper pre{padding:1rem}}.tutorial-content-wrapper .code-block-wrapper code{font-size:1rem;font-family:inherit;white-space:pre-wrap;word-break:break-word;line-height:1.6}@media screen and (width <= 640px){.tutorial-content-wrapper .code-block-wrapper code{font-size:.875rem}}.tutorial-content-wrapper .code-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;padding-left:1rem;background:var(--background-secondary) !important;border-radius:.75rem .75rem 0 0}.tutorial-content-wrapper .copy-button{all:unset;font-family:inherit;padding:.5rem 1rem;align-self:flex-end;cursor:pointer;border-radius:0 .75rem 0 0;z-index:1;transition:background-color .3s ease}.tutorial-content-wrapper .copy-button:focus-visible{outline:2px solid var(--text-primary)}.tutorial-content-wrapper .copy-button:hover{background:var(--primary)}.tutorial-content-wrapper blockquote{border-left:4px solid var(--accent);padding:1.25rem 1.5rem;margin:2rem 0;background:var(--background-tertiary);font-style:italic;border-radius:.75rem;line-height:1.9;color:var(--text-secondary)}.tutorial-content-wrapper blockquote p{margin-bottom:.75rem}.tutorial-content-wrapper blockquote p:last-child{margin-bottom:0}@media screen and (width <= 640px){.tutorial-content-wrapper blockquote{padding:1rem 1.25rem;margin:1.25rem 0;font-size:1rem}}.tutorial-content-wrapper span.application{all:unset;font-family:"Work Sans";font-weight:800;font-size:1.5rem}.tutorial-content-wrapper img[alt="Instagram Brand Text"]{height:1.5rem}.tutorial-content-wrapper span:has(img[alt="Instagram Brand Text"]){display:inline-flex;flex-wrap:wrap;gap:.25rem}.tutorial-content-wrapper .hex-color{cursor:pointer;padding:0 .75rem;border-radius:.75rem;color:var(--text-inverted);background-color:var(--text-muted);transition:filter .3s ease}.tutorial-content-wrapper .hex-color:hover{filter:brightness(110%)}.tutorial-content-wrapper iframe{width:100%;height:100vh;border:2px solid var(--text-muted);border-radius:.75rem;zoom:.5;transition:border-color .3s ease,box-shadow .3s ease}.tutorial-content-wrapper iframe:hover{border-color:var(--text-primary)}@media screen and (width >= 1080px){#tutorial-content a{position:relative;display:inline-flex;padding-right:1.5rem}#tutorial-content a::after{content:"";display:block;width:1rem;height:1rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E") no-repeat center;background-color:var(--text-muted);position:absolute;right:.25rem;top:50%;transform:translateY(-50%)}}.medium-zoom-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.medium-zoom-image{border-radius:.5rem;-webkit-user-drag:none;user-select:none;pointer-events:auto}.navigation-buttons{margin-top:.75rem;display:flex;justify-content:space-between;align-items:center}.navigation-buttons button{font-family:inherit;font-size:1.1rem;font-weight:600;padding:.75rem 1.25rem;border:none;border-radius:1rem;color:var(--text-primary);background-color:var(--accent);cursor:pointer;transition:background-color .3s ease}.navigation-buttons button:focus-visible{outline:2px solid var(--text-primary)}.navigation-buttons button:disabled{cursor:default;opacity:.5}.navigation-buttons button.invisible{opacity:0;pointer-events:none}@media screen and (width <= 640px){.navigation-buttons{margin:0 0 .75rem;display:grid;grid-template-columns:1fr .1fr 1fr}.navigation-buttons button{height:100%}.navigation-buttons button:nth-of-type(odd){background-color:var(--secondary)}.navigation-buttons #next-button{grid-column:3/3}}.error-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.error-container button{all:unset;padding:.5rem 1.25rem;background-color:var(--accent);border-radius:.75rem;cursor:pointer;transition:background-color .3s ease}.error-container button:hover{background-color:var(--secondary)}.table-wrapper{overflow-x:auto}#tutorial-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.25rem 0;background:var(--background-secondary);border-radius:.75rem;overflow:hidden}#tutorial-content table a{color:var(--text-primary)}#tutorial-content table th,#tutorial-content table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--background)}#tutorial-content table th{background:var(--background-tertiary);font-weight:600}#tutorial-content table tr:last-child td{border-bottom:none}#tutorial-content table td:first-child{font-weight:500}@media screen and (width <= 640px){#tutorial-content td:nth-of-type(odd){padding-right:0;width:1%}}.progress-container{position:fixed;top:0;left:0;right:0;height:4px;background:var(--background-tertiary);backdrop-filter:blur(10px);z-index:1000;opacity:0;transform:translateY(-100%);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.progress-container.show{opacity:1;transform:translateY(0)}.progress-container .progress-bar{height:100%;background:linear-gradient(90deg, var(--text-muted));width:0%;border-radius:0 1.5rem 1.5rem 0;transition:width 1s ease-out;position:relative;overflow:hidden}.progress-container .progress-bar::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent 0%, var(--text-primary) 50%, transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media screen and (width <= 640px){.progress-container{height:3px}}.last-edit-info{position:absolute;right:0;bottom:.8rem;font-size:.8rem;padding:.5rem 1rem;background:var(--background-secondary);border-radius:1.5rem}.last-edit-info .last-edit-content,.last-edit-info .last-edit-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-primary);white-space:nowrap}.last-edit-info .last-edit-content i,.last-edit-info .last-edit-loading i{font-size:.8rem}#loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--primary);z-index:9999;opacity:1;transition:opacity 1s ease-out,background 1s ease-in}#loading-overlay #svg-container{width:clamp(200px,100vw,1000px);height:auto}#loading-overlay #svg-container #uiux-vector{fill:oklch(0 0 0)}#loading-overlay #svg-container #uiux-vector.one{animation:boxShadow1 2s cubic-bezier(0, 0, 0.2, 1) 1s 1 forwards}#loading-overlay #svg-container #uiux-vector.two{animation:boxShadow2 2s cubic-bezier(0, 0, 0.2, 1) 1s 1 forwards}#loading-overlay #svg-container #tutorials-vector{stroke:#fff;stroke-width:.5;stroke-dasharray:230;stroke-dashoffset:230;fill:rgba(0,0,0,0);animation:textAnimation 4s cubic-bezier(0, 0, 0.2, 1) 1s 1 forwards}@keyframes boxShadow1{0%{filter:drop-shadow(0 0 0 oklch(0% 0 0deg / 0.5))}100%{filter:drop-shadow(10px 10px 0 oklch(0% 0 0deg / 0.5))}}@keyframes boxShadow2{0%{filter:drop-shadow(0 0 0 oklch(0% 0 0deg / 0.3))}100%{filter:drop-shadow(20px 20px 0 oklch(0% 0 0deg / 0.3))}}@keyframes textAnimation{0%{stroke-dashoffset:230}70%{fill:rgba(0,0,0,0)}90%{stroke-dashoffset:0}100%{fill:#fff;stroke-dashoffset:0;filter:drop-shadow(0 0 20px #fff)}}.modal{display:none;flex-direction:column;align-items:center;position:absolute;background:var(--background-tertiary);color:var(--text-primary);width:100vw;height:100vh;top:0;left:0;overflow:hidden;z-index:2000}.modal #close-modal{margin:1rem 1rem 0 0;align-self:flex-end}.modal-content{display:flex;flex-direction:column;justify-content:center;width:50vw;height:100%;gap:1.5rem}.modal-content h2{text-align:center}@media screen and (width <= 768px){.modal-content{width:70%}}@media screen and (width <= 640px){.modal-content{height:90%}#close-modal{margin:.75rem .75rem 0 0}}.form-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.form-group label{font-size:.8rem}.form-group input,.form-group textarea{font-family:inherit;font-size:1rem;color:var(--text-primary);background-color:var(--background-secondary);padding:.5rem .75rem;border-radius:.75rem}.form-group input:focus,.form-group textarea:focus{outline:none}.form-group textarea{min-height:5rem;height:10rem;max-height:20rem;resize:vertical}.feedback-btn-container{display:flex;flex-direction:column;align-items:center}.feedback-btn-container .feedback-submit-btn{width:max-content;padding:.75rem 1.25rem;margin-top:1rem;border-radius:.75rem}.feedback-btn-container .feedback-submit-btn.loading{padding-right:3rem}.feedback-btn-container .feedback-submit-btn:focus-visible{outline:2px solid var(--inv-text)}.feedback-btn-container .feedback-submit-btn:disabled{cursor:not-allowed}.feedback-message{text-align:center;padding:1.25rem;margin-top:1.5rem;border-radius:1rem;opacity:1;transition:opacity .3s ease,transform .3s ease,background .3s ease,border .3s ease,box-shadow .3s ease;transform:translateY(-10px);background:var(--background-tertiary);border:1px solid var(--text-primary)}.feedback-message.show{opacity:1;transform:translateY(0)}.credits-info{text-align:center;padding-bottom:1rem}.credits-info a{color:var(--text-primary)}.credits-info .author-link{position:relative;display:inline-block}.credits-info .real-name-reveal{display:inline-block;text-align:left;position:absolute;left:100%;top:0;white-space:nowrap;margin-left:.5rem;overflow:hidden;width:0;opacity:0;transition:width 1s ease-out,opacity 1s ease-out;font-style:italic}@media(hover: hover)and (pointer: fine){.author-link:hover .real-name-reveal{opacity:1;width:160px}}.authentication{display:grid;transition:grid-template-rows .3s ease}.authentication.hidden{grid-template-rows:0fr}.authentication.show{grid-template-rows:1fr}.authentication>*{min-height:0;overflow:hidden}.authentication .auth-modal{display:flex;flex-direction:column;justify-content:start;align-items:start}.authentication #auth-form{display:flex;flex-direction:column;width:100%}.authentication .button.loading{color:rgba(0,0,0,0);padding-right:1rem}.authentication .button.loading::after{right:50%;left:50%;transform:translate(-50%, -50%);animation:centerSpinner .6s linear infinite}.authentication .popup{display:grid;grid-template-columns:auto auto;align-items:center;gap:.75rem;position:absolute;top:.75rem;left:.75rem;right:.75rem;border-radius:1rem;background-color:var(--background-secondary);color:var(--text-primary);padding:.75rem 1rem;font-size:.8em;opacity:0;transform:translateY(-100%);transition:background-color .3s ease,color .3s ease;z-index:1000}.authentication .popup p{margin:unset}.authentication .admin-panel{display:flex;flex-direction:column;gap:1rem}.authentication .admin-panel hr{margin-top:0}@keyframes centerSpinner{to{transform:translate(-50%, -50%) rotate(360deg)}}#dashboard{position:fixed;inset:0;padding:3rem;margin:0 auto;transform:translateY(100%);transition:transform .3s ease;z-index:2000;background-color:var(--background-tertiary);overflow:hidden}#dashboard.show{transform:translateY(0)}#dashboard .dashboard-header{display:flex;border-bottom:1px solid var(--background-secondary);margin-bottom:.75rem}#dashboard .dashboard-header h2{font-family:"Unbounded"}#dashboard #close-dashboard{position:absolute;right:1rem;top:1rem}.dashboard-bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr 1fr;gap:1.25rem}.bento-box{overflow:hidden;background:var(--background);padding:1.25rem;border-radius:1rem}.bento-box h3{margin:.5rem 0 1rem 0;font-family:"Libre Baskerville"}.notification-form-section{grid-column:1;grid-row:1/3}.notification-form{display:flex;flex-direction:column;justify-content:space-between}.notification-form .form-group textarea{height:30vh;max-height:30vh}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.notifications-section{grid-column:2;grid-row:1/2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}.notifications-section h3{grid-column:1/2;grid-row:1/2;margin:auto 0}.notifications-section .add-notification-btn{display:flex;align-items:center;gap:.75rem;grid-column:2/3;grid-row:1/2}.notifications-section .add-notification-btn .btn-icon{display:none}.notifications-list-container{grid-column:1/3;grid-row:2/3;scroll-behavior:smooth;flex-grow:1;overflow:hidden auto;margin-top:.75rem}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:.75rem;font-size:1rem}.notifications-list{height:50vh}.notification-item{background:var(--background-secondary);border-radius:1rem;padding:.75rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.notification-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.notification-content p{all:unset}.notification-actions{display:flex;gap:.75rem}.stats-section{grid-column:2;grid-row:2/3}.stats-content{display:flex;flex-direction:column;gap:.75rem}.stats-content p{all:unset}@media screen and (width <= 1280px){#dashboard{overflow:hidden auto;padding:3rem}.dashboard-bento{display:flex;flex-direction:column;gap:1.25rem}.notification-form-section{min-height:fit-content}.notification-form .form-group textarea{height:unset;max-height:unset}.notifications-section{min-height:fit-content;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr}}@media screen and (width <= 640px){#dashboard{padding:.75rem}.notifications-section .add-notification-btn{aspect-ratio:1/1;padding:.75rem}.notifications-section .add-notification-btn .btn-text{display:none}.notifications-section .add-notification-btn .btn-icon{display:inline-block}.notification-item{gap:.75rem;flex-direction:column;align-items:unset}}.notification-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;z-index:1000}.update-notification{position:relative;padding:1rem;color:var(--text-primary);background-color:var(--background-tertiary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.75rem;width:fit-content;opacity:1;overflow:hidden;transform:translateX(100%);transition:opacity .5s ease,transform .5s cubic-bezier(0.18, 0.89, 0.18, 1)}.update-notification.show{opacity:1;transform:translateX(0)}.update-notification.hide{animation:hideNotification 1s cubic-bezier(0, 0.07, 1, -0.72) forwards}.update-notification p{margin:0}.update-notification a{font-family:"Work Sans";color:var(--text-muted);text-decoration:none;font-weight:500}.update-notification a:hover{text-decoration:underline}.close-notification{all:unset;color:var(--text-primary);cursor:pointer;margin-left:.75rem;padding:.25rem;display:flex;align-items:center;justify-content:center}.notification-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:.25rem;background-color:var(--text-muted);border-radius:0 0 1rem 1rem;overflow:hidden}.notification-progress-fill{height:100%;width:100%;background:var(--accent)}@keyframes notificationProgress{from{width:100%}to{width:0%}}@keyframes hideNotification{0%{transform:translateX(0)}10%{transform:translateX(-10px)}80%{opacity:1}100%{opacity:0;transform:translateX(200%)}}@media screen and (width <= 640px){.notification-container{bottom:unset;top:0;right:0;left:0;gap:0}.update-notification{justify-content:space-between;width:calc(100vw - 3.45rem);margin:.75rem .75rem 0}}.skeleton{background:linear-gradient(45deg, var(--background-secondary) 0%, var(--background) 50%, var(--background-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 2s infinite;border-radius:1rem}.skeleton-li{height:1.5rem}.skeleton-content{display:flex;flex-direction:column;padding-top:1.5rem}.skeleton-header{height:2rem;margin:1.5rem 0}.skeleton-paragraph{display:flex;flex-direction:column}.skeleton-text{height:1.25rem;margin-bottom:.75rem}.skeleton-text:last-child{width:80%}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.menu{font-family:"Unbounded";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--background-tertiary);z-index:2000;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-150%);transition:transform .5s ease}.menu.active{transform:translateY(0)}.menu #close-menu{all:unset;position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);border-radius:1.25rem;aspect-ratio:1/1}.menu #close-menu:hover{background:var(--background-secondary)}.menu #close-menu:focus-visible{outline:2px solid var(--text-primary)}.menu h1{font-family:"Unbounded"}