@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-vietnamese-700-normal.7d37a5c3.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-700-normal.2f27545a.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-latin-ext-700-normal.ad18a16f.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-700-normal.34f2bf2c.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-latin-700-normal.a9249e80.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-700-normal.b81e97fa.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-vietnamese-400-normal.ae00ba54.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-400-normal.3e018f61.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-ext-400-normal.f44744fa.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-400-normal.9154b20d.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-400-normal.5c1eb586.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-400-normal.fef268f8.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.about-content h3,.briefs-content h3{margin-top:0;margin-bottom:16px;font-size:24px;font-weight:600;color:#1e293b}.about-content p,.briefs-content p{color:var(--text-primary);font-size:18px;font-style:normal;font-weight:400;line-height:130%;margin-bottom:16px}.about-content a,.briefs-content a{text-decoration:underline;font-size:18px;font-style:normal;font-weight:400;line-height:130%;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.about-content a:hover,.briefs-content a:hover{text-decoration:underline}.briefs-content{text-align:left;padding:0 0 15px}.briefs-content .briefs-list{display:flex;flex-direction:column;gap:25px}.briefs-content .briefs-list .brief-item{padding:20px;border-radius:1rem;background-color:var(--bg-primary);border:.75pt solid var(--text-secondary)}.briefs-content .briefs-list .brief-item h4{font-size:22px;font-style:normal;font-weight:800;line-height:130%;color:var(--text-primary)}.briefs-content .briefs-list .brief-item p{margin-bottom:10px}.briefs-content .briefs-list .brief-item>a{display:block;margin-top:1rem}.briefs-content .briefs-list .brief-item a:hover{color:var(--text-secondary)}.about-content .about-section{margin-bottom:24px}.about-content .about-section h4{margin-top:0;margin-bottom:8px;font-size:18px;font-weight:600;color:#334155}.about-content .about-section p{margin-bottom:0;font-size:14px;text-align:center}@media(max-width:640px){.about-content,.briefs-content{padding:16px}.about-content h3,.briefs-content h3{font-size:20px}}.sort-menu-container{position:relative;display:inline-block}.sort-menu-container .sort-button{background:var(--bg-primary);border:none;border-radius:1rem;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;width:31px;height:31px;transition:all .2s ease}.sort-menu-container .sort-button svg{width:1rem;height:1rem;transition:transform .3s ease;stroke-width:1.5;opacity:.9;color:var(--text-secondary)}.sort-menu-container .sort-button:hover{background-color:var(--bg-primary);border:.75pt solid var(--border-color)}.sort-menu-container .sort-button:hover svg{opacity:1;color:var(--text-primary)}.sort-menu-container .sort-dropdown{position:absolute;top:calc(100% - 32px);right:0;background:var(--bg-primary);border:.75pt solid var(--border-color);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px;z-index:1001}.sort-menu-container .sort-dropdown .sort-option{width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease;border-radius:0;display:flex;align-items:center;justify-content:flex-start;position:relative}.sort-menu-container .sort-dropdown .sort-option .sort-option-arrow{opacity:0;margin:0;color:var(--text-primary);font-size:1rem;transition:all .2s ease;width:0;display:inline-block}.sort-menu-container .sort-dropdown .sort-option span{transition:margin-left .2s}.sort-menu-container .sort-dropdown .sort-option:first-child{border-radius:1rem 1rem 0 0}.sort-menu-container .sort-dropdown .sort-option:last-child{border-radius:0 0 1rem 1rem}.sort-menu-container .sort-dropdown .sort-option svg{width:1rem;height:1rem;margin-right:10px;stroke-width:1.5;opacity:.7;transition:all .2s ease}.sort-menu-container .sort-dropdown .sort-option span{font-size:1rem;color:var(--text-primary)}.sort-menu-container .sort-dropdown .sort-option:hover{background-color:var(--bg-secondary);color:var(--accent-color)}.sort-menu-container .sort-dropdown .sort-option:hover .sort-option-arrow{opacity:1;width:1.25em}.sort-menu-container .sort-dropdown .sort-option:hover span{margin-left:.5em}.sort-menu-container .sort-dropdown .sort-option.active svg{opacity:1;color:var(--text-primary)}.sort-menu-container .sort-dropdown .sort-option.active span{color:var(--text-primary);font-weight:500}@media(max-width:768px){.sort-menu-container .sort-dropdown .sort-option{padding:.6rem .8rem;font-size:.8rem}.sort-menu-container .sort-dropdown .sort-option span{font-size:.8rem}}.desktop-sticky-header{width:100%!important;pointer-events:none!important;z-index:10000}.desktop-sticky-header .header-content{display:block!important;pointer-events:none!important}.desktop-sticky-header .header-content .header-top{display:flex;justify-content:flex-start;pointer-events:auto!important;margin-bottom:1rem}.desktop-sticky-header .header-content .logo-container,.desktop-sticky-header .header-content .logo-display,.desktop-sticky-header .header-content .logo-link,.desktop-sticky-header .header-content .logo-transition-wrapper{pointer-events:auto!important}.desktop-sticky-header .header-content .header-bottom{display:block;text-align:left;width:220px}.desktop-sticky-header h1{font-size:2rem!important;border-radius:2rem;padding:.25rem .5rem;background:var(--bg-shade)}.desktop-sticky-header h1:before{content:""}.search-bar{position:relative;width:100%;transition:all .5s}.search-bar.collapsed{max-width:-moz-fit-content;max-width:fit-content}.search-bar.collapsed .search-trigger-button{background:var(--accent-color);border:.75pt solid var(--accent-color);border-radius:1rem;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;width:31px;height:31px;transition:all .2s ease}.search-bar.collapsed .search-trigger-button svg{margin-bottom:.125rem}.search-bar.collapsed .search-trigger-button:hover{background-color:var(--accent-secondary);border:.75pt solid var(--accent-color)}.search-bar.expanded{width:100%}.search-bar.expanded .search-form{position:relative;width:100%}.search-bar.expanded .search-input-container{height:31px;position:relative;display:flex;align-items:center;border:1px solid var(--border-color);border-radius:1em;transition:all .2s ease;background:var(--bg-primary);z-index:1002}.search-bar.expanded .search-input-container input::placeholder{color:var(--text-primary)}.search-bar.expanded .search-input-container.dropdown-visible{border:none;background:none!important}.search-bar.expanded .search-input-container:focus-within{border-color:var(--border-color);background:var(--bg-secondary)}.search-bar.expanded .search-input-container:hover:not(:focus-within){border-color:var(--border-color)}.search-bar.expanded .search-input-container.dropdown-visible{border-color:var(--border-color);background:var(--bg-secondary);border-radius:1rem 1rem 0 0;border-bottom:none}.search-bar.expanded .search-input-icon{margin-top:3px;padding-left:.5rem;color:rgba(var(--accent-color),.6);font-size:1rem;flex-shrink:0}.search-bar.expanded .search-input-icon svg .icon-stroked{stroke:var(--text-primary)!important}.search-bar.expanded .search-input{flex:1 1;border:none;outline:none;background:transparent;padding:.5rem 1rem .5rem .5rem;font-size:1rem;color:var(--text-primary);font-family:Space Grotesk,sans-serif}.search-bar.expanded .search-input::placeholder{color:var(--text-secondary)}@media(max-width:768px){.search-bar.expanded .search-input{padding:.6rem .8rem .6rem .4rem;font-size:.8rem}}.search-bar.expanded .search-spinner{width:14px;height:14px;border-top:2px solid rgba(var(--accent-color),.3);border:2px solid rgba(var(--accent-color),.3);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:1rem;flex-shrink:0}@media(max-width:768px){.search-bar.expanded .search-spinner{margin-right:.8rem;width:12px;height:12px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-bar.expanded .search-dropdown{position:absolute;top:calc(100% - 30px);left:-1px;right:1px;background-color:var(--bg-shade);border:1px solid var(--border-color);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:300px;overflow-y:auto;z-index:1001;padding:2rem 0 .5rem}.search-bar.expanded .search-dropdown .search-suggestion{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s ease;border-radius:0;font-family:Space Grotesk,sans-serif}.search-bar.expanded .search-dropdown .search-suggestion.selected,.search-bar.expanded .search-dropdown .search-suggestion:hover{background-color:rgba(var(--accent-color),.1);color:var(--accent-color)}.search-bar.expanded .search-dropdown .search-suggestion.selected:before,.search-bar.expanded .search-dropdown .search-suggestion:hover:before{content:"→"}.search-bar.expanded .search-dropdown .search-suggestion:active{background-color:rgba(var(--accent-color),.2)}.search-bar.expanded .search-dropdown .search-suggestion .suggestion-content{display:flex;flex-direction:column;flex:1 1;min-width:0}.search-bar.expanded .search-dropdown .search-suggestion .suggestion-content .suggestion-name{font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.search-bar.expanded .search-dropdown .search-suggestion{padding:.6rem .8rem;gap:.6rem}.search-bar.expanded .search-dropdown .search-suggestion .suggestion-content .suggestion-name{font-size:.8rem}}.search-bar.expanded .search-dropdown .search-no-results{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);font-family:Space Grotesk,sans-serif}.search-bar.expanded .search-dropdown .search-no-results .no-results-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0;opacity:.7}.search-bar.expanded .search-dropdown .search-no-results .no-results-text{font-size:1rem;font-style:italic}@media(max-width:768px){.search-bar.expanded .search-dropdown .search-no-results{padding:.6rem .8rem;gap:.6rem}.search-bar.expanded .search-dropdown .search-no-results .no-results-icon{font-size:1rem;width:18px}.search-bar.expanded .search-dropdown .search-no-results .no-results-text{font-size:.8rem}}.search-bar.expanded .search-dropdown::-webkit-scrollbar{width:4px}.search-bar.expanded .search-dropdown::-webkit-scrollbar-track{background:transparent}.search-bar.expanded .search-dropdown::-webkit-scrollbar-thumb{background:rgba(var(--accent-color),.3);border-radius:.125rem}.search-bar.expanded .search-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-color),.5)}.search-bar.expanded .search-dropdown{width:100%;max-width:none}.sticky-compact .search-bar.expanded{width:100vw;max-width:100vw;position:fixed;left:0;right:0;z-index:1003}.sticky-compact .search-bar.expanded .search-dropdown,.sticky-compact .search-bar.expanded .search-input-container{margin:0 1rem;max-width:calc(100vw - 2rem)}.about-content .about-text p{font-family:Space Grotesk,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:130%;color:var(--text-primary);margin-bottom:16px;margin-top:0}.about-content .about-text p:last-child{margin-bottom:0}:root,:root.color-mode-eggplant{--bg-primary:#eae7f9;--bg-shade:rgba(234,231,249,.9);--bg-shade-dark:rgba(114,89,244,.7);--bg-secondary:#fff;--text-primary:#7259f4;--text-secondary:#666;--border-color:#7259f4;--shadow-color:rgba(0,0,0,.1);--accent-color:#7259f4;--accent-secondary:#eae7f9;--accent-color-hover:#5a47c7;--error-color:#f74e13}:root.color-mode-monochrome{--bg-primary:#fff;--bg-shade:hsla(0,0%,100%,.9);--bg-shade-dark:rgba(0,0,0,.5);--bg-secondary:#eee;--text-primary:#000;--text-secondary:#aaa;--border-color:#000;--shadow-color:rgba(0,0,0,.3);--accent-color:#000;--accent-secondary:$slate;--accent-color-hover:#084d31;--error-color:#f74e13}:root.color-mode-forest{--bg-primary:#edffbf;--bg-shade:rgba(237,255,191,.9);--bg-shade-dark:rgba(7,59,38,.7);--bg-secondary:#fff;--text-primary:#084d31;--text-secondary:#495550;--border-color:#084d31;--shadow-color:rgba(13,26,20,.1);--accent-color:#084d31;--accent-secondary:#edffbf;--accent-color-hover:#043f27}:root.color-mode-desert{--bg-primary:#f9f4e4;--bg-shade:rgba(249,224,228,.9);--bg-shade-dark:rgba(151,39,0,.7);--bg-secondary:#fff;--text-primary:#f74e13;--text-secondary:#b58371;--border-color:#f74e13;--shadow-color:rgba(59,15,0,.1);--accent-color:#f74e13;--accent-secondary:#f9f4e4;--accent-color-hover:#972700}:root.color-mode-ocean{--bg-primary:#dbf5f3;--bg-shade:rgba(219,245,243,.9);--bg-shade-dark:rgba(0,42,60,.7);--bg-secondary:#fff;--text-primary:#1c4253;--text-secondary:#3f535b;--border-color:#1c4253;--shadow-color:rgba(0,21,30,.1);--accent-color:#1c4253;--accent-secondary:#dbf5f3;--accent-color-hover:#002a3c}.color-mode-monochrome .playground-container{background:var(--bg-primary)}.color-mode-monochrome .playground-header{background:none}.color-mode-monochrome .page-title h1,.color-mode-monochrome h1,.color-mode-monochrome h2,.color-mode-monochrome h3,.color-mode-monochrome h4,.color-mode-monochrome h5,.color-mode-monochrome h6{color:var(--text-primary)}.color-mode-monochrome .search-input-container{background:var(--bg-secondary);border-color:var(--accent-color)}.color-mode-monochrome .search-input{color:var(--text-primary)}.color-mode-monochrome .search-input::placeholder{color:var(--text-secondary)}.color-mode-monochrome .burger-button{background:var(--accent-color)}.color-mode-monochrome .burger-button:hover{background-color:var(--accent-secondary)}.color-mode-monochrome .burger-dropdown{background:var(--bg-secondary);border-color:var(--accent-color)}.color-mode-monochrome .burger-menu-item{color:var(--text-primary)}.color-mode-monochrome .burger-menu-item:hover{background-color:var(--bg-secondary);color:var(--accent-color)}.color-mode-monochrome .tag{color:var(--accent-color);border-color:var(--accent-color)}.color-mode-monochrome .tag:hover{background-color:var(--accent-color);color:var(--bg-primary)}.color-mode-monochrome .logo-svg circle,.color-mode-monochrome .logo-svg ellipse,.color-mode-monochrome .logo-svg path,.color-mode-monochrome .logo-svg polygon,.color-mode-monochrome .logo-svg rect{fill:var(--accent-color)!important;stroke:var(--accent-color)!important}:root{--footer-height:300px}.site-footer{width:100%;padding:3rem 2rem 5rem;max-width:1920px;margin:0 auto;position:relative;z-index:1;pointer-events:all}.footer-content{max-width:1920px;margin:3rem auto 0;padding:0;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.footer-content{flex-direction:column;padding:0 1rem;text-align:center;gap:1.5rem}}.footer-info p{color:var(--0,#fff);font-family:Space Grotesk;font-size:1rem;font-style:normal;font-weight:400;line-height:135%}.footer-info p a{text-decoration:none}.footer-info p a:hover{text-decoration:underline}.footer-logo .buck-logo{transition:transform .2s ease}.footer-logo .buck-logo:hover{transform:scale(1.05)}.color-mode-monochrome .site-footer{--is-dark-mode:1}.color-mode-monochrome .site-footer:before{opacity:.1}.theme-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:0;transform:translateX(-100%);background:linear-gradient(90deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0))}.theme-transition-overlay.active{animation:shine-wipe 1s ease-out forwards}@keyframes shine-wipe{0%{opacity:0;transform:translateX(-100%)}10%{opacity:1}to{opacity:0;transform:translateX(100%)}}body{transition:background-color .5s ease,color .5s ease}*{transition:background-color .5s ease,color .5s ease,border-color .5s ease,fill .5s ease,stroke .5s ease}.icon-stroked{stroke:var(--accent-secondary);transition:stroke .2s ease}.mobile .burger-button{background:none!important}.mobile .burger-button .icon-stroked{stroke:var(--text-primary)!important}.icon-filled{fill:var(--accent-secondary);transition:fill .2s ease}.icon-stroked-and-filled{stroke:var(--accent-secondary);fill:var(--accent-secondary);transition:stroke .2s ease,fill .2s ease}.search-trigger-button:hover .icon-stroked,button:hover .icon-stroked{stroke:var(--accent-color)}.search-trigger-button:hover .icon-filled,button:hover .icon-filled{fill:var(--accent-color)}.search-trigger-button:hover .icon-stroked-and-filled,button:hover .icon-stroked-and-filled{stroke:var(--accent-color);fill:var(--accent-color)}.burger-menu-container .burger-button{background:var(--accent-color);border:none;border-radius:1rem;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;width:31px;height:31px;transition:all .2s ease}.burger-menu-container .burger-button:hover{background-color:var(--accent-secondary);border:.75pt solid var(--accent-color)}.burger-menu-container .burger-button svg{margin-top:-.125rem}.burger-menu-container .burger-dropdown{position:absolute;top:calc(100% - 32px);left:0;background:var(--bg-primary);border:.75pt solid var(--border-color);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px;z-index:1001;overflow:hidden}.burger-menu-container .burger-dropdown .burger-menu-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease;border-radius:0}.burger-menu-container .burger-dropdown .burger-menu-item:first-child{border-radius:1rem 1rem 0 0}.burger-menu-container .burger-dropdown .burger-menu-item:last-child{border-radius:0 0 1rem 1rem}.burger-menu-container .burger-dropdown .burger-menu-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.burger-menu-container .burger-dropdown .burger-menu-item:hover:before{content:"→ "}@media(max-width:768px){.burger-menu-container .burger-dropdown .burger-menu-item{padding:.6rem .8rem;font-size:.8rem}}.burger-menu-container .burger-dropdown .burger-auth-section{display:none;border-top:1px solid rgba(var(--accent-color),.2)}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget{display:flex;flex-direction:column;gap:.5rem}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .login-button{background:none;color:var(--text-primary);border:none;border-radius:0;padding:.75rem 1rem;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;display:block;font-family:Space Grotesk,sans-serif}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .login-button:hover{background-color:rgba(114,89,244,.1);color:var(--accent-color)}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .login-button:hover:before{content:"→ "}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .login-button.logout{display:none;background:none;color:var(--accent-color);border:1px solid var(--accent-color)}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .login-button.logout:hover{background:var(--accent-color);color:var(--accent-secondary)}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .profile-widget .username{color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;padding:.75rem 1rem;margin:0;display:block;transition:all .2s ease}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .profile-widget .username:hover{background-color:var(--bg-secondary);color:var(--text-primary);text-decoration:none}.burger-menu-container .burger-dropdown .burger-auth-section .auth-widget .profile-widget .username:hover:before{content:"→ "}:root{font-size:12px;font-family:Space Grotesk,sans-serif}.buttonbar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:14px;z-index:99;pointer-events:all}.buttonbar .buttonbar-left{display:flex;align-items:center;gap:16px;flex:0 0 auto}.buttonbar .buttonbar-center{display:flex;justify-content:center;flex:1 1;padding:0 0 0 16px}.buttonbar .buttonbar-center .buttonbar-search{width:100%;max-width:none}.buttonbar .buttonbar-right{flex:0 0 auto;gap:16px}.buttonbar .buttonbar-right,.buttonbar .buttonbar-right .profile-widget{display:flex;align-items:center}.buttonbar .buttonbar-right .profile-widget .username{color:var(--accent-color);font-size:1rem;font-weight:500}.buttonbar .buttonbar-right .profile-widget .username.clickable{cursor:pointer;transition:all .2s ease;padding:4px 8px}.buttonbar .buttonbar-right .profile-widget .username.clickable:hover{background:rgba(var(--accent-color),.1);text-decoration:underline}@media(max-width:768px){.buttonbar .buttonbar-right .profile-widget .username{font-size:.8rem}.buttonbar{flex-direction:column;gap:16px;align-items:center}.buttonbar .buttonbar-left{justify-content:center}.buttonbar .buttonbar-center{order:2;width:100%;padding:0 8px}.buttonbar .buttonbar-center .buttonbar-search{max-width:100%}.buttonbar .buttonbar-right{order:3;display:flex;justify-content:center}}button{font-family:Space Grotesk,sans-serif;border:1px solid var(--accent-color);border-radius:1rem;color:var(--text-primary);background:none;padding:.25rem .75rem;white-space:nowrap}button:hover{background-color:var(--accent-color);color:var(--accent-secondary);cursor:pointer}body{background-color:var(--bg-shade-dark);font-family:Space Grotesk,sans-serif}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary)}.playground-container{background:var(--bg-primary);max-width:1920px;margin:0 auto;padding:14px 2rem 10rem}@media(max-width:768px){.playground-container{padding:16px}}.header-content{max-width:1920px;margin:0 auto;width:100%}.page-title{margin:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.desktop-header{margin-bottom:16px;padding:0;background:var(--bg-primary)}.desktop-header .header-content .header-top{display:flex;align-items:center;margin-bottom:16px;gap:1rem}.desktop-header .header-content .header-top .header-sort-menu{margin-left:auto}.desktop-header .header-content .header-bottom{display:block}.desktop-header .header-content .header-bottom .page-title{font-size:2rem;font-weight:600}@media(max-width:768px){.desktop-header{display:none}}.desktop-sticky-header{position:fixed;top:0;left:0;right:0;width:220px;z-index:1000;border-bottom:1px solid rgba(var(--accent-color),.1);padding:1rem 2rem;animation:slideDown .3s ease}.desktop-sticky-header .header-content{display:flex;align-items:center}.desktop-sticky-header .header-content .burger-menu-container{margin-right:16px}.desktop-sticky-header .header-content .logo-container{margin-right:16px;max-width:120px}.desktop-sticky-header .header-content .search-bar-container{flex:1 1;max-width:400px;margin:0 16px}.desktop-sticky-header .header-content .page-title{font-size:2rem;font-weight:600;margin-left:0;max-width:200px}@media(max-width:768px){.desktop-sticky-header{display:none}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--bg-primary);border-bottom:1px solid var(--border-color);height:60px;padding:0}.mobile-header .header-content{display:flex;align-items:center;height:100%}.mobile-header .header-content .burger-menu-container{margin-right:8px}.mobile-header .header-content .logo-container{max-width:160px;padding-top:.25rem}.mobile-header .header-content .logo-container .logo-svg{max-height:31px}.mobile-header .header-content .page-title{margin-left:auto;font-size:1.2rem;font-weight:500;max-width:150px}.mobile-header .header-content .mobile-sort-menu{margin-left:auto}.page-title+.mobile-header .header-content .mobile-sort-menu{margin-left:8px}@media(min-width:769px){.mobile-header{display:none}}.playground-main{width:100%}@media(max-width:768px){.playground-main{margin-top:1rem}}.component-demo{margin-bottom:48px;background-color:var(--bg-secondary);padding:24px;box-shadow:0 2px 8px var(--shadow-color)}@media(max-width:768px){.component-demo{padding:16px;margin-bottom:32px}}.component-demo h2{color:var(--text-primary);margin-bottom:24px;font-size:1.8rem}@media(max-width:768px){.component-demo h2{font-size:1.5rem;margin-bottom:16px}}.tag{cursor:pointer;color:var(--accent-color);transition:all .3s ease-out;border-radius:1rem;border:.75pt solid var(--accent-color);padding:0 10px;margin:.25rem .25rem 0 0;text-align:center;font-style:normal;font-weight:400;line-height:160%;font-size:12px!important;white-space:nowrap;display:inline-block}.tag:before{content:"#"}.tag:hover{background-color:var(--accent-color);color:var(--accent-secondary);border:.75pt solid var(--accent-secondary)}.burger-menu-container{position:relative}.burger-menu-container.mobile .burger-button{z-index:1011}.burger-menu-container .burger-button.active{background-color:var(--accent-secondary);border:.75pt solid var(--accent-color)}.burger-menu-container .burger-dropdown .burger-menu-items{display:flex;flex-direction:column}.burger-menu-container .burger-dropdown.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;border-radius:0;display:flex;flex-direction:column;overflow-y:auto;padding:1rem;z-index:1010;background:var(--bg-primary)}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:.5rem}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-header .close-button{background:none;border:.75pt solid var(--text-primary);border-radius:1rem;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;width:31px;height:31px;transition:all .2s ease}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-header .close-button .icon-stroked{stroke:var(--text-primary)!important}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-header .close-button:hover{background-color:var(--accent-secondary);border:.75pt solid var(--accent-color)}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-header .close-button svg{margin-top:-.125rem}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-search{margin-bottom:1.5rem}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-search .search-bar{width:100%}.burger-menu-container .burger-dropdown.fullscreen .fullscreen-search .search-bar.collapsed,.burger-menu-container .burger-dropdown.fullscreen .fullscreen-search .search-bar.expanded{max-width:100%}.burger-menu-container .burger-dropdown.fullscreen .burger-menu-items{flex:1 1}.burger-menu-container .burger-dropdown.fullscreen .burger-menu-item{padding:1rem;font-size:1.2rem;border-bottom:1px solid var(--border-color);border-radius:0}.burger-menu-container .burger-dropdown.fullscreen .burger-menu-item:first-child,.burger-menu-container .burger-dropdown.fullscreen .burger-menu-item:last-child{border-radius:0}.burger-menu-container .burger-dropdown.fullscreen .burger-auth-section{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}:root{--max-width:1920px;--border-radius:1rem;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Space Grotesk,sans-serif}body{color:#333;background:var(--bg-shade-dark)}a{color:inherit;text-decoration:none}button{font-family:inherit}.content-wrapper{width:100%;min-height:calc(90vh - var(--footer-height, 0px));background-color:var(--bg-primary);position:relative}.login-callback{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.login-callback h1{color:#333;font-size:1.5rem;font-weight:500}