form{width:100%}.profile-image-icon{object-fit:cover;border-radius:80px;width:160px;height:160px;transition:box-shadow .2s,transform .6s cubic-bezier(.6,-.6,0,1.5);position:relative;transform:rotate(0)}.profile-image-icon:hover{animation:3s linear infinite spin-record;box-shadow:0 0 20px #b5c6ddcc,0 0 40px 5px #b5c6dd33}@keyframes spin-record{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title{color:var(--primary);font-family:One UI Sans;font-weight:700;position:relative}a{color:var(--primary);text-decoration:none;position:relative}.header-container{box-sizing:border-box;justify-content:center;align-self:stretch;align-items:center;gap:var(--gap-xl);height:260px;font-size:var(--title-size);flex-direction:column;margin-top:20%;display:flex}@media screen and (max-width:900px){.header-container{margin-top:5%!important}}.containers-are-the{margin:0}.body-text{font-family:One UI Sans;font-weight:400;position:relative}.container{border-radius:var(--br-9xl);background-color:var(--container-background);padding:var(--padding-xl);font-size:var(--body-size);flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;display:flex;overflow:visible}.container .settings{background-color:none;margin-top:10px;margin-bottom:10px}.container.settings{box-shadow:none!important;background:0 0!important;border:none!important}.container1{font-size:var(--subtitle-size);flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;padding:20px;display:flex}.button-icon{width:16.2px;height:24px;position:relative}.button-text{position:relative}.button{border-radius:var(--br-lg);background-color:var(--accent);flex-direction:row;justify-content:center;align-self:stretch;align-items:center;gap:10px;width:auto;padding:10px 30px;display:flex;overflow:visible}a,.button,.list3,.list4{transition:transform .2s ease-out;transform:scale(1)}a:hover,.button:hover,.list3:hover,.list4:hover{transition:transform .2s ease-in;transform:scale(1.02)}.list3,a.list3,button.list3{transform:scale(1);transition:transform .2s ease-out,background-color .2s ease-out!important}.list3:hover,a.list3:hover,button.list3:hover{background-color:var(--container-background-hover);transform:scale(1.02);transition:transform .2s ease-in,background-color .2s ease-in!important}.list3,a.list3,button.list3{transition:transform .2s ease-out,background-color .2s ease-out!important;transform:scale(1)!important}.list3:hover,a.list3:hover,button.list3:hover{background-color:var(--container-background-hover)!important;transition:transform .2s ease-in,background-color .2s ease-in!important;transform:scale(1.02)!important}.nav-icon-container,.nav-icon-container-selected,.nav-icon-container a,.tab-container a{transition:none!important;transform:none!important}.button-container{box-sizing:border-box;text-align:left;color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:47px;padding:0 auto;font-family:One UI Sans;font-size:20px;display:flex;position:relative;top:20px;overflow:visible}.left-side-icon{object-fit:cover;z-index:0;width:auto;height:auto;position:absolute;bottom:0;left:0;margin:0!important}.right-side-icon{object-fit:cover;z-index:1;width:auto;height:auto;position:absolute;bottom:0;right:0;margin:0!important}.seperation-icon{border-radius:var(--br-11xs);object-fit:cover;z-index:2;width:100%;max-width:100%;height:auto;position:absolute;top:98.25%;left:0%;right:0%;overflow:visible;margin:0!important}.test-toggle-wrapper{z-index:3;flex-direction:column;flex:1;justify-content:flex-start;align-self:stretch;align-items:flex-start;display:flex;overflow:visible}.others{z-index:4;width:61px;height:22px}.list{border-radius:var(--br-9xl);background-color:var(--container-background);padding:var(--padding-xl);justify-content:flex-start;align-self:stretch;align-items:center;gap:var(--gap-xl);flex-direction:row;display:flex;position:relative}.test-toggle-frame{flex-direction:row;flex:1;justify-content:space-between;align-self:stretch;align-items:flex-start;margin-bottom:8px;padding:0 10px;display:flex;overflow:visible}.others2{width:33px;height:22px}.list2{border-radius:var(--br-9xl);background-color:var(--container-background);padding:var(--padding-xl);justify-content:flex-start;align-self:stretch;align-items:center;gap:var(--gap-xl);flex-direction:row;display:flex}.theme-container{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;display:flex}.theme-selection{justify-content:flex-start;align-self:stretch;align-items:center;gap:var(--gap-xl);font-family:One UI Sans;font-weight:400;font-size:var(--body-size);flex-direction:column;display:flex}.theme-selection label{cursor:pointer;width:100%;font-size:var(--subheading-size);border-radius:var(--br-9xl);align-items:center;gap:10px;padding:10px;font-weight:500;transition:background-color .2s;display:flex}.theme-selection label:hover{background-color:var(--container-background-hover)}.theme-selection input[type=radio]{appearance:none;border:2px solid var(--secondary);cursor:pointer;background-color:#0000;border-radius:50%;width:24px;height:24px;margin:0;transition:transform .2s ease-out,background-color .2s,border-color .2s;transform:scale(1)}.theme-selection input[type=radio]:hover{background-color:color-mix(in srgb,var(--container-background)90%,var(--primary)10%);border-color:color-mix(in srgb,var(--secondary)80%,var(--primary)20%);transition:transform .2s ease-in,background-color .2s,border-color .2s;transform:scale(1.08)}.theme-selection input[type=radio]:checked{border:2px solid var(--accent);background:var(--container-background);position:relative}.theme-selection input[type=radio]:checked:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accent-color-selection{justify-content:space-between;align-self:stretch;align-items:center;gap:var(--gap-xl);font-family:One UI Sans;font-weight:400;font-size:var(--body-size);flex-direction:row;display:flex}.accent-color-selection label{cursor:pointer;border-radius:var(--br-md);flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px;transition:background-color .2s;display:flex;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]{opacity:0;pointer-events:none;position:absolute}.accent-color-swatch{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,border-color .2s;display:flex;position:relative}.accent-color-swatch svg{width:24px;height:24px;position:absolute}.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);color:var(--primary);text-align:center;font-weight:500}.div{width:22px;height:23px;font-family:One UI Sans;font-weight:600;line-height:133.53%;display:inline-block;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.shape{width:24px;height:24px;position:relative}.information{text-align:left;align-self:stretch;width:100%;height:auto;position:relative}.information-wrapper{height:auto;min-height:19px;font-size:var(--body-size);color:var(--secondary);flex-direction:column;flex-shrink:0;align-self:normal;width:100%;height:auto;min-height:fit-content;font-family:One UI Sans;font-weight:400;display:flex;position:relative;overflow:visible}.test-toggle-parent{justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:var(--gap-11xs);flex-direction:column;flex:1;width:100%;display:flex;overflow:visible}.list3{border-radius:var(--br-9xl);background-color:var(--container-background);justify-content:flex-start;align-self:stretch;align-items:center;gap:var(--gap-xll);text-align:left;cursor:pointer;box-sizing:border-box;width:100%;font-size:var(--subheading-size);color:var(--primary);font-family:var(--body);border:none;flex-direction:row;margin-bottom:10px;padding:20px;display:flex;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{outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transition:transform .2s ease-in,background-color .2s ease-in;background-color:#e3e3e3!important;transform:scale(1.02)!important}@media (prefers-color-scheme:light){.list3:hover,a.list3:hover,button.list3:hover{outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transition:transform .2s ease-in,background-color .2s ease-in;background-color:#e3e3e3!important;transform:scale(1.02)!important}}html[data-theme=dark] .list3:hover,html[data-theme=dark] a.list3:hover,html[data-theme=dark] button.list3:hover{outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transition:transform .2s ease-in,background-color .2s ease-in;background-color:#2a2a2d!important;transform:scale(1.02)!important}@media (prefers-color-scheme:dark){.list3:hover,a.list3:hover,button.list3:hover{outline:1.5px solid color-mix(in srgb,currentColor 20%,transparent);transition:transform .2s ease-in,background-color .2s ease-in;background-color:#2a2a2d!important;transform:scale(1.02)!important}}.list3:active{background-color:var(--container-background-active)}.list3:disabled{opacity:.6;cursor:not-allowed}.list4{border-radius:var(--br-9xl);text-align:center;cursor:pointer;color:var(--primary);background-color:#0000;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:0;min-height:200px;margin-bottom:20px;padding:0;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:visible}.list4:hover,a.list4:hover,button.list4:hover{transition:transform .3s!important;transform:scale(1.02)!important}.list4:hover .list4-label{-webkit-backdrop-filter:blur(20px)!important;background:#000c!important}.list4:active{background-color:var(--container-background-active)}.list4:focus{outline:2px solid var(--primary);outline-offset:2px}.list4 img{object-fit:cover;border-radius:var(--br-9xl);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.list4-label{-webkit-backdrop-filter:blur(16px);border-radius:var(--br-md);z-index:2;color:#fff;text-align:left;white-space:nowrap;background:#000000b3;border:1px solid #ffffff1a;width:auto;max-width:calc(100% - 32px);padding:12px 16px;font-size:16px;font-weight:600;transition:all .3s;position:absolute;bottom:16px;left:16px}.test-toggle-group{justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:var(--gap-11xs);flex-direction:column;flex:1;display:flex;overflow:visible}.containers{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--gap-xl);background-color:#0000;flex-direction:column;width:100%;max-width:500px;min-height:100vh;margin:0 auto;padding:10px;display:flex;top:0;left:0;overflow-x:visible}.nav-icon-container{width:31px;color:var(--secondary);cursor:pointer;border-radius:var(--br-sm);opacity:1;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,transform .2s ease-out;display:flex;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:.8s infinite bounce}.desktop-nav .nav-icon-container:hover svg,.desktop-nav .nav-icon-container-selected: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{flex-direction:row;align-items:center;gap:12px;display:flex}.nav-icon-container-selected{width:31px;color:var(--primary);cursor:pointer;border-radius:var(--br-sm);background-color:var(--selected);flex-direction:row;align-items:center;gap:8px;padding:8px;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);display:flex;position:relative;transform:scale(1)}.nav-icon-container-selected:before{content:none}.ic-oui-search-1-icon{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.icon-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:332px;margin:0;display:flex}.tab-container{background-color:var(--container-background);width:100%;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);flex-direction:column;justify-content:flex-start;align-items:center;transition:width 1s cubic-bezier(.4,0,.2,1) 1s,padding 1s cubic-bezier(.4,0,.2,1) 1s,margin 1s cubic-bezier(.4,0,.2,1) 1s,gap 1s cubic-bezier(.4,0,.2,1) 1s;display:flex;position:fixed;bottom:0;left:0}.index{text-align:left;width:100%;min-height:100vh;font-size:var(--subheading-size);color:var(--primary);font-family:var(--body);background-color:#0000;padding-bottom:20px;position:relative}.blank-div{width:100%}.top-app-bar-container{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;padding-left:10px!important;padding-right:10px!important;display:flex!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{pointer-events:auto;justify-content:center;align-items:center;width:auto;margin-top:40px;padding:0 10px;display:flex;position:fixed;top:0;left:0;right:0;z-index:999!important}.top-app-bar-icon{border-radius:var(--br-sm);border:1px solid color-mix(in srgb,var(--primary)10%,transparent 80%);pointer-events:auto;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;display:flex;background:color-mix(in srgb,var(--container-background)60%,transparent 40%)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.top-app-bar-container[onclick="window.history.back()"] .top-app-bar-icon,.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon,.top-app-bar-icon[onclick="window.history.back()"]{box-sizing:content-box;cursor:pointer;border-radius:50%;margin-right:0;padding:4px;transition:transform .2s ease-out,background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;transform:scale(1)}.top-app-bar-container[onclick="window.history.back()"] .top-app-bar-icon:hover,.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon:hover,.top-app-bar-icon[onclick="window.history.back()"]:hover{background:color-mix(in srgb,var(--container-background)75%,transparent 25%);border-color:color-mix(in srgb,var(--primary)30%,transparent 70%);transition:transform .2s ease-in,background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;transform:scale(1.1)}.top-app-bar-icon:not([onclick="window.history.back()"]):not(.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon){box-sizing:content-box;cursor:pointer;border-radius:50%;padding:4px;transition:transform .2s ease-out,rotate .2s,background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;transform:scale(1)}.top-app-bar-icon:not([onclick="window.history.back()"]):not(.top-app-bar-container[onclick*=handleBackNavigation] .top-app-bar-icon):hover{background:color-mix(in srgb,var(--container-background)75%,transparent 25%);border-color:color-mix(in srgb,var(--primary)30%,transparent 70%);transition:transform .2s ease-in,rotate .2s,background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;transform:scale(1.1);-webkit-backdrop-filter:blur(15px)!important}.title-container{align-items:center;display:flex}.title-container .title{font-size:var(--subtitle-size);margin:0;padding:0}.main-content{flex-direction:column;align-items:center;width:100%;max-width:100%;padding-top:40px;padding-bottom:20px;display:flex;position:relative;overflow-x:visible}.main-content>:not(.top-app-bar){opacity:0;animation:.4s cubic-bezier(.2,.9,.3,1) forwards fadeInUp}.big-number-container{aspect-ratio:16/9;border-radius:var(--br-9xl);background:radial-gradient(circle at 50% 150%,#3caea3 0%,#6a8caf 50%,#8b7ab0 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:20px;display:flex;position:relative;overflow:visible}.big-number-container:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#ffffff1a 0%,#fff0 60%);width:200%;height:200%;position:absolute}.big-serif-number{text-align:center;color:#ffffffe6;text-shadow:0 2px 4px #0000001a;z-index:1;margin:0;padding:0;font-family:Clock Serif;font-size:140px;font-weight:700;line-height:1;position:relative}.big-number-subtitle{font-family:var(--body);text-align:center;color:#ffffffe6;text-shadow:0 2px 4px #0000001a;z-index:1;margin:0;padding:0;font-size:28px;font-weight:600;line-height:1;position:relative}@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:.3s cubic-bezier(.2,.9,.3,1) forwards fadeOutDown}.page-transition{opacity:0;pointer-events:none;transition:opacity .2s}@media screen and (max-width:699px){.containers{box-sizing:border-box;align-items:center;width:100%;max-width:none;margin:0;padding:10px 0;overflow-x:visible}.main-content{box-sizing:border-box;width:100%;max-width:500px;margin:0 auto;padding:40px 10px 0;overflow-x:visible}.container,.container1,.list3,.list4,.button-container,.theme-container{width:100%}.big-serif-number{font-size:80px}.big-number-subtitle{font-size:20px}.tab-container{background-color:var(--container-background);z-index:1000;border-radius:var(--br-md)var(--br-md)0 0;flex-direction:row;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:72px;padding:0 0 4px;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -2px 16px #0000001f}.icon-container{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%;height:100%;margin:0;padding:0;display:flex}.nav-icon-container,.nav-icon-container-selected{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important}.nav-icon-container svg,.nav-icon-container-selected svg{margin:0 auto;display:block}.nav-label,.nav-label-selected{text-align:center;margin-top:2px;font-family:One UI Sans;font-size:13px;display:block}.containers{box-sizing:border-box;width:100%;max-width:none;padding:2% 0;overflow-x:visible}.main-content{box-sizing:border-box;width:100%;margin:0 auto;padding:80px 10px 0;overflow-x:visible}.list3,.list4,.container,.theme-container,.button-container{box-sizing:border-box;width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:visible}}.container1{padding-left:14px;padding-right:14px}@media screen and (min-width:699px){.desktop-nav .icon-container{gap:8px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0!important}.desktop-nav .nav-icon-container,.desktop-nav .nav-icon-container-selected{gap:12px;width:auto;margin:0 16px}body.nav-collapsed .desktop-nav .icon-container{align-items:center!important;gap:8px!important;padding:0!important}body.nav-collapsed .desktop-nav .nav-icon-container,body.nav-collapsed .desktop-nav .nav-icon-container-selected{margin:0!important;padding:0!important}.tab-container{background-color:var(--container-background);z-index:1000;border-top-right-radius:var(--br-2lg);border-bottom-right-radius:var(--br-2lg);flex-direction:column;justify-content:flex-start;align-items:center;width:33%;min-width:200px;max-width:420px;display:flex;position:fixed;top:40px;bottom:40px;left:0}.icon-container{flex-direction:column;align-items:stretch;gap:8px;width:100%;height:auto;margin:0;padding-top:60px;display:flex}.nav-icon-container,.nav-icon-container-selected{border-radius:var(--br-sm);flex-direction:row;align-items:center;gap:12px;width:100%;height:48px;padding:0 16px}.main-content{align-items:flex-start;width:64%;max-width:100%;margin-left:34%;padding-left:20px;padding-right:20px}.top-app-bar-container{padding-left:36%!important;padding-right:20px!important}.containers{flex-direction:row;justify-content:center;align-items:flex-start;width:100%;max-width:1600px;margin:0 auto;padding:0}body.nav-collapsed .main-content{margin-left:8%!important;padding-left:10px!important;padding-right:10px!important}body.nav-collapsed .top-app-bar-container{padding-left:10px!important;padding-right:10px!important}body.nav-collapsed .top-app-bar{width:calc(92% - 20px)!important;padding-left:10px!important;padding-right:10px!important;left:8%!important}.top-app-bar{margin-top:40px}}.container.settings .body-text{flex-direction:column;display:flex}.body-text{width:100%}.list3.settings{padding:var(--padding-xl);margin-top:0}.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)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 bounce{0%,to{transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(0)}60%{transform:translateY(-2px)}80%{transform:translateY(0)}}@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{color:#fff;background-color:#64dd88;border-radius:100px;margin-right:8px;padding:4px 12px;font-family:One UI Sans;font-size:14px;font-weight:600;display:inline-block}.hot-chip{color:#fff;background-color:#e0632d;border-radius:100px;margin-right:8px;padding:4px 12px;font-family:One UI Sans;font-size:14px;font-weight:600;display:inline-block}.stack-container{flex-wrap:wrap;gap:12px;width:100%;padding:0 0 20px;display:flex}.stack-chip{background-color:var(--container-background);border-radius:var(--br-lg);cursor:default;align-items:center;gap:12px;padding:10px 16px;transition:all .2s;display:flex}.stack-chip:hover{background-color:var(--container-background-hover,color-mix(in srgb,var(--container-background)95%,var(--accent)5%));border-color:color-mix(in srgb,var(--primary)25%,transparent 75%);transform:translateY(-1px)}.stack-chip-icon{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-family:One UI Sans;font-size:14px;font-weight:700;display:flex}.stack-chip-icon svg{width:100%;height:100%;display:block}.stack-chip-name{color:var(--primary);font-family:One UI Sans;font-size:14px;font-weight:500}.stack-marquee-wrapper{width:100%;padding:10px 0 20px;position:relative;overflow:hidden}.stack-marquee-wrapper:before,.stack-marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.stack-marquee-wrapper:before{background:linear-gradient(to right,var(--background)0%,transparent 100%);left:0}.stack-marquee-wrapper:after{background:linear-gradient(to left,var(--background)0%,transparent 100%);right:0}.stack-marquee{width:max-content;animation:30s linear infinite marquee;display:flex}.stack-marquee:hover{animation-play-state:paused}.stack-marquee-content{gap:12px;padding-right:12px;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width:699px){.stack-marquee{animation-duration:20s}.stack-marquee-wrapper:before,.stack-marquee-wrapper:after{width:40px}}@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{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);display:flex}.mobile-nav{display:none}@media screen and (max-width:699px){.desktop-nav{display:none!important}.mobile-nav{background-color:color-mix(in srgb,var(--container-background)80%,transparent 20%);-webkit-backdrop-filter:blur(10px);z-index:1000;border-radius:var(--br-xl);width:max-content;height:auto;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:4px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000026;margin-top:0!important;padding:8px!important;display:flex!important}.mobile-nav.with-blog{min-width:fill-available;padding:8px 10px!important}.mobile-nav.with-blog .nav-icon-container,.mobile-nav.with-blog .nav-icon-container-selected{padding:6px 32px!important}.information[style*="cursor: pointer"]{transition:opacity .2s}.information[style*="cursor: pointer"]:hover{opacity:.7}.information[style*="cursor: pointer"]:active{opacity:.5}.mobile-nav .icon-container{flex-direction:row;justify-content:center;align-items:center;gap:4px;width:auto;height:auto;margin:0;padding:0;display:flex}.mobile-nav .nav-icon-container{border-radius:var(--br-9xl);color:var(--secondary);box-sizing:border-box;background:0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;padding:6px 40px!important}.mobile-nav .nav-icon-container-selected{border-radius:var(--br-9xl);background:color-mix(in srgb,var(--container-background-active)80%,transparent 20%);-webkit-backdrop-filter:blur(10px);color:var(--primary);box-sizing:border-box;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:scale(1);padding:6px 40px!important}.mobile-nav .nav-icon-container-selected .nav-label-selected{color:var(--primary);font-weight:500}.mobile-nav .nav-icon-container .nav-label{color:var(--secondary)}.mobile-nav .nav-icon-container svg,.mobile-nav .nav-icon-container-selected svg{flex-shrink:0;width:24px;height:24px;margin:0;transition:transform .2s cubic-bezier(.4,0,.2,1);display:block;animation:none!important}.mobile-nav .nav-icon-container-selected svg{transform:scale(1.05)}.mobile-nav .nav-icon-container svg path,.mobile-nav .nav-icon-container-selected svg path{transition:fill .3s cubic-bezier(.4,0,.2,1)}.mobile-nav .nav-icon-container:hover svg,.mobile-nav .nav-icon-container-selected:hover svg{animation:none!important}.mobile-nav .nav-label,.mobile-nav .nav-label-selected{text-align:center;white-space:nowrap;margin-top:0;font-family:One UI Sans;font-size:12px;line-height:1.2;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);display:block}body.nav-collapsed .mobile-nav .nav-label,body.nav-collapsed .mobile-nav .nav-label-selected{opacity:1!important;pointer-events:auto!important;max-width:none!important}.containers,.main-content,.settings-content,.container,.container1,.theme-container,.settings-section,.credits-grid{justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:100vw!important;display:flex!important}a{justify-content:center!important;align-items:center!important;display:flex!important}.main-content{margin-bottom:0!important;padding-bottom:0!important}.mobile-nav .nav-icon-container,.mobile-nav .nav-icon-container-selected,.tab-container .nav-icon-container,.tab-container .nav-icon-container-selected,.nav-icon-container,.nav-icon-container-selected{gap:6px!important}.mobile-nav .nav-icon-container a,.mobile-nav .nav-icon-container-selected a,.tab-container .nav-icon-container a,.tab-container .nav-icon-container-selected a,.nav-icon-container a,.nav-icon-container-selected a{flex-direction:column!important;align-items:center!important;gap:6px!important;display:flex!important}}.top-app-bar-icon:hover{background:color-mix(in srgb,var(--container-background)75%,transparent 25%);border-color:color-mix(in srgb,var(--primary)30%,transparent 70%);transform:scale(1.05);box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(15px)!important}.top-app-bar-icon svg{fill:#fff;width:20px;height:20px;transition:all .3s}.top-app-bar-icon[aria-label=Settings]:hover svg{fill:var(--accent);transform:rotate(90deg)}.top-app-bar-icon[aria-label=Back]:hover svg{fill:var(--accent)}.toggle-label{cursor:pointer;border-radius:var(--br-9xl);background-color:var(--container-background);justify-content:space-between;align-items:center;width:100%;padding:16px;transition:background-color .2s;display:flex}.toggle-label:hover{background-color:var(--container-background-hover)}.toggle-info{flex-direction:column;flex:1;gap:4px;display:flex}.toggle-title{font-size:var(--subheading-size);color:var(--primary);font-weight:500}.toggle-description{font-size:var(--body-size);color:var(--secondary);line-height:1.4}.toggle-switch{flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;box-shadow:none;background-color:#a0a0a5;border-radius:999px;transition:background .2s,box-shadow .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(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{opacity:0;pointer-events:none;max-width:0}.nav-label,.nav-label-selected{opacity:1;white-space:nowrap;font-family:One UI Sans;font-size:16px;font-weight:600;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);display:inline-block}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;border-radius:var(--br-sm);background:0 0;border:none;outline:none;align-items:center;transition:background .2s;display:flex}.sidebar-toggle-collapsed{justify-content:center;width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px;margin-bottom:8px}.sidebar-toggle-expanded{justify-content:flex-start;width:100%;height:48px;margin-top:16px;margin-bottom:8px;padding-left:16px;padding-right:16px}.sidebar-toggle:hover{background:#00000014;animation:.8s bounce}html[data-theme=dark] .sidebar-toggle:hover{background:#ffffff14}@media screen and (max-width:699px){.mobile-nav .nav-icon-container-selected svg path{fill:var(--primary)}.mobile-nav .nav-icon-container svg path{fill:var(--secondary)}.mobile-nav .nav-icon-container:hover{background:color-mix(in srgb,var(--container-background-hover)70%,transparent 30%);-webkit-backdrop-filter:blur(10px)}}.progressive-blur-overlay{pointer-events:none;z-index:9;-webkit-backdrop-filter:blur(120px);width:100vw;height:160px;position:fixed;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 70%);mask-image:linear-gradient(#000 0%,#0000 70%)}@media (max-width:900px){.progressive-blur-overlay{-webkit-backdrop-filter:blur(160px);height:120px;-webkit-mask-image:linear-gradient(#000 0%,#0000 60%);mask-image:linear-gradient(#000 0%,#0000 60%)}.main-content{padding:40px 20px 60px;box-sizing:border-box!important;overflow-x:visible!important}}@media (max-width:700px){.main-content{box-sizing:border-box!important;padding:28px 20px 60px!important;overflow-x:visible!important}.top-app-bar-container{max-width:100%!important}.index{margin-top:0!important;padding-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;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%)!important;mask-image:linear-gradient(#000 0%,#0000 100%)!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{padding:0 10px;box-sizing:border-box!important;width:100%!important;margin:0 auto!important;padding-top:80px!important;overflow-x:visible!important}}.oneui-design-kit-page .progressive-blur-overlay{height:48px!important;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%)!important;mask-image:linear-gradient(#000 0%,#0000 100%)!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{box-sizing:border-box!important;width:100%!important;margin:0 auto!important;padding:80px 10px 0!important;overflow-x:visible!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{justify-content:center;align-items:center;width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px;margin:0;padding:0;display:flex}@media screen and (min-width:900px){.tab-container{padding-left:0;padding-right:0}}.bento-grid{box-sizing:border-box;gap:16px;width:100%;max-width:900px;margin:0 auto;padding:20px;display:grid}@media screen and (min-width:700px){.bento-grid{grid-template-rows:auto auto auto auto;grid-template-columns:2fr 1fr;gap:16px}.bento-card-profile{grid-area:1/1/5}.bento-card-tjg{grid-area:1/2}.bento-card-designer{grid-area:2/2}.bento-card-journalist{grid-area:3/2}.bento-card-phone{grid-area:4/2}}@media screen and (max-width:699px){.bento-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.bento-card-profile{grid-area:1/1/auto/-1}.bento-card-tjg{grid-area:2/1}.bento-card-designer{grid-area:2/2}.bento-card-journalist{grid-area:3/1}.bento-card-phone{grid-area:3/2}}.bento-card{border-radius:var(--br-9xl);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:scale(1.02);box-shadow:0 8px 32px #0003}.bento-card-profile{background:var(--container-background);min-height:500px;position:relative}@media screen and (max-width:699px){.bento-card-profile{aspect-ratio:3/4;min-height:400px}}.bento-card-profile .profile-image-container{z-index:1;position:absolute;inset:0}.bento-card-profile .profile-image-placeholder{width:100%;height:100%;color:var(--secondary);background:linear-gradient(135deg,#2a2a2d 0%,#1a1a1d 100%);justify-content:center;align-items:center;font-size:14px;display:flex}.bento-card-profile .profile-image{object-fit:cover;width:100%;height:100%}.bento-card-profile .profile-overlay{z-index:2;text-align:center;background:linear-gradient(#0000 0%,#0009 50%,#000000e6 100%);flex-direction:column;align-items:center;padding:32px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.bento-card-profile .profile-subtitle{color:#fffc;margin-bottom:4px;font-family:One UI Sans;font-size:16px;font-weight:400}.bento-card-profile .profile-name{color:#fff;font-family:One UI Sans;font-size:42px;font-weight:700;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);flex-direction:column;justify-content:flex-end;min-height:100px;padding:20px;display:flex}@media screen and (max-width:699px){.bento-card-small{aspect-ratio:1;min-height:140px;padding:16px}}.bento-card-small .card-icon{justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:auto;display:flex}.bento-card-small .card-icon-placeholder{border-radius:var(--br-sm);width:48px;height:48px;color:var(--accent);background:#ffffff1a;justify-content:center;align-items:center;font-size:12px;display:flex}.bento-card-small .card-label{color:#fff9;margin-bottom:2px;font-family:One UI Sans;font-size:13px;font-weight:400}.bento-card-small .card-title{color:#fff;font-family:One UI Sans;font-size:18px;font-weight:600}.bento-card-tjg{background:linear-gradient(135deg,#0d3d2e 0%,#1a5a45 50%,#2a7a6a 100%);position:relative;overflow:hidden}.bento-card-tjg:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 30%,#387aff26 0%,#0000 60%);width:60%;height:100%;position:absolute;top:0;right:0}.bento-card-tjg .tjg-logo{width:64px;height:64px;margin-bottom:auto}.bento-card-tjg .tjg-logo-placeholder{color:#ffffff80;justify-content:center;align-items:center;width:64px;height:64px;font-size:10px;display:flex}.bento-card-designer{background:linear-gradient(#0a1628 0%,#0d1f3c 100%);position:relative;overflow:hidden}.bento-card-designer .grid-pattern{opacity:.6;background-image:linear-gradient(#387aff66 1px,#0000 1px),linear-gradient(90deg,#387aff66 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.bento-card-designer .cursor-icon{z-index:2;width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-30%,-60%)}.bento-card-designer .cursor-icon-placeholder{color:#ffffff80;justify-content:center;align-items:center;width:64px;height:64px;font-size:10px;display:flex}.bento-card-designer .card-content{z-index:3;margin-top:auto;position:relative}.bento-card-journalist{background:var(--container-background);position:relative;overflow:hidden}.bento-card-journalist .watermark{color:#ffffff14;white-space:nowrap;pointer-events:none;letter-spacing:-1px;font-family:One UI Sans;font-size:28px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-card-journalist .watermark-placeholder{color:#ffffff4d;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.bento-card-journalist .card-content{z-index:2;margin-top:auto;position:relative}.bento-card-phone{background:var(--container-background);flex-direction:row;align-items:center;gap:16px;min-height:auto;padding:16px 20px}@media screen and (max-width:699px){.bento-card-phone{aspect-ratio:1;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:140px;padding:16px}.bento-card-phone .card-icon{margin-bottom:auto}}.bento-card-phone .phone-icon{flex-shrink:0;width:32px;height:32px}.bento-card-phone .phone-icon-placeholder{border-radius:var(--br-xs);background:var(--accent);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:8px;display:flex}.bento-card-phone .card-text{flex-direction:column;display:flex}.bento-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:0 20px;display:flex}@media screen and (min-width:700px){.bento-header{display:none}}.bento-header .bento-title{color:var(--primary);font-family:One UI Sans;font-size:24px;font-weight:700}.bento-about-title{display:none}@media screen and (min-width:700px){.bento-about-title{grid-column:2;justify-content:space-between;align-items:center;margin-bottom:-8px;padding:0 4px;display:flex}.bento-about-title .title-text{color:var(--primary);font-family:One UI Sans;font-size:24px;font-weight:700}}.bento-page .main-content{align-items:center;max-width:100%;padding-top:60px}@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{width:100%;margin-left:0;padding-top:50px;padding-left:0;padding-right:0}.bento-page .containers{padding:0}.bento-page .top-app-bar{width:100%;left:0}}.hero-role-wrapper{grid-template-columns:1fr minmax(200px,280px);align-items:stretch;gap:16px;width:100%;margin-bottom:12px;display:grid}.hero-section{width:100%;height:100%;display:block;position:relative}.hero-avatar{border-radius:var(--br-9xl);background:var(--container-background);width:100%;height:100%;min-height:400px;transition:transform .4s cubic-bezier(.2,.9,.3,1),box-shadow .4s;position:relative;overflow:hidden}.hero-avatar-image{object-fit:cover;border-radius:var(--br-9xl);width:100%;height:100%}.hero-intro{border-radius:0 0 var(--br-9xl)var(--br-9xl);z-index:2;background:linear-gradient(#0000 0%,#00000080 40%,#000000d9 100%);flex-direction:column;align-items:flex-start;gap:4px;padding:80px 24px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-subtitle{color:#fffc;font-family:One UI Sans,sans-serif;font-size:16px;font-weight:400}.hero-name{color:#fff;margin:0;font-family:One UI Sans,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1}.hero-description{color:#fffc;max-width:100%;margin:8px 0 0;font-family:One UI Sans,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.role-cards{flex-direction:column;gap:16px;width:100%;display:flex}.role-card{border-radius:var(--br-9xl);background:var(--container-background);flex-direction:column;flex:1;justify-content:flex-end;min-height:120px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.role-card:hover{transform:scale(1.02);box-shadow:0 8px 32px #0003}.role-card-icon{z-index:2;position:absolute;top:20px;left:20px}.role-card-content{z-index:2;flex-direction:column;gap:2px;display:flex;position:relative}.role-card-label{color:#ffffffb3;font-family:One UI Sans,sans-serif;font-size:13px;font-weight:400}.role-card-title{color:#fff;font-family:One UI Sans,sans-serif;font-size:18px;font-weight:600}.role-card-designer{--grid-size:48px;background-color:var(--container-background);background-image:  repeating-linear-gradient(90deg,var(--accent)0px,var(--accent)1px,transparent 1px,transparent var(--grid-size)),repeating-linear-gradient(0deg,var(--accent)0px,var(--accent)1px,transparent 1px,transparent var(--grid-size));background-size:var(--grid-size)var(--grid-size);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;background-position:50%;position:relative;overflow:hidden}.role-card-designer:before{content:"";z-index:2;filter:drop-shadow(0 4px 8px #0000004d);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-repeat:no-repeat;background-size:contain;width:60px;height:60px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.role-card-designer:hover:before{opacity:0}.role-card-designer:after{content:"";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;position:absolute;inset:0}.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-position:50%;background-size:cover}.role-card-journalist:before{content:"";background:linear-gradient(to top,var(--container-background)0%,color-mix(in srgb,var(--container-background)60%,transparent)40%,transparent 100%);z-index:1;position:absolute;inset:0}.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{border-radius:var(--br-9xl);background:var(--container-background);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:120px;padding:32px 24px;display:flex;position:relative}.quote-mark{z-index:1;position:absolute}.quote-mark-top{top:16px;left:16px}.quote-mark-bottom{bottom:16px;right:16px}.quote-text{color:var(--primary);text-align:center;z-index:2;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;white-space:normal;margin:0;padding:0 40px;font-family:One UI Sans,sans-serif;font-size:18px;font-weight:700;line-height:1.5;position:relative}@media screen and (max-width:900px){.hero-role-wrapper{flex-direction:column;gap:12px;display:flex}.hero-section{margin-bottom:0;padding:0;display:block;position:relative}.hero-avatar{aspect-ratio:3/4;width:100%;max-width:100%;min-height:unset;border-radius:var(--br-9xl);margin:0}.hero-avatar-image{object-fit:cover;width:100%;height:100%}.hero-intro{text-align:center;align-items:center;padding:80px 24px 32px}.hero-name{font-size:clamp(32px,8vw,48px)}.hero-description{text-align:center;max-width:100%}.role-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quote-block{grid-column:1/-1;width:100%;padding:24px 20px}.quote-text{font-size:16px}.quote-mark-top,.quote-mark-bottom,.quote-mark-top svg,.quote-mark-bottom 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}.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{width:100%;padding:20px 16px}.quote-text{padding:0 24px;font-size:15px}.quote-mark-top,.quote-mark-bottom,.quote-mark-top svg,.quote-mark-bottom 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{flex-direction:column;gap:0;width:100%;margin:60px 0;display:flex}.journalist-headline{color:var(--primary);text-align:center;max-width:1000px;margin:0 auto;padding:0 20px;font-family:One UI Sans,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:700;line-height:1.2}.journalist-cta-button{border-radius:var(--br-9xl);background-color:var(--container-background);color:var(--primary);font-family:One UI Sans;font-weight:600;font-size:var(--subheading-size);cursor:pointer;box-sizing:border-box;border:none;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:20px auto 0;padding:16px 32px;text-decoration:none;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;display:flex;box-shadow:0 2px 8px #0000001a}.journalist-cta-button svg{flex-shrink:0;width:24px;height:24px}.journalist-cta-button svg path{fill:var(--primary)}.journalist-cta-button:hover{background-color:var(--accent);transition:transform .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in;transform:scale(1.02);box-shadow:0 4px 12px #00000026}.journalist-cta-button:hover svg path{fill:var(--primary)}.journalist-cta-button:active{transform:scale(.98)}.design-projects-stack-section{flex-direction:column;align-items:center;gap:30px;width:100%;margin:60px 0;display:flex}.design-projects-stack-headline{color:var(--primary);text-align:center;max-width:1000px;margin:0;padding:0 20px;font-family:One UI Sans,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:700;line-height:1.2}.design-projects-stack-wrapper{justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex;overflow:visible}.design-projects-stack{justify-content:center;align-items:center;width:100%;max-width:600px;height:320px;margin:0 auto;display:flex;position:relative}.design-project-stack-card{border-radius:var(--br-9xl);cursor:pointer;width:280px;height:200px;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 32px #00000040}.design-project-stack-image-wrapper{width:100%;height:100%;position:relative}.design-project-stack-image{object-fit:cover!important;display:block!important}.design-project-stack-card-left{z-index:1;transform:translate(-55%)rotate(-8deg)}.design-project-stack-card-center{z-index:3;transform:translate(0)translateY(-10px)}.design-project-stack-card-right{z-index:1;transform:translate(55%)rotate(8deg)}.design-project-stack-card:hover{z-index:10;transform:translateY(-8px)scale(1.05);box-shadow:0 16px 48px #00000059}.design-project-stack-card-left:hover{transform:translate(-55%)rotate(-8deg)translateY(-8px)scale(1.05)}.design-project-stack-card-right:hover{transform:translate(55%)rotate(8deg)translateY(-8px)scale(1.05)}.design-projects-stack-cta-button{border-radius:var(--br-9xl);background-color:var(--container-background);color:var(--primary);font-family:One UI Sans;font-weight:600;font-size:var(--subheading-size);cursor:pointer;box-sizing:border-box;border:none;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:0 auto;padding:16px 32px;text-decoration:none;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;display:flex;box-shadow:0 2px 8px #0000001a}.design-projects-stack-cta-button svg{flex-shrink:0;width:24px;height:24px}.design-projects-stack-cta-button svg path{fill:var(--primary)}.design-projects-stack-cta-button:hover{background-color:var(--accent);transition:transform .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in;transform:scale(1.02);box-shadow:0 4px 12px #00000026}.design-projects-stack-cta-button:hover svg path{fill:var(--primary)}.design-projects-stack-cta-button:active{transform:scale(.98)}.publications-marquee-wrapper{width:100%;padding:40px 0;position:relative;overflow:hidden}.publications-marquee-wrapper:before,.publications-marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.publications-marquee-wrapper:before{background:linear-gradient(to right,var(--background)0%,transparent 100%);left:0}.publications-marquee-wrapper:after{background:linear-gradient(to left,var(--background)0%,transparent 100%);right:0}.publications-marquee{will-change:transform;width:fit-content;animation:40s linear infinite publicationsMarquee;display:flex}.publications-marquee:hover{animation-play-state:paused}.publications-marquee-content{flex-shrink:0;align-items:center;gap:30px;padding-right:48px;display:flex}.publication-item{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;min-width:fit-content;padding:0;transition:transform .3s;display:flex}.publication-item:hover{transform:translateY(-4px)}.publication-logo-image{object-fit:contain;filter:brightness();justify-content:center;align-items:center;width:auto;max-width:200px;height:auto;max-height:60px;display:flex}.publication-logo-svg-wrapper{justify-content:center;align-items:center;width:fit-content;max-width:200px;height:fit-content;max-height:60px;display:flex}.publication-logo-svg-wrapper svg{object-fit:contain;width:auto;max-width:200px;height:60px;display:block}@keyframes publicationsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.featured-stories-section{flex-direction:column;gap:0;width:100%;margin:60px 0;display:flex}.featured-stories-headline{color:var(--primary);text-align:center;margin:0;font-family:One UI Sans,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:700;line-height:1.2}.featured-stories-scroll-wrapper{width:100%;padding:32px 0;position:relative;overflow:hidden}.featured-stories-scroll-wrapper:before,.featured-stories-scroll-wrapper:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.featured-stories-scroll-wrapper:before{background:linear-gradient(to right,var(--background)0%,transparent 100%);left:0}.featured-stories-scroll-wrapper:after{background:linear-gradient(to left,var(--background)0%,transparent 100%);right:0}.featured-stories-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:0 40px;display:flex;overflow-x:auto}.featured-stories-scroll::-webkit-scrollbar{display:none}.story-card{background:var(--container-background);border-radius:var(--br-lg);width:280px;color:inherit;scroll-snap-align:start;flex-shrink:0;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.story-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.story-card-thumbnail{aspect-ratio:16/9;background:color-mix(in srgb,var(--container-background)80%,var(--primary)20%);width:100%;position:relative;overflow:hidden}.story-card-image{object-fit:cover;width:100%;height:100%;display:block}.story-card-info{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.story-card-title{color:var(--primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:One UI Sans,sans-serif;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.story-card-site{color:var(--secondary);font-family:One UI Sans,sans-serif;font-size:13px;font-weight:500}@media screen and (max-width:699px){.featured-stories-section{margin:40px 0}.featured-stories-headline{padding:0 16px;font-size:clamp(24px,7vw,48px)}.featured-stories-scroll-wrapper{padding:24px 0}.featured-stories-scroll-wrapper:before,.featured-stories-scroll-wrapper:after{width:40px}.featured-stories-scroll{gap:12px;padding:0 20px}.story-card{width:240px}.journalist-section{gap:0;margin:40px 0}.journalist-headline{padding:0 16px;font-size:clamp(24px,7vw,48px)}.journalist-cta-button{margin:16px auto 0;padding:14px 24px;font-size:16px}.publications-marquee-wrapper{padding:32px 0}.publications-marquee{animation-duration:30s}.publications-marquee-wrapper:before,.publications-marquee-wrapper:after{width:60px}.publications-marquee-content{gap:30px;padding-right:48px}.publication-logo-image,.publication-logo-image svg{max-width:160px;max-height:50px}.design-projects-stack-section{gap:24px;margin:40px 0}.design-projects-stack-headline{padding:0 16px;font-size:clamp(24px,7vw,48px)}.design-projects-stack-wrapper{padding:20px 10px}.design-projects-stack{max-width:400px;height:280px}.design-project-stack-card{width:220px;height:160px}.design-project-stack-card-left{transform:translate(-50%)rotate(-6deg)}.design-project-stack-card-right{transform:translate(50%)rotate(6deg)}.design-project-stack-card-left:hover{transform:translate(-50%)rotate(-6deg)translateY(-6px)scale(1.03)}.design-project-stack-card-right:hover{transform:translate(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:before,.publications-marquee-wrapper:after{width:40px}.publications-marquee-content{gap:32px;padding-right:32px}.publication-logo-image,.publication-logo-image svg{max-width:120px;max-height:40px}.design-projects-stack-headline{font-size:clamp(20px,8vw,36px)}.design-projects-stack{max-width:320px;height:240px}.design-project-stack-card{width:180px;height:130px}.design-project-stack-card-left{transform:translate(-45%)rotate(-5deg)}.design-project-stack-card-right{transform:translate(45%)rotate(5deg)}.design-project-stack-card-left:hover{transform:translate(-45%)rotate(-5deg)translateY(-5px)scale(1.02)}.design-project-stack-card-right:hover{transform:translate(45%)rotate(5deg)translateY(-5px)scale(1.02)}}.loading-dots{width:var(--loading-size,56px);height:var(--loading-size,56px);animation:loading-rotate var(--loading-speed,.9s)linear infinite;display:inline-block;position:relative}.loading-dots-centered{justify-content:center;align-items:center;margin:0 auto;display:flex}.loading-dot{width:var(--loading-dot-size,12px);height:var(--loading-dot-size,12px);animation:loading-pulse calc(var(--loading-speed,.9s)*.9)ease-in-out infinite;will-change:transform,opacity;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-dot-blue{background:var(--accent,#4a86ff)}.loading-dot-green{background:#2bd48f}.loading-dot-top{transform:translate(-50%,-50%)translate(0,calc(var(--loading-radius,16px)*-1));animation-delay:0s}.loading-dot-right{transform:translate(-50%,-50%)translate(var(--loading-radius,16px),0);animation-delay:90ms}.loading-dot-bottom{transform:translate(-50%,-50%)translate(0,var(--loading-radius,16px));animation-delay:.18s}.loading-dot-left{transform:translate(-50%,-50%)translate(calc(var(--loading-radius,16px)*-1),0);animation-delay:.27s}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:.9}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.cta-buttons-wrapper{box-sizing:border-box;flex-direction:row;gap:10px;width:100%;margin-bottom:40px;display:flex}.cta-button{border-radius:var(--br-9xl);background-color:var(--container-background);color:var(--primary);font-family:One UI Sans;font-weight:600;font-size:var(--subheading-size);cursor:pointer;box-sizing:border-box;border:none;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;padding:16px;text-decoration:none;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;display:flex;box-shadow:0 2px 8px #0000001a}.cta-button svg{flex-shrink:0;width:24px;height:24px}.cta-button svg path{fill:var(--primary)}.cta-button:hover{background-color:var(--accent);transition:transform .2s ease-in,background-color .2s ease-in,box-shadow .2s ease-in;transform:scale(1.02);box-shadow:0 4px 12px #00000026}.cta-button:active{transform:scale(.98)}
html{scroll-behavior:smooth;color-scheme:var(--color-scheme);background-color:var(--background);height:100%;overflow-x:hidden}html[data-theme=dark],html[data-theme=light],:root,body,.container,.list3,.nav-icon-container,.nav-icon-container-selected,.nav-label,.nav-label-selected,.body-text,.information,.theme-selection input[type=radio],.tab-container,svg path,.main-content,.containers,.index,.title,.containers-are-the,.information-wrapper{transition:all .15s ease-out}html[data-theme=dark]{--background:var(--dark-background);--secondary:var(--dark-secondary);--container-background:var(--dark-container-background);--primary:var(--dark-primary);--accent:var(--accent);--selected:var(--dark-selected)}html[data-theme=light]{--background:var(--light-background);--secondary:var(--light-secondary);--container-background:var(--light-container-background);--primary:var(--light-primary);--accent:var(--accent);--selected:var(--light-selected)}html[data-experimental=true]{--experimental-border-radius:28px;--experimental-shadow:0 4px 20px #0000001a;--experimental-transition:all .3s cubic-bezier(.4,0,.2,1);--experimental-gradient:linear-gradient(90deg,#17171a 0%,#fcfcff 100%)}html[data-experimental=true][data-theme=dark]{--experimental-background:linear-gradient(180deg,#081525 0%,#000 100%);--experimental-container:#17171a99;--experimental-border:#ffffff1a;--secondary:#fff9}html[data-experimental=true][data-theme=light]{--experimental-background:linear-gradient(180deg,#dff2ff 0%,#f1f1f1 100%);--experimental-container:#fcfcff4d;--experimental-border:#00000014;--secondary:#0000004d}@media (prefers-color-scheme:dark){:root{--background:var(--dark-background);--secondary:var(--dark-secondary);--container-background:var(--dark-container-background);--primary:var(--dark-primary);--accent:var(--accent);--selected:var(--dark-selected)}}@media (prefers-color-scheme:light){:root{--background:var(--light-background);--secondary:var(--light-secondary);--container-background:var(--light-container-background);--primary:var(--light-primary);--accent:var(--accent);--selected:var(--light-selected)}}body{color:var(--background);background-color:#0000;flex-direction:column;min-height:100vh;margin:0;line-height:normal;transition:none;display:flex;position:relative;overflow-x:hidden}body:after{content:"";background-color:var(--background);z-index:-1;pointer-events:none;height:100vh;position:fixed;bottom:0;left:0;right:0}a{color:var(--secondary);text-decoration:none}:root{--body:"One UI Sans APP VF";--font-size-2xs:11px;--body-size:14px;--subheading-size:18px;--subtitle-size:20px;--title-size:40px;--dark-background:#000;--dark-secondary:#848487;--dark-container-background:#17171a;--dark-primary:#fff;--dark-selected:#3a3a3a;--light-background:#f1f1f3;--light-secondary:#99999d;--light-container-background:#fff;--light-primary:#000;--light-selected:#efefef;--accent:#387aff;--gap-xl:10px;--gap-xll:20px;--gap-11xs:2px;--padding-xl:10px;--padding-xll:20px;--br-xs:8px;--br-sm:12px;--br-md:16px;--br-lg:20px;--br-2lg:24px;--br-xl:36px;--br-9xl:28px;--br-10xl:40px;--br-11xs:2px}@font-face{font-family:One UI Sans;src:url(/src/styles/fonts/oneuisans.ttf)format("truetype-variations");font-weight:100 900}@font-face{font-family:Clock Serif;src:url("/src/styles/fonts/Clock Bold Serif.ttf")format("truetype");font-weight:700;font-display:swap}.settings-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.settings-content{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;max-width:420px;margin:0 auto;display:flex}@media screen and (min-width:900px){.settings-content{max-width:600px}}.main-content.settings{padding-left:0}@media screen and (min-width:900px){.main-content.settings{width:600px;max-width:100%}}@supports (corner-shape:squircle){html[data-corner-smoothing=true]{--br-xs:10px;--br-sm:16px;--br-md:20px;--br-lg:24px;--br-2lg:28px;--br-xl:42px;--br-9xl:48px;--br-10xl:48px;--br-11xs:4px}html[data-corner-smoothing=true] *{corner-shape:squircle}html[data-corner-smoothing=true] .toggle-switch,html[data-corner-smoothing=true] .toggle-switch *,html[data-corner-smoothing=true] .theme-selection input[type=radio],html[data-corner-smoothing=true] .theme-selection input[type=radio]:before,html[data-corner-smoothing=true] .accent-color-swatch,html[data-corner-smoothing=true] .top-app-bar-icon,html[data-corner-smoothing=true] .top-app-bar-icon *,html[data-corner-smoothing=true] .mobile-nav,html[data-corner-smoothing=true] .mobile-nav *{corner-shape:round}}html[data-experimental=true],html[data-experimental=true] body{background:0 0!important}html[data-experimental=true] body:after{background:var(--experimental-background)!important;background-color:#0000!important}