.headshot-logo__container{position:relative;display:flex;justify-content:center;align-items:center;width:8rem;border-radius:50%;border:2px solid var(--accent-dark3);clip-path:ellipse(67.5% 78.1% at 50% 31%);background-repeat:repeat;overflow:visible}.headshot-logo__image{width:100%;height:100%;border-radius:50%;display:block;z-index:2;filter:drop-shadow(0 0px .5rem var(--background-dark4));position:relative;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default;transition:filter 1s ease}.headshot-logo__image:hover{filter:drop-shadow(0 4px .2rem var(--background-dark4))}.headshot-logo__halfcircle-border-wrapper{position:absolute;top:11%;left:-10;width:110%;height:100%;overflow:hidden;z-index:3;text-align:center;pointer-events:none!important}.headshot-logo__halfcircle-border{width:100%;height:100%;border-radius:0 0 50% 50%}.logo-headshot{color:var(--primary-base);background-color:var(--background-base);border-color:var(--accent-base)}.logo-headshot__inner{background-color:var(--background-light1);color:var(--primary-base);border:2px solid var(--accent-base);transition:all var(--transition)}.logo-headshot__inner:hover{border-color:var(--accent-light1);transform:translateY(-2px)}.landing-header{display:flex;align-items:center;gap:3rem}.name-line{display:flex;text-shadow:0 0 .3rem var(--accent-dark1);font-weight:100}.letter{display:inline-block;margin-right:.1rem}@media (max-width: 768px){.headshot-logo__container{width:7rem}.name-container{margin-left:.5rem}.name-line{font-size:1.75rem}}.screen-extender{width:100%;background-color:transparent}.scroll-down-indicator,.scroll-down-indicator--bottom{pointer-events:auto}.timeline-block{position:relative;width:0px;margin:0 auto;min-height:600px;z-index:1}.timeline-block .line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(var(--background-light2),var(--background-light1));opacity:.5;transform:translate(-50%);z-index:0}.timeline-event{position:absolute;width:100%;z-index:3}.timeline-event-dot{position:absolute;width:.5rem;height:.5rem;background:var(--accent-base);border-radius:50%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a;border:2px solid var(--background-light1);z-index:-2}.timeline-event-content{position:absolute;width:max-content;max-width:calc(50vw - 4rem)}.timeline-event-content.left{right:calc(50% + 2rem);text-align:right}.timeline-event-content.right{left:calc(50% + 2rem);text-align:left}.timeline-event-title{font-size:1rem;cursor:pointer;padding:1rem;transition:all .2s;outline:none;min-width:80px;max-width:100%;display:block;backdrop-filter:blur(3434px);-webkit-backdrop-filter:blur(3434px);position:relative;z-index:1;background:linear-gradient(to top,rgb(from var(--background-dark3) r g b / 75%),rgb(from var(--background-dark1) r g b / 100%));border-radius:1rem}.timeline-event-title:hover,.timeline-event-title:focus{background:rgb(from var(--background-dark3) r g b / 75%);color:var(--background-light5)}.timeline-time-container{display:flex;align-items:center;gap:.5rem}.time-icon{display:inline-flex;align-items:center;opacity:.9;color:var(--accent-base)}.time-icon.left{margin-right:.5rem}.time-icon.right{margin-left:.5rem}.timeline-tooltip{position:absolute;background:var(--background-dark3);border-radius:.5rem;padding:1.5rem;width:max-content;max-width:calc(50vw - 8rem);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;box-shadow:0 0 1rem rgb(from var(--background-dark4) r g b / 100%);color:#fff}.timeline-tooltip-time-period{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--accent-light1);z-index:-233}.left .timeline-tooltip-time-period{justify-content:flex-end}.timeline-tooltip-desc{padding:.75rem;margin-top:1rem}.timeline-tooltip-desc p{margin:.5rem 0}.timeline-tooltip-desc p:first-child{margin-top:0}.timeline-tooltip-desc p:last-child{margin-bottom:0}.timeline-event-content.left .timeline-tooltip{left:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.timeline-event-content.right .timeline-tooltip{right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.timeline-tooltip.visible{opacity:1;visibility:visible}.timeline-tooltip-close{position:absolute;top:.5rem;background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;z-index:2;opacity:.7;transition:opacity .2s}.timeline-event-content.left .timeline-tooltip-close{left:.7rem}.timeline-event-content.right .timeline-tooltip-close{right:.7rem}.timeline-tooltip-close:hover{opacity:1}.timeline-tooltip-label{font-weight:700;margin-bottom:.25rem;padding-top:1rem}.timeline-tooltip-link{display:inline-block;margin-top:.5rem;color:var(--background-light3);text-decoration:underline;font-size:.95em;transition:color .2s}.timeline-tooltip-link:hover{color:var(--accent-dark1)}@media (max-width: 1000px){.timeline-block{width:100%}.timeline-event-content.left,.timeline-event-content.right{left:50%;right:auto;transform:translate(-50%);text-align:center;padding-top:2.5rem}.timeline-event-content.left .timeline-tooltip-close,.timeline-event-content.right .timeline-tooltip-close{right:.7rem;left:auto}.timeline-event-title{margin:0 0 .25rem;font-size:.98rem;text-align:center;max-width:min(calc(100vw - 4rem),30rem);white-space:normal;word-wrap:break-word}.timeline-tooltip-time-period{text-align:center;margin-bottom:1rem}.timeline-tooltip{position:fixed;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 3rem)}}:root{--mouse-svg-color: rgb(from var(--background-dark3) r g b / 100%)}.landing-page{width:100%;color:var(--primary-base)}.landing-page__header{display:flex;gap:1rem;padding:3rem;align-items:center;justify-content:center;background:linear-gradient(180deg,rgb(from var(--background-dark3) r g b / 0%) 5%,rgb(from var(--background-dark2) r g b / 25%) 55%,rgb(from var(--background-dark1) r g b / 0%) 95%)}.letter{cursor:default;margin:0 1px;display:inline-block;transform-origin:center;position:relative;transition:opacity .2s ease-in-out}.letter:hover{color:var(--primary-light, #8a8a8a)}.social-links{display:flex;justify-content:center;align-items:center;gap:1rem;opacity:.8;background-image:radial-gradient(circle at 50% 50%,rgb(from var(--accent-light1) r g b / 15%) 0%,transparent 0%),radial-gradient(circle at 50% 50%,transparent 0%,rgb(from var(--accent-light1) r g b / 15%) 50%,transparent 100%)}.social-links a{display:flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:15%;background-color:var(--background-dark2);opacity:1;transition:transform .3s ease,background-color .3s ease}.social-links a:hover{transform:scale(1.05);opacity:.7;background-color:var(--accent-base)}.social-links svg{width:224px;height:24px;fill:var(--background-light1)}.tagline__container{filter:drop-shadow(-.4rem .6rem 2px rgb(from var(--background-dark5) r g b / 20%));-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;gap:1rem;position:relative;z-index:0;display:grid;height:10rem;grid-template-columns:2fr 2fr;align-items:center;text-align:center;margin-top:4rem;margin-inline:2rem;padding:1rem}.tagline__container:hover:before{background-size:100% 5%,100% 5%,2px 100%,2px 100%}.tagline__container h2{font-weight:600;color:var(--primary-base);text-align:center}.tagline__container h3{text-align:center}.scroll-down-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1.5rem;margin-bottom:2rem;gap:.5rem;width:100%}.scroll-down-indicator--bottom{position:absolute;left:50%;bottom:2.5rem;transform:translate(-50%);z-index:2}.scroll-down-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;opacity:.5;transition:opacity .2s}.scroll-down-link:hover{opacity:.8}.scroll-down-text{font-size:.95rem;opacity:.7;margin-bottom:.25rem;letter-spacing:.05em;text-align:center;width:100%;color:inherit}.mouse-svg-wrapper{cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:filter .2s}.mouse-svg-wrapper:hover{filter:brightness(1.2) drop-shadow(0 2px 8px var(--accent-light1, #fff3))}#My-History{margin-top:5rem;padding-bottom:7.5rem}.timeline__header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;width:100%;height:5rem;padding-top:5rem;padding-bottom:5rem;background:linear-gradient(180deg,rgb(from var(--background-dark3) r g b / 0%),rgb(from var(--background-dark2) r g b / 25%) 55%,rgb(from var(--background-dark1) r g b / 0%))}@media (max-width: 576px){.tagline__container{grid-template-columns:1fr;gap:.5rem}.social-links svg{width:20px;height:20px}}.tt-card{border:1px solid rgb(from var(--background-dark3) r g b / 40%);border-radius:1rem;padding:1.5rem;color:rgb(from var(--background-light5) r g b / 100%);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease;z-index:30}.tt-heading{margin:0 0 1rem;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.tt-subtitle{margin:0 0 1rem;font-size:.95rem;font-style:italic}.tt-heading-sm{margin:1rem 0 .5rem;font-size:1rem;font-weight:500}.tt-list{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.tt-list li{list-style:none;flex:1 1 calc(50% - .75rem);padding:1em 1rem;border-radius:.5rem;line-height:1.4;border:1px solid rgb(from var(--background-light2) r g b / 55%)}.tt-note{padding-top:2rem;font-size:.9rem}.not-found-page{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center;color:var(--primary_Color)}.not-found-page__content{padding:2rem}.not-found-page__title{font-size:6rem;margin-bottom:1rem;color:var(--accent_Color)}.not-found-page__subtitle{font-size:2rem;margin-bottom:1rem}.not-found-page__text{margin-bottom:2rem;color:var(--secondary_Color)}.not-found-page__home-link{display:inline-block;padding:.8rem 1.5rem;background-color:var(--accent_Color);color:var(--bg_Color);border-radius:4px;text-decoration:none;transition:background-color var(--transition)}.not-found-page__home-link:hover{background-color:var(--accentHover_Color);color:var(--bg_Color)}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center;color:var(--primary_Color)}.error-boundary__content{padding:2rem}.error-boundary__title{font-size:6rem;margin-bottom:1rem;color:var(--accent_Color)}.error-boundary__subtitle{font-size:2rem;margin-bottom:1rem}.error-boundary__text{margin-bottom:2rem;color:var(--secondary_Color)}.error-boundary__home-link{display:inline-block;padding:.8rem 1.5rem;background-color:var(--accent_Color);color:var(--bg_Color);border-radius:4px;text-decoration:none;transition:background-color var(--transition)}.error-boundary__home-link:hover{background-color:var(--accentHover_Color);color:var(--bg_Color)}.footer__container{padding:.5rem 0;text-align:center;color:var(--primary_Color)}.nav{display:flex;align-items:center;max-width:100%;margin:0 auto 3rem;padding-bottom:.75rem;border-bottom:1px solid rgb(from var(--background-dark2) r g b / 15%);border-radius:50%}.nav-links{width:100%;justify-content:center;display:flex;align-items:center;font-size:1.3em;gap:1rem}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:500;transition:all .4s ease;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;min-width:5rem;margin-inline-start:-1px;background-color:transparent;opacity:1;position:relative;padding:1rem}.nav-links a:first-child{margin-inline-start:0}.nav-links a:after{content:none}.nav-links a svg{display:block}.nav-links a:hover svg{stroke:var(--accent-light1)}@media screen and (max-width: 768px){.nav{margin-bottom:2rem}.nav-links{font-size:1.1rem;gap:.5rem}.nav-links a{height:2.5rem;padding:0 1rem}}.particles-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-3333;pointer-events:none}.theme-switcher-container{position:relative;z-index:13300;overflow:visible}.theme-switcher-container:hover{opacity:1;transition:opacity .2s ease}.theme-switcher-container *{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.theme-switcher-pill{display:flex;align-items:center;background-color:rgb(from var(--background-dark5) r g b / 3%);border-radius:2rem;box-shadow:0 4px 12px #00000026;height:36px;min-width:fit-content;overflow:visible}.theme-switcher-section{display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer;transition:background-color .2s ease;border:none;background:none;color:var(--primary-dark1);overflow:visible}.theme-switcher-section:hover{background-color:rgb(from var(--background-dark1) r g b / 55%)}.theme-switcher-section:active{background-color:var(--background-light4)}.theme-switcher-section.left{width:36px;border-right:1px solid rgba(0,0,0,.144);padding:0 8px;color:var(--accent-base)}.theme-switcher-section.middle{padding:0 10px;border-right:1px solid rgba(0,0,0,.144);gap:6px}.left{border-top-left-radius:50%;border-bottom-left-radius:50%}.right{border-top-right-radius:50%;border-bottom-right-radius:50%}.current-theme-name{font-size:13px;font-weight:500;white-space:nowrap;width:8rem;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:#fff}.theme-switcher-section.right{width:36px;position:relative;overflow:visible}.dropdown-toggle{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--primary-dark1);transition:transform .3s ease}.dropdown-toggle.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;border-radius:2rem;background:rgb(from var(--background-dark3) r g b / 30%);box-shadow:0 .2rem 1rem rgb(from var(--background-dark1) r g b / 100%);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s cubic-bezier(.3,0,.3,1);z-index:1000;overflow:visible}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.themes-list{list-style:none;margin:0;padding:0;overflow-y:auto;border-radius:2rem;background:#e0e0e01c}.theme-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s;color:#000}.theme-item:hover{background-color:rgb(from var(--background-dark1) r g b / 100%)}.theme-item.active .theme-name{color:#000!important}.theme-item.active{background-color:#ffffff70;font-weight:500}.theme-emoji{font-size:16px;display:inline-block;width:20px;text-align:center}.theme-name{text-transform:capitalize;color:#fff}@media screen and (min-width: 1500px){.theme-switcher-container{position:fixed;right:5%;top:1rem;transform:none!important}.theme-switcher-pill{height:3rem}.theme-switcher-section.middle{width:fit-content}}@media (max-width: 1000px){.theme-switcher-container{position:fixed;right:1rem;bottom:1rem;transform:none!important}.theme-switcher-pill{height:34px}.theme-switcher-section.middle{padding:0 8px}.dropdown-menu{right:0;bottom:calc(100% + 8px);top:unset}.theme-item{background-color:rgb(from var(--background-dark1) r g b / 100%)}.theme-item.active{background-color:#ffffffb9;font-weight:500}}@media (max-width: 768px){.theme-switcher-container{position:fixed;right:1rem;bottom:1rem;transform:none!important}.theme-switcher-pill{height:34px}.theme-switcher-section.middle{padding:0 8px}.dropdown-menu{right:0;bottom:calc(100% + 8px);top:unset}.theme-item{background-color:rgb(from var(--background-dark1) r g b / 100%)}.theme-item.active{background-color:#ffffffb9;font-weight:500}.current-theme-name{display:none}}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative;isolation:isolate}.app-layout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:inherit;pointer-events:none}.app-layout__main-content{flex:1;position:relative;margin-inline:auto;border-radius:1rem;padding-block:2rem;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);margin-block:2rem;width:min(100% - 2rem,39rem);box-sizing:border-box}.app-layout__main-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);pointer-events:none}.app-layout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;z-index:-1;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20200%20200'%20xmlns='http://www.w3.org/2000/svg'%3e%3cfilter%20id='noiseFilter'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='3'%20numOctaves='3'%20stitchTiles='stitch'/%3e%3cfeColorMatrix%20type='matrix'%20values='1%200%200%200%200%200%201%200%200%200%200%200%201%200%200%200%200%200%200.5%200'/%3e%3c/filter%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23noiseFilter)'/%3e%3c/svg%3e");pointer-events:none;border-radius:inherit}@media (max-width: 768px){.app-layout__main-content{margin-block:1rem;border-radius:.5rem;padding-block:1rem;width:min(100% - 1rem,39rem)}}.theme-demo{max-width:1200px;margin:0 auto;padding:1.5rem;background-color:transparent;color:var(--primary-base);border-radius:8px}.theme-demo__details{background:#ffffff18;padding:1rem;border-radius:1rem}.theme-demo h2{text-align:center;margin-bottom:2rem;color:var(--primary-base)}.theme-demo h3{margin:1.5rem 0 1rem;color:var(--primary-base)}.theme-demo__color-section h3{margin-bottom:.5rem}.theme-demo__color-row{display:flex;gap:.5rem;flex-wrap:wrap}.theme-demo__color-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;border-radius:.5rem;box-shadow:0 1px 4px #00000070}.theme-demo__color-box span:first-child{font-weight:700;margin-bottom:.25rem}.theme-demo__color-box span:last-child{font-size:.8rem;opacity:.8}.theme-demo__examples{display:flex;flex-direction:column;gap:2rem}.theme-demo__card,.theme-demo__form-example{position:relative;background-color:var(--background-light1);padding:1.5rem;border-radius:8px}.theme-demo__example__wrapper{border-radius:8px;position:relative}.theme-demo__example__wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;z-index:-1;opacity:0;background:linear-gradient(to right,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) top,linear-gradient(to left,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) bottom,linear-gradient(to bottom,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) left,linear-gradient(to top,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) right;background-repeat:no-repeat;background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:top,bottom,left,right;border:1px solid transparent;background-clip:padding-box;transition:opacity .4s ease}.theme-demo__example__wrapper:hover:before{opacity:.6}.theme-demo__card h4{color:var(--primary-base);margin-bottom:1rem}.theme-demo__card p{color:var(--primary-base);margin-bottom:1.5rem}.theme-demo__button{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;margin-right:.5rem;transition:background-color .2s ease;box-shadow:0 1px 3px #0000001a}.theme-demo__button--primary{background-color:var(--accent-base);color:#fff}.theme-demo__button--primary:hover{background-color:var(--accent-dark1);box-shadow:0 2px 6px #00000026}.theme-demo__button--secondary{background-color:var(--secondary-base);color:#fff}.theme-demo__button--secondary:hover{background-color:var(--secondary-dark1);box-shadow:0 2px 6px #00000026}.theme-demo__form-example{background-color:var(--background-light1);padding:1.5rem;border-radius:8px}.theme-demo__form-row{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.theme-demo__form-row label{color:var(--primary-base);display:flex;align-items:center;gap:.5rem}.theme-demo__form-row input[type=text]{padding:.5rem;border:1px solid var(--primary-light4);border-radius:6px;width:100%;background-color:var(--background-light1);color:var(--primary-base)}.theme-demo__form-row input[type=checkbox]{accent-color:var(--accent-base)}@media (max-width: 768px){.theme-demo__color-row{justify-content:center}}.theme-page{color:var(--primary-base);display:flex;flex-direction:column;gap:2.5rem;text-align:center;max-width:1200px;margin:0 auto;font-family:var(--font_family);line-height:1.6;padding:2rem 1rem}.theme-page h2{margin-bottom:1.5rem;font-weight:700;letter-spacing:-.01em}.theme-page h3{font-weight:600;font-size:1.2rem;letter-spacing:.02em;margin:.5rem 0}.theme-page h4{font-weight:600;font-size:1rem;letter-spacing:.01em}.theme-page__section-title{font-size:1.8rem;margin-bottom:1rem;font-weight:700;position:relative;display:inline-block;padding-bottom:.5rem}.theme-page__section-title:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:2px;background-color:var(--accent-base);border-radius:2px}.theme-page__current-theme{border-radius:8px;padding:1.5rem;margin-bottom:0;text-align:center}.theme-page__current-theme-label{font-size:1rem;margin-bottom:.25rem;font-weight:400;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.theme-page__current-theme-name{font-size:1.6rem;color:var(--accent-base);margin:0}.theme-page__error{color:#f03;font-size:1rem;font-weight:500;margin-top:.25rem;display:block;text-align:left}.theme-page__swatches{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:0 0 1rem}.theme-page__swatch{padding:.75rem 1.5rem;border-radius:6px;box-shadow:0 2px 6px #0000001a;transition:all .3s ease;flex:1;min-width:120px;max-width:200px;display:flex;justify-content:center;align-items:center;opacity:.6}.theme-page__swatch span{font-weight:600;font-size:1.1rem;letter-spacing:.03em}.theme-page__swatch:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026;opacity:1}.theme-page__scales-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:0;padding:0 1.5rem 1.5rem}.theme-page__scale-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px;flex:1;max-width:250px}.theme-page__scale-group h4{text-align:center;margin:0 0 .5rem;font-weight:600;color:var(--primary-dark1);letter-spacing:.03em}.theme-page__scale{display:flex;flex-direction:column;gap:.25rem;border-radius:6px;overflow:hidden;border:1px solid var(--primary-light4)}.theme-page__scale-item{padding:.5rem;text-align:center;font-weight:700;transition:transform .15s ease}.theme-page__scale-item:hover{transform:scale(1.02);z-index:1}.theme-page__customizer{position:relative;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding:2.5rem;border-radius:12px}.theme-page__customizer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;z-index:-1;opacity:.25;background:linear-gradient(to right,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) top,linear-gradient(to left,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) bottom,linear-gradient(to bottom,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) left,linear-gradient(to top,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) right;background-repeat:no-repeat;background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:top,bottom,left,right;border:1px solid transparent;background-clip:padding-box}.theme-page__form{display:flex;flex-direction:column;gap:1.5rem}.theme-page__form hr{border:0;height:1px;background-color:var(--primary-light4);margin:.5rem 0;opacity:.5}.theme-page__input-group{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;width:100%;max-width:500px}.theme-page__input-group label{font-size:1rem;font-weight:600;color:var(--primary-dark1);display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;text-align:left}.theme-page__input-group h2{font-size:1.3rem;margin:0;text-align:left}.theme-page__color-input-wrapper{display:flex;align-items:center;gap:1rem}.theme-page__color-input{width:50px;height:50px;border:1px solid var(--primary-light3);border-radius:6px;background-color:transparent;cursor:pointer;padding:0;transition:transform .2s ease}.theme-page__color-input:hover{transform:scale(1.05)}.theme-page__theme-name-input{width:100%;padding:.6rem .8rem;border-radius:6px;border:1px solid var(--primary-light4);background-color:var(--background-light1);color:var(--primary-base);font-size:1rem;transition:all .2s ease}.theme-page__theme-name-input:focus{border-color:var(--accent-base);box-shadow:0 0 0 2px var(--accent-light4);outline:none}.theme-page__hex-input{flex:1;padding:.6rem .8rem;border-radius:6px;border:1px solid var(--primary-light4);background-color:var(--background-light1);color:var(--primary-base);font-family:monospace;font-size:1rem;letter-spacing:.05em;min-width:100px;max-width:150px;transition:all .2s ease}.theme-page__hex-input:focus{border-color:var(--accent-base);box-shadow:0 0 0 2px var(--accent-light4);outline:none}.theme-page__generated-scales{display:flex;flex-direction:row;justify-content:center;gap:.25rem;margin-top:1rem;border-radius:6px;overflow:hidden}.theme-page__scale-preview{padding:.5rem;text-align:center;font-size:.9rem;font-weight:500;border-radius:1rem}.theme-page__save-button{padding:.8rem 1.8rem;background-color:var(--accent-base);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.03em;align-self:center;margin:1.5rem auto .5rem;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.theme-page__save-button:hover{background-color:var(--accent-dark1);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.theme-page__demo-link-wrapper{text-align:center;opacity:.75}.theme-page__demo-link{display:inline-block;padding:.6rem 1.2rem;margin-bottom:.5rem;background-color:var(--accent-base);color:#fff;border-radius:6px;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.theme-page__demo-link:hover{background-color:var(--accent-dark2);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.theme-page__demo-description{font-size:.9rem;color:var(--primary-light2);margin:0;font-style:italic}@media (max-width: 768px){.theme-page__scales-container{flex-direction:column;align-items:center}.theme-page__swatch{min-width:100px;padding:.5rem 1rem}}:root{--font_family: "Segoe UI", Roboto, sans-serif;--transition: .3s ease;--background-base: #f5f5f5;--background-light1: #ffffff;--background-light2: #ffffff;--background-light3: #ffffff;--background-light4: #ffffff;--background-light5: #ffffff;--background-dark1: #e0e0e0;--background-dark2: #c0c0c0;--background-dark3: #a0a0a0;--background-dark4: #808080;--background-dark5: #606060;--primary-base: #333;--primary-light1: #555;--primary-light2: #777;--primary-light3: #999;--primary-light4: #bbb;--primary-light5: #ddd;--primary-dark1: #222;--primary-dark2: #111;--primary-dark3: #000;--primary-dark4: #000;--primary-dark5: #000;--secondary-base: #555;--secondary-light1: #777;--secondary-light2: #999;--secondary-light3: #bbb;--secondary-light4: #ddd;--secondary-light5: #fff;--secondary-dark1: #444;--secondary-dark2: #333;--secondary-dark3: #222;--secondary-dark4: #111;--secondary-dark5: #000;--accent-base: #0077ff;--accent-light1: #3399ff;--accent-light2: #66bbff;--accent-light3: #99ddff;--accent-light4: #ccffff;--accent-light5: #ffffff;--accent-dark1: #005bb5;--accent-dark2: #003f7a;--accent-dark3: #002345;--accent-dark4: #000a15;--accent-dark5: #000000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font_family);font-family:Space Mono,monospace;font-style:normal;font-weight:unset}body{font-size:1rem;line-height:1.5;color:var(--primary-base);background-color:var(--background-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;min-height:100vh}html{scroll-behavior:smooth}#root{display:flex;flex-direction:column;min-height:100vh;isolation:isolate}a{text-decoration:none;transition:color var(--transition)}a:hover,a:focus{opacity:.9}img{-webkit-user-select:none;user-select:none;pointer-events:none}input,button,textarea,select{font:inherit;background:none;border:none;outline:none}input[type=text],input[type=submit],input[type=button]{border-radius:4px;border:1px solid var(--accent-base);background-color:var(--background-base);color:var(--primary-base);transition:border-color var(--transition)}button{cursor:pointer;color:var(--primary-base)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;width:100%}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-full{grid-column:1 / -1}.col-start{grid-column-start:1}.col-end{grid-column-end:-1}@media (max-width: 992px){.col-lg-1{grid-column:span 1}.col-lg-2{grid-column:span 2}.col-lg-3{grid-column:span 3}.col-lg-4{grid-column:span 4}.col-lg-5{grid-column:span 5}.col-lg-6{grid-column:span 6}.col-lg-7{grid-column:span 7}.col-lg-8{grid-column:span 8}.col-lg-9{grid-column:span 9}.col-lg-10{grid-column:span 10}.col-lg-11{grid-column:span 11}.col-lg-12{grid-column:span 12}}@media (max-width: 768px){.col-md-1{grid-column:span 1}.col-md-2{grid-column:span 2}.col-md-3{grid-column:span 3}.col-md-4{grid-column:span 4}.col-md-5{grid-column:span 5}.col-md-6{grid-column:span 6}.col-md-7{grid-column:span 7}.col-md-8{grid-column:span 8}.col-md-9{grid-column:span 9}.col-md-10{grid-column:span 10}.col-md-11{grid-column:span 11}.col-md-12{grid-column:span 12}}@media (max-width: 576px){.col-sm-1{grid-column:span 1}.col-sm-2{grid-column:span 2}.col-sm-3{grid-column:span 3}.col-sm-4{grid-column:span 4}.col-sm-5{grid-column:span 5}.col-sm-6{grid-column:span 6}.col-sm-7{grid-column:span 7}.col-sm-8{grid-column:span 8}.col-sm-9{grid-column:span 9}.col-sm-10{grid-column:span 10}.col-sm-11{grid-column:span 11}.col-sm-12{grid-column:span 12}}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.row-gap-0{row-gap:0}.row-gap-1{row-gap:.25rem}.row-gap-2{row-gap:.5rem}.row-gap-3{row-gap:1rem}.row-gap-4{row-gap:1.5rem}.row-gap-5{row-gap:3rem}.col-gap-0{column-gap:0}.col-gap-1{column-gap:.25rem}.col-gap-2{column-gap:.5rem}.col-gap-3{column-gap:1rem}.col-gap-4{column-gap:1.5rem}.col-gap-5{column-gap:3rem}.align-start{align-items:start}.align-center{align-items:center}.align-end{align-items:end}.justify-start{justify-items:start}.justify-center{justify-items:center}.justify-end{justify-items:end}.container{width:100%;margin-inline:auto;padding-inline:1rem}.divider{grid-column:1 / -1;height:1px;background-image:radial-gradient(circle at 50% 50%,rgb(from var(--background-dark2) r g b / 20%) 0%,transparent 70%),radial-gradient(circle at 50% 50%,transparent 0%,rgb(from var(--background-dark2) r g b / 20%) 50%,transparent 100%)}.divider-thick{height:2px}.divider-dashed{border-top:1px dashed var(--primary-light3);background-color:transparent}.divider-dotted{border-top:1px dotted var(--primary-light3);background-color:transparent}.divider-accent{background-color:var(--accent-base)}.faded-corner-borders:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;background:linear-gradient(to right,rgb(from var(--accent-dark1) r g b / 20%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 20%)) top,linear-gradient(to left,rgb(from var(--accent-dark1) r g b / 20%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 20%)) bottom,linear-gradient(to bottom,rgb(from var(--accent-dark1) r g b / 20%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 20%)) left,linear-gradient(to top,rgb(from var(--accent-dark1) r g b / 20%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 20%)) right;background-repeat:no-repeat;background-size:100% 50%,100% 50%,100% 100%,50% 100%;background-position:top,bottom,left,right;opacity:.5;border:2px solid transparent;background-clip:padding-box;transition:background-size 1s ease;border-radius:1rem}.faded-corner-borders-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;opacity:0;background:linear-gradient(to right,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) top,linear-gradient(to left,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) bottom,linear-gradient(to bottom,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) left,linear-gradient(to top,rgb(from var(--accent-dark1) r g b / 40%),transparent 30%,transparent 70%,rgb(from var(--accent-dark1) r g b / 40%)) right;background-repeat:no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%;background-position:top,bottom,left,right;border:2px solid transparent;background-clip:padding-box;transition:opacity 1s ease}.faded-corner-borders-hover:hover:before{opacity:1}