form{width:100%}.profile-image-icon{width:160px;position:relative;border-radius:80px;height:160px;object-fit:cover;transition:box-shadow .2s,transform .6s cubic-bezier(.6,-.6,0,1.5);transform:rotate(0deg)}.profile-image-icon:hover{box-shadow:0 0 20px 0 #b5c6ddcc,0 0 40px 5px #B5C6DD33;animation:spin-record 3s linear infinite}@keyframes spin-record{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.title{font-family:One UI Sans;font-weight:700}.title,a{position:relative;color:var(--primary)}a{text-decoration:none}.header-container{align-self:stretch;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--gap-xl);font-size:var(--title-size);margin-top:20%}@media screen and (max-width:900px){.header-container{margin-top:5%!important}}.containers-are-the{margin:0}.body-text{position:relative;font-family:One UI Sans;font-weight:400}.container{align-self:stretch;border-radius:var(--br-9xl);background-color:var(--container-background);overflow:visible;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--padding-xl);font-size:var(--body-size)}.container .settings{margin-top:10px;margin-bottom:10px;background-color:none}.container.settings{background:none!important;border:none!important;box-shadow:none!important}.container1{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px;font-size:var(--subtitle-size)}.button-icon{width:16.2px;height:24px}.button-icon,.button-text{position:relative}.button{align-self:stretch;border-radius:var(--br-lg);background-color:var(--accent);overflow:visible;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 30px;gap:10px;width:auto}.button,.list3,.list4,a{transform:scale(1);transition:transform .2s ease-out}.button:hover,.list3:hover,.list4:hover,a:hover{transform:scale(1.02);transition:transform .2s ease-in}.list3,a.list3,button.list3{transform:scale(1)}.list3:hover,a.list3:hover,button.list3:hover{transform:scale(1.02);background-color:var(--container-background-hover)}.list3,a.list3,button.list3{transform:scale(1)!important;transition:transform .2s ease-out,background-color .2s ease-out!important}.list3:hover,a.list3:hover,button.list3:hover{transform:scale(1.02)!important;background-color:var(--container-background-hover)!important;transition:transform .2s ease-in,background-color .2s ease-in!important}.nav-icon-container,.nav-icon-container a,.nav-icon-container-selected,.tab-container a{transform:none!important;transition:none!important}.button-container{width:100%;top:20px;position:relative;height:47px;overflow:visible;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 auto;box-sizing:border-box;text-align:left;font-size:20px;color:#fff;font-family:One UI Sans}.left-side-icon{left:0;z-index:0}.left-side-icon,.right-side-icon{width:auto;height:auto;position:absolute;margin:0!important;bottom:0;object-fit:cover}.right-side-icon{right:0;z-index:1}.seperation-icon{width:100%;height:auto;position:absolute;margin:0!important;top:98.25%;right:0;left:0;border-radius:var(--br-11xs);max-width:100%;overflow:visible;object-fit:cover;z-index:2}.test-toggle-wrapper{align-self:stretch;flex:1 1;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;z-index:3}.others{width:61px;height:22px;z-index:4}.list{border-radius:var(--br-9xl);background-color:var(--container-background);flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--padding-xl);position:relative;gap:var(--gap-xl)}.list,.test-toggle-frame{align-self:stretch;display:flex}.test-toggle-frame{flex:1 1;overflow:visible;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:8px;padding:0 10px}.others2{width:33px;height:22px}.list2{border-radius:var(--br-9xl);background-color:var(--container-background);flex-direction:row;align-items:center;padding:var(--padding-xl);gap:var(--gap-xl)}.list2,.theme-container{align-self:stretch;display:flex;justify-content:flex-start}.theme-container{flex-direction:column;align-items:flex-start}.theme-cards{display:flex;gap:20px;justify-content:center;width:100%}.theme-card{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;user-select:none;-webkit-user-select:none;outline:none}.theme-card-preview{width:100%;max-width:140px;border-radius:var(--br-lg);overflow:hidden;transition:transform .2s ease}.theme-card-preview svg{display:block;width:100%;height:auto}.theme-card:hover .theme-card-preview{transform:scale(1.03)}.theme-card:active .theme-card-preview{transform:scale(.98)}.theme-card-label{font-family:One UI Sans;font-weight:500;font-size:var(--subheading-size);color:var(--secondary);transition:color .2s ease}.theme-card.selected .theme-card-label{color:var(--accent)}.theme-card-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--secondary);position:relative;transition:border-color .2s ease;box-sizing:border-box}.theme-card.selected .theme-card-radio{border-color:var(--accent)}.theme-card.selected .theme-card-radio:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accent-color-selection{align-self:stretch;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gap-xl);font-family:One UI Sans;font-weight:400;font-size:var(--body-size)}.accent-color-selection label{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1;padding:12px;cursor:pointer;border-radius:var(--br-md);transition:background-color .2s ease;position:relative}.accent-color-selection label:hover{background-color:var(--container-background-hover)}.accent-color-selection label.selected{background-color:var(--container-background-active)}.accent-color-selection input[type=radio]{position:absolute;opacity:0;pointer-events:none}.accent-color-swatch{width:48px;height:48px;border-radius:50%;transition:transform .2s ease,border-color .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.accent-color-swatch svg{position:absolute;width:24px;height:24px}.accent-color-selection label:hover .accent-color-swatch{transform:scale(1.1)}.accent-color-selection label.selected .accent-color-swatch{border-color:var(--primary);transform:scale(1.05)}.accent-color-selection label span{font-size:var(--body-size);font-weight:500;color:var(--primary);text-align:center}.div{position:absolute;top:calc(50% - 11px);left:calc(50% - 11px);line-height:133.53%;display:inline-block;width:22px;height:23px;font-family:One UI Sans;font-weight:600}.shape{width:24px;position:relative;height:24px}.information{align-self:stretch;text-align:left}.information,.information-wrapper{position:relative;width:100%;height:auto}.information-wrapper{align-self:normal;min-height:19px;overflow:visible;flex-shrink:0;font-size:var(--body-size);color:var(--secondary);font-family:One UI Sans;font-weight:400;min-height:fit-content;display:flex;flex-direction:column}.test-toggle-parent{flex:1 1;overflow:visible;flex-direction:column;align-items:flex-start;gap:var(--gap-11xs)}.list3,.test-toggle-parent{align-self:stretch;display:flex;justify-content:flex-start;width:100%}.list3{border-radius:var(--br-9xl);background-color:var(--container-background);flex-direction:row;align-items:center;padding:20px;margin-bottom:10px;gap:var(--gap-xll);text-align:left;cursor:pointer;border:none;box-sizing:border-box;font-size:var(--subheading-size);color:var(--primary);font-family:var(--body);transform:scale(1);transition:transform .2s ease-out,background-color .2s ease-out!important}.list3 .settings{margin-top:10px;margin-bottom:10px}.list3:focus{outline:2px solid var(--primary);outline-offset:2px}html[data-theme=light] .list3:hover,html[data-theme=light] a.list3:hover,html[data-theme=light] button.list3:hover{background-color:#e3e3e3!important;outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transform:scale(1.02)!important;transition:transform .2s ease-in,background-color .2s ease-in}@media (prefers-color-scheme:light){.list3:hover,a.list3:hover,button.list3:hover{background-color:#e3e3e3!important;outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transform:scale(1.02)!important;transition:transform .2s ease-in,background-color .2s ease-in}}html[data-theme=dark] .list3:hover,html[data-theme=dark] a.list3:hover,html[data-theme=dark] button.list3:hover{background-color:#2a2a2d!important;outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transform:scale(1.02)!important;transition:transform .2s ease-in,background-color .2s ease-in}@media (prefers-color-scheme:dark){.list3:hover,a.list3:hover,button.list3:hover{background-color:#2a2a2d!important;outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transform:scale(1.02)!important;transition:transform .2s ease-in,background-color .2s ease-in}}.list3:active{background-color:var(--container-background-active)}.list3:disabled{opacity:.6;cursor:not-allowed}.list-group{display:flex;flex-direction:column;border-radius:var(--br-9xl);background-color:var(--container-background);overflow:hidden;width:100%;box-sizing:border-box}.list-group>.list3,.list-group>a.list3,.list-group>button.list3,.list-group>label.list3{background-color:transparent;border-radius:0;margin-bottom:0}.list-group>.list3:not(:last-child):after,.list-group>a.list3:not(:last-child):after,.list-group>label.list3:not(:last-child):after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:color-mix(in srgb,var(--secondary) 15%,transparent)}.list-group>.list3{position:relative}.list-group>.list3:hover,.list-group>a.list3:hover,.list-group>button.list3:hover,.list-group>label.list3:hover,html[data-theme=dark] .list-group>.list3:hover,html[data-theme=dark] .list-group>a.list3:hover,html[data-theme=dark] .list-group>button.list3:hover,html[data-theme=dark] .list-group>label.list3:hover,html[data-theme=light] .list-group>.list3:hover,html[data-theme=light] .list-group>a.list3:hover,html[data-theme=light] .list-group>button.list3:hover,html[data-theme=light] .list-group>label.list3:hover{transform:none!important;outline:none}@media (prefers-color-scheme:light){.list-group>.list3:hover,.list-group>a.list3:hover,.list-group>button.list3:hover,.list-group>label.list3:hover{transform:none!important;outline:none}}@media (prefers-color-scheme:dark){.list-group>.list3:hover,.list-group>a.list3:hover,.list-group>button.list3:hover,.list-group>label.list3:hover{transform:none!important;outline:none}}.list-item-separator{width:1px;align-self:stretch;background-color:color-mix(in srgb,var(--secondary) 20%,transparent);flex-shrink:0;margin:-4px 0}.slider-container{display:flex;align-items:center;gap:12px;width:100%;-webkit-user-select:none;user-select:none}.slider-track{position:relative;flex:1 1;height:8px;border-radius:999px;background:color-mix(in srgb,var(--secondary) 30%,transparent);cursor:pointer;touch-action:none}.slider-fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--accent);pointer-events:none}.slider-thumb{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--primary);transform:translate(-50%,-50%);cursor:grab;z-index:2;transition:box-shadow .15s ease}.slider-thumb:active{cursor:grabbing}.slider-thumb--segmented{background:var(--container-background);border:2.5px solid var(--accent);box-sizing:border-box}.slider-stop{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--secondary) 40%,transparent);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:2000;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));box-sizing:border-box;animation:dialogOverlayIn .2s ease forwards}@keyframes dialogOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dialog{width:100%;max-width:420px;background:color-mix(in srgb,var(--container-background) 97%,transparent);backdrop-filter:blur(120px) saturate(1.8);-webkit-backdrop-filter:blur(120px) saturate(1.8);border-radius:28px;border:1px solid color-mix(in srgb,var(--secondary) 15%,transparent);box-shadow:0 8px 32px rgba(0,0,0,.25);overflow:hidden;animation:dialogSlideUp .25s cubic-bezier(.2,.9,.3,1) forwards}.dialog-body{padding:24px 24px 20px;display:flex;flex-direction:column;gap:6px}.dialog-title{font-family:var(--body);font-weight:700;font-size:var(--subtitle-size);color:var(--primary)}.dialog-text{font-family:var(--body);font-weight:400;font-size:var(--body-size);color:var(--secondary)}.dialog-actions{display:flex;align-items:center;padding:4px 0}.dialog-btn{flex:1 1;padding:16px;border:none;background:none;font-family:var(--body);font-weight:700;font-size:var(--subheading-size);color:var(--primary);cursor:pointer;transition:background-color .15s ease;position:relative}.dialog-btn:hover{background-color:color-mix(in srgb,var(--secondary) 10%,transparent)}.dialog-btn:active{background-color:color-mix(in srgb,var(--secondary) 20%,transparent)}.dialog-btn+.dialog-btn:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:color-mix(in srgb,var(--secondary) 25%,transparent)}.dialog-btn--primary{color:var(--accent)}.list4{align-self:stretch;border-radius:var(--br-9xl);background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0;text-align:center;cursor:pointer;text-decoration:none;color:var(--primary);transition:all .3s ease;margin-bottom:20px;position:relative;overflow:visible;min-height:200px}.list4:hover,a.list4:hover,button.list4:hover{transform:scale(1.02)!important;transition:transform .3s ease!important}.list4:hover .list4-label{background:rgba(0,0,0,.8)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.list4:active{background-color:var(--container-background-active)}.list4:focus{outline:2px solid var(--primary);outline-offset:2px}.list4 img{width:100%;height:100%;object-fit:cover;border-radius:var(--br-9xl);position:absolute;top:0;left:0;z-index:1}.list4-label{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--br-md);padding:12px 16px;z-index:2;color:white;font-size:16px;font-weight:600;text-align:left;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);max-width:calc(100% - 32px);width:auto;white-space:nowrap}.test-toggle-group{align-self:stretch;flex:1 1;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--gap-11xs)}.containers{top:0;left:0;min-height:100vh;background-color:transparent;padding:10px;box-sizing:border-box;gap:var(--gap-xl);width:100%;overflow-x:visible;max-width:500px;margin:0 auto}.containers,.nav-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.nav-icon-container{width:31px;gap:12px;color:var(--secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,transform .2s ease-out;padding:8px;border-radius:var(--br-sm);opacity:1;transform:scale(1)}.nav-icon-container:hover{background-color:var(--background);color:var(--secondary)}.nav-icon-container:hover .nav-label{color:var(--secondary)}.nav-icon-container:hover svg{animation:bounce .8s ease infinite}.desktop-nav .nav-icon-container-selected:hover svg,.desktop-nav .nav-icon-container:hover svg,.top-app-bar-icon:hover svg{animation:none!important}.nav-icon-container:hover svg path{fill:var(--secondary)}.nav-icon-container svg,.nav-icon-container-selected svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-icon-container-selected svg{transform:scale(1.05)}.nav-icon-container svg path,.nav-icon-container-selected svg path{transition:fill .3s cubic-bezier(.4,0,.2,1)}.nav-icon-container a,.nav-icon-container-selected a{display:flex;flex-direction:row;align-items:center;gap:12px}.nav-icon-container-selected{width:31px;display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--primary);cursor:pointer;padding:8px;border-radius:var(--br-sm);background-color:var(--selected);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);transform:scale(1)}.nav-icon-container-selected:before{content:none}.ic-oui-search-1-icon{width:24px;position:relative;height:24px;overflow:visible;flex-shrink:0}.icon-container{max-width:332px;flex-direction:row;justify-content:space-between;margin:0}.icon-container,.tab-container{width:100%;display:flex;align-items:center}.tab-container{position:fixed;bottom:0;left:0;background-color:var(--container-background);flex-direction:column;justify-content:flex-start;padding:var(--padding-xl) 0;box-sizing:border-box;text-align:center;font-size:var(--font-size-2xs);color:var(--secondary);z-index:1000;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);transition:width 1s cubic-bezier(.4,0,.2,1),padding 1s cubic-bezier(.4,0,.2,1),margin 1s cubic-bezier(.4,0,.2,1),gap 1s cubic-bezier(.4,0,.2,1);transition-delay:1s}.index{min-height:100vh;position:relative;text-align:left;font-size:var(--subheading-size);color:var(--primary);font-family:var(--body);padding-bottom:20px;background-color:transparent}.blank-div,.index{width:100%}.stack-section{width:100%;margin:60px 0;display:flex;flex-direction:column;align-items:center;gap:0;overflow:hidden}.top-app-bar-container{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%;padding-left:10px!important;padding-right:10px!important}.top-app-bar .top-app-bar-container.settings-only{justify-content:flex-end!important}.top-app-bar .top-app-bar-container.back-only{justify-content:flex-start!important}.top-app-bar .top-app-bar-container.both-buttons{justify-content:space-between!important}.top-app-bar{position:fixed;top:0;left:0;right:0;z-index:999!important;width:auto;padding:0 10px;margin-top:40px}.top-app-bar,.top-app-bar-icon{display:flex;align-items:center;justify-content:center;pointer-events:auto}.top-app-bar-icon{width:40px;height:40px;background:color-mix(in srgb,var(--container-background) 60%,transparent 40%)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;flex-shrink:0;border-radius:var(--br-sm);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent 80%);transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon,.top-app-bar-container[onclick="window.history.back()"] .top-app-bar-icon,.top-app-bar-icon[onclick="window.history.back()"]{transform:scale(1);transition:transform .2s ease-out,background .2s ease,-webkit-backdrop-filter .2s ease;transition:transform .2s ease-out,background .2s ease,backdrop-filter .2s ease;transition:transform .2s ease-out,background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease;margin-right:0;border-radius:50%;padding:4px;box-sizing:content-box;cursor:pointer}.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon:hover,.top-app-bar-container[onclick="window.history.back()"] .top-app-bar-icon:hover,.top-app-bar-icon[onclick="window.history.back()"]:hover{transform:scale(1.1);transition:transform .2s ease-in,background .2s ease,-webkit-backdrop-filter .2s ease;transition:transform .2s ease-in,background .2s ease,backdrop-filter .2s ease;transition:transform .2s ease-in,background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease;background:color-mix(in srgb,var(--container-background) 75%,transparent 25%);border-color:color-mix(in srgb,var(--primary) 30%,transparent 70%)}.top-app-bar-icon:not([onclick="window.history.back()"]):not(.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon){transform:scale(1);transition:transform .2s ease-out,rotate .2s ease,background .2s ease,-webkit-backdrop-filter .2s ease;transition:transform .2s ease-out,rotate .2s ease,background .2s ease,backdrop-filter .2s ease;transition:transform .2s ease-out,rotate .2s ease,background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease;border-radius:50%;padding:4px;box-sizing:content-box;cursor:pointer}.top-app-bar-icon:not([onclick="window.history.back()"]):not(.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon):hover{transform:scale(1.1);transition:transform .2s ease-in,rotate .2s ease,background .2s ease,-webkit-backdrop-filter .2s ease;transition:transform .2s ease-in,rotate .2s ease,background .2s ease,backdrop-filter .2s ease;transition:transform .2s ease-in,rotate .2s ease,background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease;background:color-mix(in srgb,var(--container-background) 75%,transparent 25%);backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border-color:color-mix(in srgb,var(--primary) 30%,transparent 70%)}html[data-liquid-glass=true] .top-app-bar-icon{background:color-mix(in srgb,var(--container-background) 55%,rgba(255,255,255,.3))!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -1px 1px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.08)!important}html[data-theme=dark][data-liquid-glass=true] .top-app-bar-icon{background:color-mix(in srgb,var(--container-background) 50%,rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.1),inset 0 -1px 1px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.25)!important}html[data-liquid-glass=true] .top-app-bar-icon:hover{background:color-mix(in srgb,var(--container-background) 65%,rgba(255,255,255,.35))!important}html[data-theme=dark][data-liquid-glass=true] .top-app-bar-icon:hover{background:color-mix(in srgb,var(--container-background) 60%,rgba(255,255,255,.1))!important}.title-container{display:flex;align-items:center}.title-container .title{font-size:var(--subtitle-size);padding:0;margin:0}.main-content{padding-bottom:20px;padding-top:40px;position:relative;width:100%;max-width:100%;overflow-x:visible;display:flex;flex-direction:column;align-items:center}.main-content>:not(.top-app-bar){animation:fadeInUp .4s cubic-bezier(.2,.9,.3,1) forwards;opacity:0}.big-number-container{width:100%;aspect-ratio:16/9;border-radius:var(--br-9xl);background:radial-gradient(circle at 50% 150%,#3CAEA3 0,#6A8CAF 50%,#8B7AB0 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;position:relative;overflow:visible;gap:16px}.big-number-container:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 60%);pointer-events:none}.big-serif-number{font-family:"Clock Serif";font-size:140px;font-weight:700}.big-number-subtitle,.big-serif-number{line-height:1;margin:0;padding:0;text-align:center;color:rgba(255,255,255,.9);text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.big-number-subtitle{font-family:var(--body);font-size:28px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fade-out{animation:fadeOutDown .3s cubic-bezier(.2,.9,.3,1) forwards}.page-transition{opacity:0;pointer-events:none;transition:opacity .2s ease}@media screen and (max-width:699px){.containers{padding:10px 0;max-width:none;margin:0;align-items:center}.containers,.main-content{width:100%;box-sizing:border-box;overflow-x:visible}.main-content{max-width:500px;margin:0 auto;padding:40px 10px 0}.button-container,.container,.container1,.list-group,.list3,.list4,.theme-container{width:100%}.big-serif-number{font-size:80px}.big-number-subtitle{font-size:20px}.containers{max-width:none;padding:2% 0}.containers,.main-content{width:100%;box-sizing:border-box;overflow-x:visible}.main-content{margin:0 auto;padding:80px 10px 0}.button-container,.container,.list-group,.list3,.list4,.theme-container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow-x:visible}}.container1{padding-left:14px;padding-right:14px}@media screen and (min-width:699px){.desktop-nav .icon-container{padding-top:0!important;padding-bottom:0;padding-left:0;padding-right:0;gap:8px}.desktop-nav .nav-icon-container,.desktop-nav .nav-icon-container-selected{margin:0 16px;gap:12px;width:auto}body.nav-collapsed .desktop-nav .icon-container{padding:0!important;gap:8px!important;align-items:center!important}body.nav-collapsed .desktop-nav .nav-icon-container,body.nav-collapsed .desktop-nav .nav-icon-container-selected{padding:0!important;margin:0!important}.tab-container{position:fixed;top:40px;left:0;bottom:40px;width:33%;min-width:200px;max-width:420px;background-color:var(--container-background);align-items:center;justify-content:flex-start;z-index:1000;border-top-right-radius:var(--br-2lg);border-bottom-right-radius:var(--br-2lg)}.icon-container,.tab-container{display:flex;flex-direction:column}.icon-container{width:100%;height:auto;align-items:stretch;gap:8px;padding-top:60px;margin:0}.nav-icon-container,.nav-icon-container-selected{width:100%;height:48px;flex-direction:row;align-items:center;padding:0 16px;border-radius:var(--br-sm);gap:12px}.main-content{margin-left:34%;width:64%;max-width:100%;padding-left:20px;padding-right:20px;align-items:flex-start}.top-app-bar-container{padding-left:36%!important;padding-right:20px!important}.containers{flex-direction:row;align-items:flex-start;justify-content:center;max-width:1600px;margin:0 auto;width:100%;padding:0}body.nav-collapsed .main-content{margin-left:8%!important;width:80%!important}body.nav-collapsed .main-content,body.nav-collapsed .top-app-bar,body.nav-collapsed .top-app-bar-container{padding-left:10px!important;padding-right:10px!important}body.nav-collapsed .top-app-bar{left:8%!important;width:calc(92% - 20px)!important}.top-app-bar{margin-top:40px}}.container.settings .body-text{display:flex;flex-direction:column}.body-text{width:100%}.list3.settings{margin-top:0;padding:var(--padding-xl)}.button.list4:hover{background-color:var(--container-background-hover);color:var(--primary);border:1px solid var(--primary)}:root{--container-background-hover:color-mix(in srgb,var(--container-background) 80%,var(--primary) 20%);--container-background-active:color-mix(in srgb,var(--container-background) 70%,var(--primary) 30%);--container-background-hover:color-mix(in srgb,var(--container-background) 95%,var(--primary) 5%);--container-background-active:color-mix(in srgb,var(--container-background) 85%,var(--primary) 15%)}@media (prefers-color-scheme:dark){:root{--container-background-hover:color-mix(in srgb,var(--container-background) 90%,var(--primary) 10%);--container-background-active:color-mix(in srgb,var(--container-background) 85%,var(--primary) 15%)}}@keyframes tabSwitchIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tabSwitchOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (prefers-color-scheme:dark){.theme-aware-image{content:attr(data-dark-src)}}@media (prefers-color-scheme:light){.theme-aware-image{content:attr(data-light-src)}}.new-chip{background-color:#64DD88}.hot-chip,.new-chip{color:white;padding:4px 12px;border-radius:100px;font-size:14px;font-weight:600;margin-right:8px;display:inline-block;font-family:One UI Sans}.beta-chip,.hot-chip{background-color:#E0632D}.beta-chip{color:white;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:600;margin-right:8px;display:inline-block;font-family:One UI Sans;letter-spacing:.02em;flex-shrink:0}.stack-icon-grid{display:none}.stack-icon{width:64px;height:64px;border-radius:16px;overflow:hidden;cursor:default;position:relative;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.stack-icon:hover{transform:scale(1.12);box-shadow:0 6px 20px rgba(0,0,0,.15)}.stack-icon-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.stack-marquee-wrapper{position:relative;width:100%;overflow:hidden;padding:24px 0}.stack-marquee-wrapper:after,.stack-marquee-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.stack-marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--background) 0,transparent 100%)}.stack-marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--background) 0,transparent 100%)}.stack-marquee{display:flex;width:max-content;animation:stack-marquee-scroll 25s linear infinite}.stack-marquee:hover{animation-play-state:paused}.stack-marquee-content{display:flex;gap:16px;padding-right:16px}@keyframes stack-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media screen and (max-width:699px){.stack-marquee-wrapper{padding:16px 0}.stack-marquee-wrapper:after,.stack-marquee-wrapper:before{width:40px}.stack-marquee{animation-duration:20s}.stack-marquee-content{gap:12px;padding-right:12px}.stack-icon{width:52px;height:52px}.stack-icon,.stack-icon-image{border-radius:13px}}@font-face{font-family:One UI Sans;src:url(/fonts/oneuisans.ttf) format("truetype-variations");font-weight:100 900}@font-face{font-family:"Clock Serif";src:url("/fonts/Clock Bold Serif.ttf") format("truetype");font-weight:700;font-display:swap}.desktop-nav{display:flex;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-bar{display:none}@media screen and (max-width:699px){.desktop-nav{display:none!important}.mobile-nav-bar{display:block;position:fixed;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:480px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding:8px;box-sizing:border-box;background:color-mix(in srgb,var(--container-background) 85%,transparent);border-radius:var(--br-xl);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 24px rgba(0,0,0,.15);z-index:1000}html[data-theme=dark] .mobile-nav-bar{border-color:rgba(255,255,255,.1)}.mobile-nav-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;width:100%}.mobile-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 0;border-radius:var(--br-9xl);color:var(--secondary);background:transparent;text-decoration:none;transition:background-color .3s ease,color .3s ease;box-sizing:border-box;min-width:0}.mobile-nav-tab--active{color:var(--primary);background:color-mix(in srgb,var(--container-background-active) 80%,transparent)}.mobile-nav-tab:hover:not(.mobile-nav-tab--active){background:color-mix(in srgb,var(--container-background-hover) 70%,transparent)}.mobile-nav-tab svg{width:24px;height:24px;flex-shrink:0}.mobile-nav-tab--active svg{transform:scale(1.05)}.mobile-nav-tab svg path{transition:fill .3s ease}.mobile-nav-label{font-size:12px;font-family:One UI Sans;line-height:1.2;text-align:center;white-space:nowrap}.mobile-nav-tab--active .mobile-nav-label{font-weight:500}.mobile-nav-bar--liquid-glass{background:color-mix(in srgb,var(--container-background) 50%,transparent);border-color:rgba(255,255,255,.25);box-shadow:0 4px 24px rgba(0,0,0,.15),inset 0 0 4px rgba(255,255,255,.3)}html[data-theme=dark] .mobile-nav-bar--liquid-glass{border-color:rgba(255,255,255,.15);box-shadow:0 4px 24px rgba(0,0,0,.3),inset 0 0 4px rgba(255,255,255,.1)}}.information[style*="cursor: pointer"]{transition:opacity .2s ease}.information[style*="cursor: pointer"]:hover{opacity:.7}.information[style*="cursor: pointer"]:active{opacity:.5}@media screen and (max-width:699px){.container,.container1,.containers,.credits-grid,.main-content,.settings-content,.settings-section,.theme-container{align-items:stretch!important;justify-content:flex-start!important;display:flex!important;width:100%!important;max-width:100vw!important}.main-content{padding-bottom:0!important;margin-bottom:0!important}}.top-app-bar-icon:hover{background:color-mix(in srgb,var(--container-background) 75%,transparent 25%);backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border-color:color-mix(in srgb,var(--primary) 30%,transparent 70%);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.top-app-bar-icon svg{width:20px;height:20px;fill:white;transition:all .3s ease}.top-app-bar-icon[aria-label=Settings]:hover svg{transform:rotate(90deg);fill:var(--accent)}.top-app-bar-icon[aria-label=Back]:hover svg{fill:var(--accent)}.toggle-label{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;cursor:pointer;border-radius:var(--br-9xl);transition:background-color .2s ease;background-color:var(--container-background)}.toggle-label:hover{background-color:var(--container-background-hover)}.toggle-info{display:flex;flex-direction:column;gap:4px;flex:1 1}.toggle-title{font-size:var(--subheading-size);font-weight:500;color:var(--primary)}.toggle-description{font-size:var(--body-size);color:var(--secondary);line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#A0A0A5;transition:background .2s,box-shadow .2s;border-radius:999px;box-shadow:none}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;top:3px;background-color:#fff;transition:transform .2s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.1)}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}body.nav-collapsed .icon-container{align-items:center;gap:0;padding:0;transition:gap .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}body.nav-collapsed .nav-icon-container,body.nav-collapsed .nav-icon-container-selected{justify-content:center;align-items:center;gap:0;transition:gap .3s cubic-bezier(.4,0,.2,1)}body.nav-collapsed .nav-label,body.nav-collapsed .nav-label-selected{max-width:0}.nav-label,.nav-label-selected{opacity:1;display:inline-block;white-space:nowrap;font-size:16px;font-weight:600;font-family:One UI Sans;transition:color .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}body.nav-collapsed .nav-label,body.nav-collapsed .nav-label-selected{opacity:0;pointer-events:none;transition:none}.desktop-nav .nav-icon-container,.desktop-nav .nav-icon-container-selected{position:relative}.sidebar-toggle{cursor:pointer;display:flex;align-items:center;border-radius:var(--br-sm);outline:none;background:none;border:none;transition:background .2s}.sidebar-toggle-collapsed{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;justify-content:center;margin-bottom:8px}.sidebar-toggle-expanded{padding-left:16px;padding-right:16px;width:100%;margin-top:16px;margin-bottom:8px;height:48px;justify-content:flex-start}.sidebar-toggle:hover{background:rgba(0,0,0,.08);animation:bounce .8s ease}html[data-theme=dark] .sidebar-toggle:hover{background:rgba(255,255,255,.08)}@keyframes bounce{0%,to{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(0)}60%{transform:translateY(-2px)}80%{transform:translateY(0)}}.progressive-blur-overlay{position:fixed;left:0;width:100vw;height:92px;pointer-events:none;z-index:9;isolation:isolate}.progressive-blur-overlay--top{top:0}.progressive-blur-overlay--bottom{bottom:0}.progressive-blur-gradient,.progressive-blur-layer{position:absolute;inset:0}@media (max-width:900px){.progressive-blur-overlay{height:68px}.main-content{padding:40px 20px 60px;box-sizing:border-box!important;overflow-x:visible!important}}@media (max-width:700px){.main-content{padding:28px 20px 60px!important;box-sizing:border-box!important;overflow-x:visible!important}.top-app-bar-container{max-width:100%!important}.index{padding-top:0!important;margin-top:0!important}}html[data-theme=light]{--background:var(--light-background);--secondary:#444851;--container-background:var(--light-container-background);--primary:var(--light-primary);--accent:var(--accent);--container-background-hover:color-mix(in srgb,var(--container-background) 80%,#c5c5c5 20%);--container-background-active:color-mix(in srgb,var(--container-background) 70%,#9c9c9c 30%)}.settings-page .progressive-blur-overlay{height:48px!important;mask-image:linear-gradient(180deg,black 0,transparent)!important;-webkit-mask-image:linear-gradient(180deg,black 0,transparent)!important}.settings-page .main-content{padding-top:80px!important}.settings-page.index{min-height:auto!important;padding-bottom:0!important}@media screen and (max-width:699px){.settings-page .main-content{width:100%!important;padding:0 10px;margin:0 auto!important;box-sizing:border-box!important;overflow-x:visible!important;padding-top:80px!important}}.oneui-design-kit-page .progressive-blur-overlay{height:48px!important;mask-image:linear-gradient(180deg,black 0,transparent)!important;-webkit-mask-image:linear-gradient(180deg,black 0,transparent)!important}.oneui-design-kit-page.index{min-height:auto!important;padding-bottom:0!important}@media screen and (max-width:699px){.oneui-design-kit-page .main-content{width:100%!important;margin:0 auto!important;box-sizing:border-box!important;overflow-x:visible!important;padding:80px 10px 0!important}}*{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}.desktop-nav .icon-container{gap:12px;transition:gap .3s cubic-bezier(.4,0,.2,1)}.desktop-nav .nav-icon-container,.desktop-nav .nav-icon-container-selected{transition:gap .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.tab-container.desktop-nav{width:30%;min-width:200px;max-width:420px;transition:width .3s cubic-bezier(.4,0,.2,1)}body.nav-collapsed .tab-container.desktop-nav{width:8%;min-width:72px;max-width:72px}body.nav-collapsed .desktop-nav .nav-icon-container,body.nav-collapsed .desktop-nav .nav-icon-container-selected,body.nav-collapsed .desktop-nav .sidebar-toggle{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;padding:0;margin:0;display:flex;align-items:center;justify-content:center}@media screen and (min-width:900px){.tab-container{padding-left:0;padding-right:0}}.bento-grid{display:grid;gap:16px;width:100%;max-width:900px;margin:0 auto;padding:20px;box-sizing:border-box}@media screen and (min-width:700px){.bento-grid{grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto auto;gap:16px}.bento-card-profile{grid-column:1;grid-row:1/5}.bento-card-tjg{grid-column:2;grid-row:1}.bento-card-designer{grid-column:2;grid-row:2}.bento-card-journalist{grid-column:2;grid-row:3}.bento-card-phone{grid-column:2;grid-row:4}}@media screen and (max-width:699px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px;padding:16px}.bento-card-profile{grid-column:1/-1;grid-row:1}.bento-card-tjg{grid-column:1;grid-row:2}.bento-card-designer{grid-column:2;grid-row:2}.bento-card-journalist{grid-column:1;grid-row:3}.bento-card-phone{grid-column:2;grid-row:3}}.bento-card{border-radius:var(--br-9xl);overflow:hidden;position:relative;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.bento-card:hover{transform:scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,.2)}.bento-card-profile{min-height:500px;background:var(--container-background);position:relative}@media screen and (max-width:699px){.bento-card-profile{min-height:400px;aspect-ratio:3/4}}.bento-card-profile .profile-image-container{position:absolute;inset:0;z-index:1}.bento-card-profile .profile-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2d,#1a1a1d);display:flex;align-items:center;justify-content:center;color:var(--secondary);font-size:14px}.bento-card-profile .profile-image{width:100%;height:100%;object-fit:cover}.bento-card-profile .profile-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 24px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 50%,transparent);z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.bento-card-profile .profile-subtitle{font-family:One UI Sans;font-size:16px;font-weight:400;color:rgba(255,255,255,.8);margin-bottom:4px}.bento-card-profile .profile-name{font-family:One UI Sans;font-size:42px;font-weight:700;color:#fff;line-height:1.1}@media screen and (max-width:699px){.bento-card-profile .profile-name{font-size:36px}.bento-card-profile .profile-overlay{padding:24px 20px}}.bento-card-small{background:var(--container-background);padding:20px;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (max-width:699px){.bento-card-small{min-height:140px;padding:16px;aspect-ratio:1}}.bento-card-small .card-icon{margin-bottom:auto}.bento-card-small .card-icon,.bento-card-small .card-icon-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.bento-card-small .card-icon-placeholder{border-radius:var(--br-sm);background:rgba(255,255,255,.1);color:var(--accent);font-size:12px}.bento-card-small .card-label{font-family:One UI Sans;font-size:13px;font-weight:400;color:rgba(255,255,255,.6);margin-bottom:2px}.bento-card-small .card-title{font-family:One UI Sans;font-size:18px;font-weight:600;color:#fff}.bento-card-tjg{background:linear-gradient(135deg,#0d3d2e,#1a5a45 50%,#2a7a6a);position:relative;overflow:hidden}.bento-card-tjg:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(circle at 80% 30%,rgba(56,122,255,.15) 0,transparent 60%);pointer-events:none}.bento-card-tjg .tjg-logo{width:64px;height:64px;margin-bottom:auto}.bento-card-tjg .tjg-logo-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.5)}.bento-card-designer{background:linear-gradient(180deg,#0a1628,#0d1f3c);position:relative;overflow:hidden}.bento-card-designer .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(56,122,255,.4) 1px,transparent 0),linear-gradient(90deg,rgba(56,122,255,.4) 1px,transparent 0);background-size:32px 32px;opacity:.6}.bento-card-designer .cursor-icon{position:absolute;top:50%;left:50%;transform:translate(-30%,-60%);width:64px;height:64px;z-index:2}.bento-card-designer .cursor-icon-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.5)}.bento-card-designer .card-content{position:relative;z-index:3;margin-top:auto}.bento-card-journalist{background:var(--container-background);position:relative;overflow:hidden}.bento-card-journalist .watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:One UI Sans;font-size:28px;font-weight:700;color:rgba(255,255,255,.08);white-space:nowrap;pointer-events:none;letter-spacing:-1px}.bento-card-journalist .watermark-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.3)}.bento-card-journalist .card-content{position:relative;z-index:2;margin-top:auto}.bento-card-phone{background:var(--container-background);flex-direction:row;align-items:center;gap:16px;padding:16px 20px;min-height:auto}@media screen and (max-width:699px){.bento-card-phone{flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:16px;min-height:140px;aspect-ratio:1}.bento-card-phone .card-icon{margin-bottom:auto}}.bento-card-phone .phone-icon{width:32px;height:32px;flex-shrink:0}.bento-card-phone .phone-icon-placeholder{width:32px;height:32px;border-radius:var(--br-xs);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff}.bento-card-phone .card-text{display:flex;flex-direction:column}.bento-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 20px;margin-bottom:8px}@media screen and (min-width:700px){.bento-header{display:none}}.bento-header .bento-title{font-family:One UI Sans;font-size:24px;font-weight:700;color:var(--primary)}.bento-about-title{display:none}@media screen and (min-width:700px){.bento-about-title{display:flex;align-items:center;justify-content:space-between;grid-column:2;padding:0 4px;margin-bottom:-8px}.bento-about-title .title-text{font-family:One UI Sans;font-size:24px;font-weight:700;color:var(--primary)}}.bento-page .main-content{padding-top:60px;align-items:center;max-width:100%}@media screen and (min-width:700px){.bento-page .main-content{padding-top:80px}.bento-page .bento-grid{max-width:100%;padding:20px}}@media screen and (max-width:699px){.bento-page .main-content{padding-top:50px;padding-left:0;padding-right:0;margin-left:0;width:100%}.bento-page .containers{padding:0}.bento-page .top-app-bar{left:0;width:100%}}.hero-role-wrapper{display:grid;grid-template-columns:1fr minmax(200px,280px);gap:16px;margin-bottom:12px;width:100%;align-items:stretch}.hero-section{display:block}.hero-avatar,.hero-section{position:relative;width:100%;height:100%}.hero-avatar{min-height:400px;border-radius:var(--br-9xl);overflow:hidden;background:var(--container-background);transition:transform .4s cubic-bezier(.2,.9,.3,1),box-shadow .4s ease}.hero-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--br-9xl)}.hero-intro{position:absolute;bottom:0;left:0;right:0;padding:80px 24px 28px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.5) 60%,transparent);border-radius:0 0 var(--br-9xl) var(--br-9xl);display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:2}.hero-subtitle{font-size:16px;font-weight:400;color:rgba(255,255,255,.8)}.hero-name,.hero-subtitle{font-family:One UI Sans,sans-serif}.hero-name{font-size:clamp(32px,4vw,48px);font-weight:700;color:#fff;line-height:1.1;margin:0}.hero-description{font-family:One UI Sans,sans-serif;font-size:15px;font-weight:400;color:rgba(255,255,255,.8);line-height:1.5;margin:8px 0 0;max-width:100%}.role-cards{display:flex;flex-direction:column;gap:16px;width:100%}.role-card{position:relative;border-radius:var(--br-9xl);overflow:hidden;flex:1 1;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:var(--container-background);transition:transform .3s ease,box-shadow .3s ease}.role-card:hover{transform:scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,.2)}.role-card-icon{position:absolute;top:20px;left:20px;z-index:2}.role-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px}.role-card-label{font-size:13px;font-weight:400;color:rgba(255,255,255,.7)}.role-card-label,.role-card-title{font-family:One UI Sans,sans-serif}.role-card-title{font-size:18px;font-weight:600;color:#fff}.role-card-designer{--grid-size:48px;background-color:var(--container-background);background-image:repeating-linear-gradient(90deg,var(--accent) 0,var(--accent) 1px,transparent 1px,transparent var(--grid-size)),repeating-linear-gradient(0deg,var(--accent) 0,var(--accent) 1px,transparent 1px,transparent var(--grid-size));background-size:var(--grid-size) var(--grid-size);background-position:50%;position:relative;overflow:hidden;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L6.35 2.86a.5.5 0 0 0-.85.35Z' fill='%23ffffff' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E") 4 4,auto}.role-card-designer:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L6.35 2.86a.5.5 0 0 0-.85.35Z' fill='%23ffffff' stroke='%23000000' stroke-width='1.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:opacity .2s ease}.role-card-designer:hover:before{opacity:0}.role-card-designer:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--container-background) 0,color-mix(in srgb,var(--container-background) 60%,transparent) 40%,transparent 100%);z-index:1;pointer-events:none}.role-card-designer .role-card-label,.role-card-designer .role-card-title{color:var(--primary)}.role-card-designer .role-card-label{color:var(--secondary)}.role-card-journalist{background-image:url(/images/home/Journalist.png);background-size:cover;background-position:50%}.role-card-journalist:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--container-background) 0,color-mix(in srgb,var(--container-background) 60%,transparent) 40%,transparent 100%);z-index:1}.role-card-journalist .role-card-label,.role-card-journalist .role-card-title{color:var(--primary)}.role-card-journalist .role-card-label{color:var(--secondary)}.role-card-phone{background:var(--container-background)}.role-card-phone .role-card-label,.role-card-phone .role-card-title{color:var(--primary)}.role-card-phone .role-card-label{color:var(--secondary)}.quote-block{position:relative;border-radius:var(--br-9xl);padding:32px 24px;background:var(--container-background);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px;width:100%;box-sizing:border-box}.quote-mark{position:absolute;z-index:1}.quote-mark-top{top:16px;left:16px}.quote-mark-bottom{bottom:16px;right:16px}.quote-text{font-family:One UI Sans,sans-serif;font-size:18px;font-weight:700;color:var(--primary);text-align:center;margin:0;padding:0 40px;line-height:1.5;position:relative;z-index:2;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;white-space:normal}@media screen and (max-width:900px){.hero-role-wrapper{display:flex;flex-direction:column;gap:12px}.hero-section{display:block;position:relative;padding:0;margin-bottom:0}.hero-avatar{width:100%;max-width:100%;aspect-ratio:3/4;min-height:unset;margin:0;border-radius:var(--br-9xl)}.hero-avatar-image{width:100%;height:100%;object-fit:cover}.hero-intro{align-items:center;text-align:center;padding:80px 24px 32px}.hero-name{font-size:clamp(32px,8vw,48px)}.hero-description{text-align:center;max-width:100%}.role-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quote-block{grid-column:1/-1;width:100%;padding:24px 20px}.quote-text{font-size:16px}.quote-mark-bottom,.quote-mark-bottom svg,.quote-mark-top,.quote-mark-top svg{width:24px;height:24px}.role-card:first-child{grid-column:1/-1}.role-card{flex:unset;aspect-ratio:1;min-height:140px}.role-card:first-child{aspect-ratio:2/1}.role-card-title{font-size:16px}.role-card-label{font-size:12px}}@media screen and (max-width:480px){.hero-intro{padding:60px 20px 24px}.hero-subtitle{font-size:15px}.hero-description{font-size:14px}.role-cards{grid-template-columns:1fr 1fr}.quote-block{padding:20px 16px;width:100%}.quote-text{font-size:15px;padding:0 24px}.quote-mark-bottom,.quote-mark-bottom svg,.quote-mark-top,.quote-mark-top svg{width:20px;height:20px}.quote-mark-top{top:12px;left:12px}.quote-mark-bottom{bottom:12px;right:12px}.role-card{padding:16px}.role-card-icon svg{width:32px;height:32px}}.journalist-section{width:100%;margin:60px 0;display:flex;flex-direction:column;gap:0}.journalist-headline{font-family:One UI Sans,sans-serif;font-size:clamp(24px,5vw,48px);font-weight:700;color:var(--primary);line-height:1.2;text-align:center;max-width:1000px;margin:0 auto;padding:0 20px}.journalist-cta-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border-radius:var(--br-9xl);background-color:var(--container-background);color:var(--primary);text-decoration:none;font-family:One UI Sans;font-weight:600;font-size:var(--subheading-size);transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);box-sizing:border-box;margin:20px auto 0;width:fit-content}.journalist-cta-button svg{width:24px;height:24px;flex-shrink:0}.journalist-cta-button svg path{fill:var(--primary)}.journalist-cta-button:hover{transform:scale(1.02);background-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in}.journalist-cta-button:hover svg path{fill:var(--primary)}.journalist-cta-button:active{transform:scale(.98)}.design-projects-stack-section{width:100%;margin:60px 0;display:flex;flex-direction:column;gap:30px;align-items:center}.design-projects-stack-headline{font-family:One UI Sans,sans-serif;font-size:clamp(24px,5vw,48px);font-weight:700;color:var(--primary);line-height:1.2;margin:0;text-align:center;max-width:1000px;padding:0 20px}.design-projects-stack-wrapper{padding:40px 20px;overflow:visible}.design-projects-stack,.design-projects-stack-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.design-projects-stack{position:relative;max-width:600px;height:320px;margin:0 auto}.design-project-stack-card{display:flex;position:absolute;width:280px;height:200px;border-radius:var(--br-9xl);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.25);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.design-project-stack-image-wrapper{position:relative;width:100%;height:100%}.design-project-stack-image{object-fit:cover!important;display:block!important}.design-project-stack-card-left{transform:translateX(-55%) rotate(-8deg);z-index:1}.design-project-stack-card-center{transform:translateX(0) translateY(-10px);z-index:3}.design-project-stack-card-right{transform:translateX(55%) rotate(8deg);z-index:1}.design-project-stack-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 48px rgba(0,0,0,.35);z-index:10}.design-project-stack-card-left:hover{transform:translateX(-55%) rotate(-8deg) translateY(-8px) scale(1.05)}.design-project-stack-card-right:hover{transform:translateX(55%) rotate(8deg) translateY(-8px) scale(1.05)}.design-projects-stack-cta-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border-radius:var(--br-9xl);background-color:var(--container-background);color:var(--primary);text-decoration:none;font-family:One UI Sans;font-weight:600;font-size:var(--subheading-size);transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);box-sizing:border-box;margin:0 auto;width:fit-content}.design-projects-stack-cta-button svg{width:24px;height:24px;flex-shrink:0}.design-projects-stack-cta-button svg path{fill:var(--primary)}.design-projects-stack-cta-button:hover{transform:scale(1.02);background-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in}.design-projects-stack-cta-button:hover svg path{fill:var(--primary)}.design-projects-stack-cta-button:active{transform:scale(.98)}.publications-marquee-wrapper{position:relative;width:100%;overflow:hidden;padding:40px 0}.publications-marquee-wrapper:after,.publications-marquee-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.publications-marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--background) 0,transparent 100%)}.publications-marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--background) 0,transparent 100%)}.publications-marquee{display:flex;width:fit-content;animation:publicationsMarquee 40s linear infinite;will-change:transform}.publications-marquee:hover{animation-play-state:paused}.publications-marquee-content{display:flex;gap:30px;padding-right:48px;align-items:center;flex-shrink:0}.publication-item{display:flex;align-items:center;justify-content:center;padding:0;transition:transform .3s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.publication-item:hover{transform:translateY(-4px)}.publication-logo-image{height:auto;width:auto;object-fit:contain;filter:brightness(1)}.publication-logo-image,.publication-logo-svg-wrapper{max-height:60px;max-width:200px;display:flex;align-items:center;justify-content:center}.publication-logo-svg-wrapper{width:fit-content;height:fit-content}.publication-logo-svg-wrapper svg{width:auto;height:60px;max-width:200px;display:block;object-fit:contain}@keyframes publicationsMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.featured-stories-section{width:100%;margin:60px 0;display:flex;flex-direction:column;gap:0}.featured-stories-headline{font-family:One UI Sans,sans-serif;font-size:clamp(24px,5vw,48px);font-weight:700;color:var(--primary);line-height:1.2;margin:0;text-align:center}.featured-stories-scroll-wrapper{position:relative;width:100%;overflow:hidden;padding:32px 0}.featured-stories-scroll-wrapper:after,.featured-stories-scroll-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.featured-stories-scroll-wrapper:before{left:0;background:linear-gradient(to right,var(--background) 0,transparent 100%)}.featured-stories-scroll-wrapper:after{right:0;background:linear-gradient(to left,var(--background) 0,transparent 100%)}.featured-stories-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px 40px}.featured-stories-scroll::-webkit-scrollbar{display:none}.story-card{flex-shrink:0;width:280px;background:var(--container-background);border-radius:var(--br-lg);text-decoration:none;color:inherit;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.story-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.story-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--br-lg) var(--br-lg) 0 0;background:color-mix(in srgb,var(--container-background) 80%,var(--primary) 20%)}.story-card-image{width:100%;height:100%;object-fit:cover;display:block}.story-card-info{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.story-card-title{font-family:One UI Sans,sans-serif;font-size:15px;font-weight:600;color:var(--primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-site{font-family:One UI Sans,sans-serif;font-size:13px;font-weight:500;color:var(--secondary)}@media screen and (max-width:699px){.featured-stories-section{margin:40px 0}.featured-stories-headline{font-size:clamp(24px,7vw,48px);padding:0 16px}.featured-stories-scroll-wrapper{padding:24px 0}.featured-stories-scroll-wrapper:after,.featured-stories-scroll-wrapper:before{width:40px}.featured-stories-scroll{gap:12px;padding:12px 20px}.story-card{width:240px}.journalist-section{margin:40px 0;gap:0}.journalist-headline{font-size:clamp(24px,7vw,48px);padding:0 16px}.journalist-cta-button{padding:14px 24px;font-size:16px;margin:16px auto 0}.publications-marquee-wrapper{padding:32px 0}.publications-marquee{animation-duration:30s}.publications-marquee-wrapper:after,.publications-marquee-wrapper:before{width:60px}.publications-marquee-content{gap:30px;padding-right:48px}.publication-logo-image,.publication-logo-image svg{max-height:50px;max-width:160px}.design-projects-stack-section{margin:40px 0;gap:24px}.design-projects-stack-headline{font-size:clamp(24px,7vw,48px);padding:0 16px}.design-projects-stack-wrapper{padding:20px 10px}.design-projects-stack{height:280px;max-width:400px}.design-project-stack-card{width:220px;height:160px}.design-project-stack-card-left{transform:translateX(-50%) rotate(-6deg)}.design-project-stack-card-right{transform:translateX(50%) rotate(6deg)}.design-project-stack-card-left:hover{transform:translateX(-50%) rotate(-6deg) translateY(-6px) scale(1.03)}.design-project-stack-card-right:hover{transform:translateX(50%) rotate(6deg) translateY(-6px) scale(1.03)}.design-projects-stack-cta-button{padding:14px 24px;font-size:16px}}@media screen and (max-width:480px){.journalist-headline{font-size:clamp(20px,8vw,36px)}.publications-marquee-wrapper{padding:24px 0}.publications-marquee-wrapper:after,.publications-marquee-wrapper:before{width:40px}.publications-marquee-content{gap:32px;padding-right:32px}.publication-logo-image,.publication-logo-image svg{max-height:40px;max-width:120px}.design-projects-stack-headline{font-size:clamp(20px,8vw,36px)}.design-projects-stack{height:240px;max-width:320px}.design-project-stack-card{width:180px;height:130px}.design-project-stack-card-left{transform:translateX(-45%) rotate(-5deg)}.design-project-stack-card-right{transform:translateX(45%) rotate(5deg)}.design-project-stack-card-left:hover{transform:translateX(-45%) rotate(-5deg) translateY(-5px) scale(1.02)}.design-project-stack-card-right:hover{transform:translateX(45%) rotate(5deg) translateY(-5px) scale(1.02)}}.loading-dots{width:var(--loading-size,56px);height:var(--loading-size,56px);position:relative;display:inline-block;animation:loading-rotate calc(var(--loading-speed, .9s) * 3.5) linear infinite}.loading-dots-centered{display:flex;margin:0 auto;justify-content:center;align-items:center}.loading-dot{width:var(--loading-dot-size,12px);height:var(--loading-dot-size,12px);border-radius:999px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:loading-pulse calc(var(--loading-speed, .9s) * .9) ease-in-out infinite;will-change:transform,opacity}.loading-dot-blue{background:var(--accent,#4a86ff)}.loading-dot-green{background:#2bd48f}.loading-dot-top{transform:translate(-50%,-50%) translateY(calc(var(--loading-radius, 16px) * -1));animation-delay:0s}.loading-dot-right{transform:translate(-50%,-50%) translate(var(--loading-radius,16px));animation-delay:90ms}.loading-dot-bottom{transform:translate(-50%,-50%) translateY(var(--loading-radius,16px));animation-delay:.18s}.loading-dot-left{transform:translate(-50%,-50%) translate(calc(var(--loading-radius, 16px) * -1));animation-delay:.27s}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-pulse{0%,to{opacity:.9}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.cta-buttons-wrapper{gap:10px;margin-bottom:40px;width:100%}.cta-button,.cta-buttons-wrapper{display:flex;flex-direction:row;box-sizing:border-box}.cta-button{align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:var(--br-9xl);background-color:var(--container-background);color:var(--primary);text-decoration:none;font-family:One UI Sans;font-weight:600;font-size:var(--subheading-size);transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);flex:1 1;min-width:0}.cta-button svg{width:24px;height:24px;flex-shrink:0}.cta-button svg path{fill:var(--primary)}.cta-button:hover{transform:scale(1.02);background-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in}.cta-button:active{transform:scale(.98)}.stats-bar{flex-direction:row;justify-content:center;gap:0;margin:32px auto 0;padding:20px 32px;background:var(--container-background);border-radius:var(--br-9xl);width:fit-content;max-width:100%;box-sizing:border-box}.stat-item,.stats-bar{display:flex;align-items:center}.stat-item{flex-direction:column;gap:4px;padding:0 28px}.stat-number{font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--accent);line-height:1.1}.stat-label,.stat-number{font-family:One UI Sans,sans-serif}.stat-label{font-size:13px;font-weight:500;color:var(--secondary);white-space:nowrap}.stat-divider{width:1px;height:40px;background:var(--selected);flex-shrink:0}.design-projects-section{width:100%;margin:60px 0;display:flex;flex-direction:column;gap:0}.design-projects-headline{font-size:clamp(24px,5vw,48px);font-weight:700;color:var(--primary);line-height:1.2;margin:0}.design-projects-headline,.design-projects-subtitle{font-family:One UI Sans,sans-serif;text-align:center}.design-projects-subtitle{font-size:16px;font-weight:400;color:var(--secondary);margin:8px 0 0}.design-projects-grid{display:flex;gap:16px;padding:32px 0;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.design-projects-grid::-webkit-scrollbar{display:none}.design-project-card{flex-shrink:0;width:300px;background:var(--container-background);border-radius:var(--br-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;scroll-snap-align:start}.design-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.design-project-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:color-mix(in srgb,var(--container-background) 80%,var(--primary) 20%)}.design-project-image{width:100%;height:100%;object-fit:cover;display:block}.design-project-info{padding:14px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.design-project-title{font-family:One UI Sans,sans-serif;font-size:15px;font-weight:600;color:var(--primary);line-height:1.35}.design-project-tag{font-family:One UI Sans,sans-serif;font-size:12px;font-weight:500;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:4px 10px;border-radius:var(--br-xl);white-space:nowrap}.design-projects-cta-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:16px 32px;border-radius:var(--br-9xl);background-color:var(--container-background);color:var(--primary);text-decoration:none;font-family:One UI Sans;font-weight:600;font-size:var(--subheading-size);transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);box-sizing:border-box;margin:0 auto;width:fit-content}.design-projects-cta-button svg path{fill:var(--primary)}.design-projects-cta-button:hover{transform:scale(1.02);background-color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.15)}.design-projects-cta-button:hover svg path{fill:#fff}.design-projects-cta-button:active{transform:scale(.98)}.stack-text{flex-shrink:0;min-width:0}.stack-headline{font-size:clamp(32px,5vw,64px);font-weight:700;color:var(--primary);line-height:1.2;margin:0}.stack-headline,.stack-subtitle{font-family:One UI Sans,sans-serif;text-align:center}.stack-subtitle{font-size:16px;font-weight:400;color:var(--secondary);margin:8px 0 0}.about-section{width:100%;margin:0 0 20px;display:flex;flex-direction:column;gap:0;padding:32px;box-sizing:border-box;background:var(--container-background);border-radius:28px}.about-headline{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--primary);line-height:1.2;margin:0 0 16px}.about-headline,.about-text{font-family:One UI Sans,sans-serif}.about-text{font-size:16px;font-weight:400;color:var(--secondary);line-height:1.7;margin:0 0 12px}.about-text:last-child{margin-bottom:0}.site-footer{width:100%;margin:60px 0 40px;gap:32px;padding:40px 0 0;border-top:1px solid var(--selected)}.footer-cta,.site-footer{display:flex;flex-direction:column;align-items:center}.footer-cta{gap:16px}.footer-cta-heading{font-family:One UI Sans,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--primary);margin:0;text-align:center}.footer-email-button{display:flex;flex-direction:row;align-items:center;gap:10px;padding:14px 28px;border-radius:var(--br-9xl);background-color:var(--accent);color:#fff;text-decoration:none;font-family:One UI Sans;font-weight:600;font-size:16px;transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 2px 8px rgba(0,0,0,.1)}.footer-email-button:hover{transform:scale(1.03);box-shadow:0 4px 16px rgba(0,0,0,.2)}.footer-email-button:active{transform:scale(.98)}.footer-socials{display:flex;flex-direction:row;align-items:center;gap:12px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--container-background);color:var(--secondary);text-decoration:none;transition:transform .2s ease-out,background-color .2s ease-out,color .2s ease-out}.footer-social-link:hover{transform:scale(1.1);background-color:var(--accent);color:#fff}.footer-social-link:active{transform:scale(.95)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-copyright{font-family:One UI Sans,sans-serif;font-size:13px;font-weight:400;color:var(--secondary)}@media screen and (max-width:900px){.design-project-card{width:260px}}@media screen and (max-width:699px){.stats-bar{padding:16px;border-radius:var(--br-lg);width:100%}.stat-item{padding:0 16px}.stat-number{font-size:22px}.stat-label{font-size:11px}.stat-divider{height:32px}.design-projects-section{margin:40px 0}.design-projects-headline{font-size:clamp(24px,7vw,48px);padding:0 16px}.design-projects-subtitle{padding:0 16px;font-size:14px}.design-projects-grid{gap:12px;padding:24px 0 24px 16px}.design-projects-cta-button{padding:14px 24px;font-size:16px}.stack-section{margin:40px 0;flex-direction:column;gap:16px;overflow:hidden}.stack-headline{font-size:clamp(24px,7vw,48px)}.stack-headline,.stack-subtitle{padding:0 16px;text-align:center}.stack-subtitle{font-size:14px}.about-section{margin:0 0 16px;padding:24px 20px}.about-headline{font-size:24px}.about-text{font-size:15px}.site-footer{margin:40px 0 24px;gap:24px;padding:32px 0 0}.footer-cta-heading{font-size:24px}.footer-email-button{padding:12px 20px;font-size:15px}}.discord-banner{position:fixed;bottom:24px;left:50%;translate:-50% 20px;z-index:9999;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;background:#5865F2;border-radius:999px;cursor:pointer!important;opacity:0;transition:opacity .3s ease,translate .3s ease;box-shadow:0 6px 32px rgba(88,101,242,.4);font-family:"One UI Sans",var(--body);white-space:nowrap;user-select:none;-webkit-user-select:none}.discord-banner-visible{opacity:1;translate:-50% 0}.discord-banner-icon{color:#fff;display:flex;align-items:center;flex-shrink:0}.discord-banner *{cursor:pointer!important}.discord-banner-text{color:#fff;font-weight:700;font-size:16px;letter-spacing:-.01em}.discord-banner-close{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:background .15s ease;padding:0;flex-shrink:0}.discord-banner-close:hover{background:rgba(255,255,255,.3)}@media screen and (max-width:500px){.discord-banner{bottom:110px;gap:10px;padding:8px 8px 8px 14px}.discord-banner-text{font-size:14px}.discord-banner-icon svg{width:22px;height:22px}.discord-banner-close{width:36px;height:36px}}