@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");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:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");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:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");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-weight:500;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");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-weight:500;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");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-weight:700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");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-weight:700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");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-weight:700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");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 Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_4f4604{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_4f4604{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3794f505ceb4aef5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/320d9f5d177d6ec2-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/ca9e8d8193aed290-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/80512c49369d7ad3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/0d580af215996300-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/14254a1c498c2b09-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4036a8cc6ad3520f-s.woff2) format("woff2");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:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7128a8004343716-s.woff2) format("woff2");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:Roboto;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c4a2ca76cbcd952a-s.p.woff2) format("woff2");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:Roboto Fallback;src:local("Arial");ascent-override:92.98%;descent-override:24.47%;line-gap-override:0.00%;size-adjust:99.78%}.__className_10f679{font-family:Roboto,Roboto Fallback;font-weight:400;font-style:normal}.__variable_10f679{--font-roboto:"Roboto","Roboto Fallback"}:root{--mobile-header-height:56px;--mobile-bottom-nav-height:72px;--mobile-content-padding:16px;--mobile-safe-area-top:env(safe-area-inset-top,0px);--mobile-safe-area-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-area-left:env(safe-area-inset-left,0px);--mobile-safe-area-right:env(safe-area-inset-right,0px);--touch-target-min:44px;--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--ease-out-expo:cubic-bezier(0.22,1,0.36,1)}@media (min-width:768px){:root{--mobile-header-height:72px;--mobile-content-padding:24px}}@media (max-width:767px){body:has(main.main-content .create-page){overflow:hidden;height:100vh;height:100dvh}body:has(main.main-content .create-page) .header{display:none!important}.header.header-hidden-mobile,body.page-my-works .header{display:none!important}body.page-my-works .content-shell,body.page-my-works .main-content{padding-top:0!important;margin-top:0!important}body.page-my-works .content-shell{background:var(--background,#0a0a0a)!important}}.loading-fallback{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0b0f14;color:hsla(0,0%,100%,.7);font-size:16px;z-index:9999}.sidebar{display:none;width:80px;background:var(--background,#0a0a0a);border-right:1px solid hsla(0,0%,100%,.06);box-shadow:0 28px 70px rgba(8,10,22,.5);backdrop-filter:blur(20px);height:calc(100vh - 72px);position:fixed;left:0;top:72px;z-index:999;flex-direction:column;overflow-y:auto;overflow-x:hidden}@media (min-width:768px){.sidebar{display:flex}}.sidebar::-webkit-scrollbar{width:4px}.sidebar-content{display:flex;flex-direction:column;padding:16px 0;flex:1;gap:4px}.sidebar-section{display:flex;flex-direction:column;gap:6px;padding:0 10px}.sidebar-divider{height:1px;background:hsla(0,0%,100%,.06);margin:6px 12px;opacity:1}.sidebar-toggle{width:48px;height:48px;background:transparent;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s;margin:0 auto}.sidebar-toggle:not(:disabled):hover{background:var(--surface-light);color:var(--text-primary)}.sidebar-toggle:disabled{opacity:.4;cursor:not-allowed}.sidebar-toggle svg{width:24px;height:24px}.sidebar-link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 8px;border-radius:10px;text-decoration:none;color:var(--text-secondary);transition:all .3s cubic-bezier(.22,1,.36,1);cursor:pointer;position:relative}.sidebar-link:hover{color:var(--text-primary);transform:translateY(-2px)}.sidebar-link:hover .nav-icon svg{transform:scale(1.15)}.sidebar-link.active{position:relative}.sidebar-link.active .nav-icon{background:transparent;border-radius:10px;padding:0;box-shadow:none}.sidebar-link.active .nav-icon svg line,.sidebar-link.active .nav-icon svg path,.sidebar-link.active .nav-icon svg polygon,.sidebar-link.active .nav-icon svg polyline,.sidebar-link.active .nav-icon svg rect{fill:url(#sidebarGradient)!important;stroke:url(#sidebarGradient)!important}.sidebar-link.active .nav-icon svg circle{fill:none!important;stroke:url(#sidebarGradient)!important}.sidebar-link.active .nav-icon svg{color:#1acfff}.sidebar-link.active .nav-icon>svg>*{stroke:url(#sidebarGradient)!important}.sidebar-link.active .nav-text{color:#fff;font-weight:700}.nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative}.nav-icon svg{width:24px;height:24px;transition:all .3s cubic-bezier(.22,1,.36,1)}.nav-text{font-size:10px;font-weight:600;text-align:center;line-height:1.3;margin:0;letter-spacing:.2px}.sidebar-badge{position:absolute;top:-4px;right:-8px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;line-height:1;white-space:nowrap;background:linear-gradient(135deg,#ff6b6b,#ff8e53 50%,#ffe66d);color:#000;animation:badge-pulse 2s ease-in-out infinite;box-shadow:0 2px 8px hsla(0,100%,71%,.4)}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px hsla(0,100%,71%,.4)}50%{transform:scale(1.05);box-shadow:0 2px 12px hsla(0,100%,71%,.6)}}.sidebar-badge p{margin:0;font-size:9px;line-height:1}.sidebar-badge.beta{background:var(--primary-color);color:#fff}.sidebar-badge.new{background:var(--success);color:#fff}.main-content{flex:1;margin-left:0;width:100%;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-area-bottom));background:var(--background,#0a0a0a)}.main-content:has(.create-page){height:100vh;height:100dvh;min-height:auto;overflow:hidden;padding-top:0;padding-bottom:0}@media (min-width:768px){.main-content{margin-left:80px;width:calc(100% - 80px);padding-bottom:0}}.content-shell{padding:var(--mobile-content-padding);padding-top:calc(var(--mobile-header-height) + 16px);padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-area-bottom) + 16px)}@media (min-width:768px){.content-shell{padding:96px 24px 24px}.content-shell:has(.my-works-page){padding:72px 0 24px!important}}.content-shell:has(.create-page){padding:0;height:100vh;height:100dvh;overflow:hidden}@media (min-width:768px){.content-shell:has(.create-page){padding-top:72px;padding-bottom:0;height:auto;overflow:visible}}.content-shell:has(.my-works-page){padding:0!important;padding-top:var(--mobile-header-height)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-area-bottom) + 16px)!important}body.page-my-works .content-shell{padding:0!important;padding-top:var(--mobile-header-height)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-area-bottom) + 16px)!important}@media (min-width:768px){body.page-my-works .content-shell{padding:72px 0 24px!important;background:var(--background,#0a0a0a)!important}}.header{background:var(--background,#0a0a0a)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-bottom:1px solid hsla(0,0%,100%,.06)!important;position:fixed!important;top:0;left:0;right:0;z-index:1000!important;box-shadow:0 4px 30px rgba(0,0,0,.3)!important;will-change:transform;height:var(--mobile-header-height)!important;padding-top:var(--mobile-safe-area-top)}@media (min-width:768px){.header{height:72px!important;padding-top:0}}.header-content{display:flex;align-items:center;justify-content:space-between;padding:0 12px;max-width:1600px;margin:0 auto;height:100%;gap:8px}@media (min-width:768px){.header-content{padding:0 24px;gap:24px}}.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;transition:all .3s cubic-bezier(.22,1,.36,1)}.logo:hover{transform:scale(1.03);opacity:.9}.logo-img{height:28px!important;width:auto!important;max-height:28px!important;filter:drop-shadow(0 0 6px rgba(26,207,255,.15))!important;transition:filter .3s ease}.logo:hover .logo-img{filter:drop-shadow(0 0 10px rgba(26,207,255,.3))}.header-actions{display:flex;gap:16px;align-items:center}.header-profile-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(28,28,32,.75);color:rgba(235,235,244,.88);text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}.header-profile-link:hover{transform:translateY(-2px);border-color:rgba(26,207,255,.5);background:rgba(28,28,32,.95);box-shadow:0 12px 30px rgba(26,207,255,.2)}.header-profile-icon{width:22px;height:22px}.snow-toggle-btn{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;transition:transform .2s ease}.snow-toggle-btn:hover{transform:scale(1.05)}.snow-toggle-btn:active{transform:scale(.95)}.snow-toggle-track{width:44px;height:26px;border-radius:13px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.snow-toggle-track:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(100,231,255,.3),rgba(120,240,200,.3) 50%,rgba(198,255,94,.2));opacity:0;transition:opacity .3s ease}.snow-toggle-track.active{border-color:rgba(100,231,255,.5);box-shadow:0 0 12px rgba(100,231,255,.3),inset 0 0 8px rgba(100,231,255,.1)}.snow-toggle-track.active:before{opacity:1}.snow-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:10px;background:linear-gradient(135deg,#2a3038,#1a1f25);border:1px solid hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(0,0,0,.3)}.snow-toggle-track.active .snow-toggle-thumb{left:20px;background:linear-gradient(135deg,#64e7ff,#78f0c8);border-color:hsla(0,0%,100%,.3);box-shadow:0 2px 8px rgba(100,231,255,.5),0 0 12px rgba(100,231,255,.3)}.snow-toggle-icon{color:hsla(0,0%,100%,.5);transition:color .3s ease}.snow-toggle-track.active .snow-toggle-icon{color:#0a0f14}.header-tokens-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:12px;border:1px solid rgba(26,207,255,.3);background:linear-gradient(135deg,rgba(80,245,151,.08),rgba(26,207,255,.12) 51%,rgba(255,251,43,.08));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 12px rgba(26,207,255,.15);position:relative;overflow:hidden}.header-tokens-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(80,245,151,.15),rgba(26,207,255,.2) 51%,rgba(255,251,43,.15));opacity:0;transition:opacity .3s ease}.header-tokens-btn:hover{transform:translateY(-2px);border-color:rgba(26,207,255,.6);box-shadow:0 8px 20px rgba(26,207,255,.3)}.header-tokens-btn:hover:before{opacity:1}.header-tokens-btn:active{transform:translateY(0)}.header-tokens-icon{z-index:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header-tokens-icon,.header-tokens-icon svg{width:20px;height:20px}.header-tokens-btn:hover .header-tokens-icon{transform:scale(1.15)}.header-tokens-amount{font-size:15px;font-weight:700;background:linear-gradient(135deg,#50f597,#1acfff,#fffb2b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:1;letter-spacing:.3px}.header-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.header-close-btn:hover{background:hsla(0,0%,100%,.12);color:#fff}.header-close-btn:active{transform:scale(.95)}.header-close-btn svg{width:20px;height:20px}.header-notifications-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background:rgba(14,16,17,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);color:hsla(0,0%,100%,.7)}.header-notifications-btn:hover{transform:translateY(-2px);border-color:rgba(26,207,255,.5);background:rgba(14,16,17,.8);box-shadow:0 8px 20px rgba(26,207,255,.2);color:#1acfff}.header-notifications-btn:active{transform:translateY(0)}.header-notifications-icon{width:22px;height:22px;transition:all .3s ease}.header-notifications-btn:hover .header-notifications-icon{transform:scale(1.1);animation:bell-ring .5s ease-in-out}@keyframes bell-ring{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-8deg)}20%,40%,60%,80%{transform:rotate(8deg)}}.header-notifications-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;aspect-ratio:1;padding:3px;background:var(--brand-gradient);color:#0a0a0a;font-size:11px;font-weight:700;border-radius:50%;box-shadow:0 4px 12px rgba(26,207,255,.4);animation:pulse-badge 2s ease-in-out infinite;z-index:10}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(26,207,255,.4)}50%{transform:scale(1.1);box-shadow:0 6px 16px rgba(26,207,255,.6)}}.btn{padding:12px 24px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);font-family:inherit;display:inline-block;text-decoration:none}.btn-secondary{background:transparent;color:var(--text-primary);border:1.5px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-secondary:hover{background:var(--surface-light);border-color:rgba(26,207,255,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,207,255,.2)}.btn-secondary:active{transform:translateY(0)}.banner-gradient{background:var(--brand-gradient);position:relative;transition:all .3s ease;box-shadow:0 8px 32px rgba(26,207,255,.15)}.banner-content{padding:16px 20px}@media (min-width:640px){.banner-content{padding:24px 28px}}@media (min-width:768px){.banner-content{padding:32px 40px}}@media (min-width:1024px){.banner-content{padding:48px 64px}}.banner-gradient:hover{box-shadow:0 12px 48px rgba(26,207,255,.25);transform:translateY(-2px)}.banner-decoration{top:-30%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 65%);animation:float 8s ease-in-out infinite}.banner-decoration,.banner-decoration-secondary{position:absolute;border-radius:50%;pointer-events:none}.banner-decoration-secondary{bottom:-20%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}}.btn-dark{background:hsla(0,0%,4%,.9);color:#fff;padding:14px 32px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-dark:hover{background:#0a0a0a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.btn-dark:active{transform:translateY(0)}.btn-outline-dark{background:transparent;color:hsla(0,0%,4%,.9);padding:14px 32px;border-radius:12px;border:2px solid hsla(0,0%,4%,.3);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-outline-dark:hover{background:hsla(0,0%,4%,.1);border-color:hsla(0,0%,4%,.6);transform:translateY(-2px)}.btn-outline-dark:active{transform:translateY(0)}@media (max-width:480px){.header-actions{gap:6px}.header-tokens-btn{padding:6px 10px;gap:6px;min-width:auto}.header-tokens-icon,.header-tokens-icon svg{width:16px;height:16px}.header-tokens-amount{font-size:12px}.header-notifications-btn{width:36px;height:36px}.header-notifications-icon{width:18px;height:18px}.header-notifications-badge{min-width:16px;min-height:16px;font-size:9px;padding:2px;top:-3px;right:-3px}.logo-img{height:22px!important;max-height:22px!important}.btn.btn-secondary{padding:10px 18px;font-size:13px}}@media (max-width:360px){.header-content{padding:0 8px;gap:6px}.header-tokens-btn{padding:4px 8px;gap:4px;border-radius:8px}.header-tokens-amount{font-size:11px}.header-notifications-btn{width:32px;height:32px;border-radius:8px}.logo-img{height:20px!important;max-height:20px!important}}@media (max-height:500px) and (orientation:landscape){.header{height:48px!important}.mobile-bottom-nav,.sidebar{display:none}.main-content{padding-bottom:0}}@supports (padding-top:env(safe-area-inset-top)){.header{padding-top:env(safe-area-inset-top)}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:768px){.hide-scrollbar-mobile::-webkit-scrollbar{display:none}.hide-scrollbar-mobile{-ms-overflow-style:none;scrollbar-width:none}}.template-detail-v2-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999999!important;background:rgba(0,0,0,.92)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;overflow:hidden!important}.template-detail-v2-close,.template-detail-v2-overlay{display:flex!important;align-items:center!important;justify-content:center!important}.template-detail-v2-close{position:absolute!important;top:20px!important;right:360px!important;z-index:10000000!important;background:rgba(0,0,0,.6)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:50%!important;width:48px!important;height:48px!important;cursor:pointer!important;color:hsla(0,0%,100%,.9)!important;transition:all .2s ease!important}.template-detail-v2-close:hover{background:hsla(0,0%,100%,.15)!important;transform:scale(1.05)!important}.template-detail-v2-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:10000000!important;background:rgba(0,0,0,.6)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:50%!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:hsla(0,0%,100%,.9)!important;transition:all .2s ease!important}.template-detail-v2-nav:hover{background:hsla(0,0%,100%,.15)!important;transform:translateY(-50%) scale(1.05)!important}.template-detail-v2-nav-prev{left:20px!important}.template-detail-v2-nav-next{right:360px!important}.template-detail-v2-counter{position:absolute!important;top:20px!important;left:50%!important;transform:translateX(-50%)!important;z-index:10000000!important;background:rgba(0,0,0,.6)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;padding:8px 16px!important;border-radius:20px!important;color:hsla(0,0%,100%,.9)!important;font-size:14px!important;font-weight:500!important}.template-detail-v2-media-container{position:absolute!important;left:0!important;top:0!important;bottom:0!important;right:340px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:60px 40px!important;z-index:1!important}.template-detail-v2-media{max-width:100%!important;max-height:85vh!important;object-fit:contain!important;border-radius:12px!important}@media (max-width:900px){.template-detail-v2-close,.template-detail-v2-nav-next{right:20px!important}}.mobile-menu-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(80,245,151,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(26,207,255,.12) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,251,43,.06) 0,transparent 60%),rgba(8,8,10,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);z-index:2000;animation:backdropFadeIn .4s cubic-bezier(.22,1,.36,1)}@keyframes backdropFadeIn{0%{opacity:0;backdrop-filter:blur(0) saturate(100%);-webkit-backdrop-filter:blur(0) saturate(100%)}to{opacity:1;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}}.mobile-menu-panel{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;z-index:2001;background:linear-gradient(180deg,rgba(10,10,12,.98),rgba(12,12,14,.96) 40%,rgba(14,14,16,.95));backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);border:1px solid transparent;background-image:linear-gradient(180deg,rgba(10,10,12,.98),rgba(12,12,14,.96) 40%,rgba(14,14,16,.95)),linear-gradient(135deg,rgba(80,245,151,.25),rgba(26,207,255,.3) 50%,rgba(255,251,43,.25));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:inset 0 0 0 1px rgba(80,245,151,.1),inset 0 0 60px rgba(26,207,255,.15),0 -20px 80px rgba(0,0,0,.8),0 10px 120px rgba(26,207,255,.2);padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);animation:menuSlideIn .5s cubic-bezier(.22,1,.36,1);overflow:hidden;display:flex;flex-direction:column;position:relative}.mobile-menu-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(80,245,151,.08) 0,transparent 40%),radial-gradient(circle at 70% 60%,rgba(26,207,255,.12) 0,transparent 40%),radial-gradient(circle at 50% 80%,rgba(255,251,43,.06) 0,transparent 35%);animation:floatingOrbs 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes floatingOrbs{0%,to{transform:translate(0) rotate(0deg);opacity:.6}25%{transform:translate(5%,5%) rotate(90deg);opacity:.8}50%{transform:translate(-3%,8%) rotate(180deg);opacity:.7}75%{transform:translate(-5%,-3%) rotate(270deg);opacity:.9}}@keyframes menuSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px);backdrop-filter:blur(0) saturate(100%);-webkit-backdrop-filter:blur(0) saturate(100%)}to{opacity:1;transform:scale(1) translateY(0);backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:28px 24px 24px;position:relative;z-index:1;flex-shrink:0;background:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent);border-bottom:1px solid transparent;background-image:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent),linear-gradient(90deg,rgba(80,245,151,.15),rgba(26,207,255,.2) 50%,rgba(255,251,43,.15));background-origin:border-box;background-clip:padding-box,border-box}.mobile-menu-title{font-size:32px;font-weight:800;letter-spacing:-.5px;color:#fff;margin:0;background:linear-gradient(135deg,#50f597,#1acfff 50%,#fffb2b);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(26,207,255,.3)) drop-shadow(0 2px 8px rgba(80,245,151,.2));animation:titleGradientShift 6s ease-in-out infinite}@keyframes titleGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;background-image:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03)),linear-gradient(135deg,rgba(80,245,151,.2),rgba(26,207,255,.25) 50%,rgba(255,251,43,.2));background-origin:border-box;background-clip:padding-box,border-box;border-radius:16px;color:hsla(0,0%,100%,.8);cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1),0 0 20px rgba(26,207,255,.1);transition:all .4s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}.mobile-menu-close:hover{background:linear-gradient(145deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));border-color:rgba(26,207,255,.4);color:#fff;transform:rotate(90deg) scale(1.05);box-shadow:0 6px 24px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.15),0 0 30px rgba(26,207,255,.3)}.mobile-menu-close:active{transform:rotate(90deg) scale(.95);box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.1)}.mobile-menu-close-icon{width:24px;height:24px;transition:all .3s ease}.mobile-menu-close:hover .mobile-menu-close-icon{filter:drop-shadow(0 0 8px rgba(26,207,255,.6))}.mobile-menu-user-section{display:flex;align-items:center;gap:16px;margin:0 24px 24px;padding:20px;position:relative;z-index:1;background:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04) 50%,hsla(0,0%,100%,.06));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid transparent;background-image:linear-gradient(145deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04) 50%,hsla(0,0%,100%,.06)),linear-gradient(135deg,rgba(80,245,151,.25),rgba(26,207,255,.3) 50%,rgba(255,251,43,.25));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,200% 100%;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1),0 12px 48px rgba(26,207,255,.15);animation:userSectionSlideIn .6s cubic-bezier(.22,1,.36,1) .2s backwards,gradientBorderShift 8s ease-in-out infinite}@keyframes userSectionSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientBorderShift{0%,to{background-position:0 50%,0 50%}50%{background-position:0 50%,100% 50%}}.mobile-menu-user-section:before{content:"";position:absolute;inset:-3px;border-radius:22px;background:linear-gradient(135deg,rgba(80,245,151,.2),rgba(26,207,255,.3) 50%,rgba(255,251,43,.2));opacity:.5;filter:blur(16px);z-index:-1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:.8}}.mobile-menu-user-avatar{width:64px;height:64px;border-radius:18px;flex-shrink:0;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.15) 0,rgba(26,207,255,.12) 40%,rgba(26,207,255,.08) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid transparent;background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.15) 0,rgba(26,207,255,.12) 40%,rgba(26,207,255,.08) 100%),linear-gradient(135deg,rgba(80,245,151,.4),rgba(26,207,255,.5) 50%,rgba(255,251,43,.4));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 24px rgba(26,207,255,.3),inset 0 0 0 1px hsla(0,0%,100%,.15),0 4px 16px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.mobile-menu-user-avatar:before{content:"";position:absolute;inset:3px;border-radius:16px;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.25) 0,transparent 60%);opacity:.7;pointer-events:none}.mobile-menu-user-avatar img{width:100%;height:100%;object-fit:cover}.mobile-menu-user-avatar-icon{width:32px;height:32px;color:hsla(0,0%,100%,.95);filter:drop-shadow(0 2px 8px rgba(26,207,255,.5));position:relative;z-index:1}.mobile-menu-user-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.mobile-menu-user-name{font-size:20px;font-weight:700;letter-spacing:-.3px;color:#fff;line-height:1.2;background:linear-gradient(135deg,#fff,rgba(26,207,255,.95));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(26,207,255,.3)}.mobile-menu-user-email,.mobile-menu-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-user-email{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.5);line-height:1.3}.mobile-menu-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 24px 48px;-webkit-overflow-scrolling:touch;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(26,207,255,.4) hsla(0,0%,100%,.02)}.mobile-menu-content::-webkit-scrollbar{width:6px}.mobile-menu-content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02);border-radius:3px;margin:8px 0}.mobile-menu-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(80,245,151,.5),rgba(26,207,255,.6) 50%,rgba(255,251,43,.4));border-radius:3px;box-shadow:0 0 10px rgba(26,207,255,.4);transition:all .3s ease}.mobile-menu-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(80,245,151,.7),rgba(26,207,255,.8) 50%,rgba(255,251,43,.6));box-shadow:0 0 16px rgba(26,207,255,.6)}.mobile-menu-content:after,.mobile-menu-content:before{content:"";position:sticky;left:0;right:0;height:32px;pointer-events:none;z-index:10}.mobile-menu-content:before{top:0;background:linear-gradient(180deg,rgba(10,10,12,.8),transparent);margin-bottom:-32px}.mobile-menu-content:after{bottom:0;background:linear-gradient(0deg,rgba(14,14,16,.8),transparent);margin-top:-32px}.mobile-menu-section{margin-bottom:32px;animation:sectionFadeIn .5s cubic-bezier(.22,1,.36,1) backwards}.mobile-menu-section:first-child{animation-delay:.1s}.mobile-menu-section:nth-child(2){animation-delay:.15s}.mobile-menu-section:nth-child(3){animation-delay:.2s}.mobile-menu-section:nth-child(4){animation-delay:.25s}.mobile-menu-section:last-child{margin-bottom:0}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:hsla(0,0%,100%,.4);margin:0 0 16px 8px;position:relative;padding-left:12px}.mobile-menu-section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:12px;background:linear-gradient(180deg,#50f597,#1acfff 50%,#fffb2b);border-radius:2px;box-shadow:0 0 8px rgba(26,207,255,.5)}.mobile-menu-items{display:flex;flex-direction:column;gap:10px}.mobile-menu-item{display:flex;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02) 50%,hsla(0,0%,100%,.04));backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid transparent;background-image:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02) 50%,hsla(0,0%,100%,.04)),linear-gradient(135deg,rgba(80,245,151,.15),rgba(26,207,255,.2) 50%,rgba(255,251,43,.15));background-origin:border-box;background-clip:padding-box,border-box;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.08),0 8px 32px rgba(26,207,255,.08);text-decoration:none;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}.mobile-menu-item:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,rgba(80,245,151,.3),rgba(26,207,255,.4) 50%,rgba(255,251,43,.3));opacity:0;filter:blur(12px);z-index:-1;transition:opacity .4s ease}.mobile-menu-item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(80,245,151,.2) 0,rgba(26,207,255,.3) 30%,transparent 70%);transform:scale(0);opacity:0;transition:transform .6s ease,opacity .6s ease;pointer-events:none;border-radius:20px}.mobile-menu-item:active:after{transform:scale(2.5);opacity:1;transition:transform .1s,opacity .1s}.mobile-menu-item:hover{background:linear-gradient(145deg,hsla(0,0%,100%,.1),rgba(26,207,255,.08) 50%,hsla(0,0%,100%,.06));border-color:rgba(26,207,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.12),0 12px 48px rgba(26,207,255,.2),0 0 40px rgba(80,245,151,.15);transform:translateX(6px) scale(1.02)}.mobile-menu-item:hover:before{opacity:.6}.mobile-menu-item:active{transform:translateX(2px) scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.06),0 4px 16px rgba(26,207,255,.15)}.mobile-menu-item-danger{background:linear-gradient(145deg,rgba(255,59,59,.08),rgba(255,59,59,.04) 50%,rgba(255,59,59,.06));background-image:linear-gradient(145deg,rgba(255,59,59,.08),rgba(255,59,59,.04) 50%,rgba(255,59,59,.06)),linear-gradient(135deg,rgba(255,59,59,.3),hsla(0,100%,71%,.35) 50%,rgba(255,59,59,.3));box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,59,59,.15),0 8px 32px rgba(255,59,59,.12)}.mobile-menu-item-danger:before{background:linear-gradient(135deg,rgba(255,59,59,.4),hsla(0,100%,71%,.5) 50%,rgba(255,59,59,.4))}.mobile-menu-item-danger:hover{background:linear-gradient(145deg,rgba(255,59,59,.15),rgba(255,59,59,.1) 50%,rgba(255,59,59,.12));border-color:rgba(255,59,59,.5);box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,59,59,.25),0 12px 48px rgba(255,59,59,.3),0 0 40px hsla(0,100%,71%,.2)}.mobile-menu-item-danger .mobile-menu-item-icon-svg,.mobile-menu-item-danger .mobile-menu-item-label{color:#ff6b6b}.mobile-menu-item-danger:hover .mobile-menu-item-icon-svg,.mobile-menu-item-danger:hover .mobile-menu-item-label{color:#ff8787;filter:drop-shadow(0 0 8px rgba(255,107,107,.6))}.mobile-menu-item-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.15) 0,rgba(26,207,255,.12) 40%,rgba(26,207,255,.08) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.15) 0,rgba(26,207,255,.12) 40%,rgba(26,207,255,.08) 100%),linear-gradient(135deg,rgba(80,245,151,.25),rgba(26,207,255,.3) 50%,rgba(255,251,43,.25));background-origin:border-box;background-clip:padding-box,border-box;border-radius:18px;position:relative;flex-shrink:0;box-shadow:0 4px 16px rgba(26,207,255,.2),inset 0 0 0 1px hsla(0,0%,100%,.12),0 2px 8px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.22,1,.36,1)}.mobile-menu-item-icon:before{content:"";position:absolute;inset:4px;border-radius:15px;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.2) 0,transparent 60%);opacity:.6;pointer-events:none}.mobile-menu-item:hover .mobile-menu-item-icon{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.2) 0,rgba(26,207,255,.2) 40%,rgba(26,207,255,.12) 100%);border-color:rgba(26,207,255,.5);box-shadow:0 8px 24px rgba(26,207,255,.4),inset 0 0 0 1px hsla(0,0%,100%,.2),0 4px 16px rgba(0,0,0,.4),0 0 40px rgba(80,245,151,.3);transform:scale(1.08) rotate(-3deg)}.mobile-menu-item-danger .mobile-menu-item-icon{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.15) 0,rgba(255,59,59,.15) 40%,rgba(255,59,59,.1) 100%);background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.15) 0,rgba(255,59,59,.15) 40%,rgba(255,59,59,.1) 100%),linear-gradient(135deg,rgba(255,59,59,.35),hsla(0,100%,71%,.4) 50%,rgba(255,59,59,.35));box-shadow:0 4px 16px rgba(255,59,59,.25),inset 0 0 0 1px rgba(255,59,59,.2),0 2px 8px rgba(0,0,0,.3)}.mobile-menu-item-danger:hover .mobile-menu-item-icon{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.2) 0,rgba(255,59,59,.25) 40%,rgba(255,59,59,.15) 100%);border-color:rgba(255,59,59,.6);box-shadow:0 8px 24px rgba(255,59,59,.4),inset 0 0 0 1px rgba(255,59,59,.3),0 4px 16px rgba(0,0,0,.4),0 0 40px hsla(0,100%,71%,.3)}.mobile-menu-item-icon-svg{width:26px;height:26px;color:hsla(0,0%,100%,.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;z-index:1}.mobile-menu-item:hover .mobile-menu-item-icon-svg{color:#fff;filter:drop-shadow(0 0 12px rgba(26,207,255,.8)) drop-shadow(0 0 6px rgba(80,245,151,.6)) drop-shadow(0 2px 8px rgba(0,0,0,.4));transform:scale(1.15) rotate(5deg)}.mobile-menu-item-badge{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;padding:0 7px;background:linear-gradient(135deg,#50f597,#1acfff 50%,#fffb2b);color:#0a0a0a;font-size:11px;font-weight:900;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(26,207,255,.7),0 0 0 3px rgba(12,12,14,.9),0 0 0 4px rgba(26,207,255,.3),0 0 24px rgba(80,245,151,.5);animation:badgePulse 2.5s ease-in-out infinite;z-index:10}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 16px rgba(26,207,255,.7),0 0 0 3px rgba(12,12,14,.9),0 0 0 4px rgba(26,207,255,.3),0 0 24px rgba(80,245,151,.5)}50%{transform:scale(1.15);box-shadow:0 6px 24px rgba(26,207,255,.9),0 0 0 3px rgba(12,12,14,.9),0 0 0 5px rgba(26,207,255,.5),0 0 32px rgba(80,245,151,.7)}}.mobile-menu-item-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.mobile-menu-item-label{font-size:17px;font-weight:700;letter-spacing:-.2px;color:#fff;line-height:1.2;transition:all .3s ease}.mobile-menu-item:hover .mobile-menu-item-label{color:#fff;text-shadow:0 0 12px rgba(26,207,255,.5)}.mobile-menu-item-description{font-size:13px;font-weight:500;color:hsla(0,0%,100%,.45);line-height:1.3;transition:all .3s ease}.mobile-menu-item:hover .mobile-menu-item-description{color:hsla(0,0%,100%,.65)}.mobile-menu-item-arrow{width:22px;height:22px;color:hsla(0,0%,100%,.25);flex-shrink:0;transition:all .4s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 4px rgba(26,207,255,0))}.mobile-menu-item:hover .mobile-menu-item-arrow{color:hsla(0,0%,100%,.8);transform:translateX(6px) scale(1.1);filter:drop-shadow(0 0 8px rgba(26,207,255,.6))}@media (min-width:768px){.mobile-menu-backdrop,.mobile-menu-panel{display:none}}@media (max-height:700px){.mobile-menu-header{padding:20px 20px 16px}.mobile-menu-title{font-size:28px}.mobile-menu-user-section{margin:0 20px 20px;padding:16px;gap:12px}.mobile-menu-user-avatar{width:56px;height:56px}.mobile-menu-user-avatar-icon{width:28px;height:28px}.mobile-menu-user-name{font-size:18px}.mobile-menu-user-email{font-size:13px}.mobile-menu-content{padding:8px 20px 32px}.mobile-menu-section{margin-bottom:24px}.mobile-menu-section-title{margin-bottom:12px;font-size:10px}.mobile-menu-item{padding:14px 16px;gap:14px}.mobile-menu-item-icon{width:48px;height:48px}.mobile-menu-item-icon-svg{width:22px;height:22px}.mobile-menu-item-label{font-size:15px}.mobile-menu-item-description{font-size:12px}}@media (max-width:374px){.mobile-menu-header{padding:20px 16px 16px}.mobile-menu-title{font-size:26px}.mobile-menu-close{width:44px;height:44px}.mobile-menu-user-section{margin:0 16px 20px;padding:14px;gap:12px}.mobile-menu-user-avatar{width:52px;height:52px}.mobile-menu-user-avatar-icon{width:26px;height:26px}.mobile-menu-user-name{font-size:17px}.mobile-menu-user-email{font-size:12px}.mobile-menu-content{padding:8px 16px 32px}.mobile-menu-section{margin-bottom:24px}.mobile-menu-section-title{font-size:10px;letter-spacing:1px}.mobile-menu-items{gap:8px}.mobile-menu-item{padding:14px;gap:12px}.mobile-menu-item-icon{width:48px;height:48px}.mobile-menu-item-icon-svg{width:22px;height:22px}.mobile-menu-item-label{font-size:15px}.mobile-menu-item-description{font-size:12px}}@media (max-height:500px) and (orientation:landscape){.mobile-menu-header{padding:16px 20px 12px}.mobile-menu-title{font-size:24px}.mobile-menu-close{width:40px;height:40px}.mobile-menu-user-section{margin:0 20px 16px;padding:12px 16px;gap:12px}.mobile-menu-user-avatar{width:48px;height:48px}.mobile-menu-user-avatar-icon{width:24px;height:24px}.mobile-menu-user-name{font-size:16px}.mobile-menu-user-email{font-size:12px}.mobile-menu-content{padding:8px 20px 24px}.mobile-menu-section{margin-bottom:20px}.mobile-menu-section-title{margin-bottom:10px;font-size:10px}.mobile-menu-items{gap:8px}.mobile-menu-item{padding:12px 14px;gap:12px}.mobile-menu-item-icon{width:44px;height:44px}.mobile-menu-item-icon-svg{width:20px;height:20px}.mobile-menu-item-label{font-size:14px}.mobile-menu-item-description{font-size:11px}.mobile-menu-item-arrow{width:18px;height:18px}}.mobile-menu-content,.mobile-menu-panel{overscroll-behavior:contain}@supports (-webkit-overflow-scrolling:touch){.mobile-menu-content{-webkit-overflow-scrolling:touch}}@media (prefers-reduced-motion:reduce){.mobile-menu-backdrop,.mobile-menu-close,.mobile-menu-item,.mobile-menu-item-arrow,.mobile-menu-item-icon,.mobile-menu-item-icon-svg,.mobile-menu-panel,.mobile-menu-section{animation:none;transition:none}.mobile-menu-panel:before{animation:none}}.create-flow-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;perspective:1200px}.create-flow-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.25);pointer-events:none}.create-flow-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:40px 20px;pointer-events:none}.create-flow-content>*{pointer-events:auto}.create-flow-close{position:absolute;top:max(20px,env(safe-area-inset-top,20px));right:20px;width:40px;height:40px;border-radius:50%;border:none;background:hsla(0,0%,100%,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);z-index:10}.create-flow-close svg{width:18px;height:18px;stroke-width:1.5}.create-flow-close:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7)}.create-flow-close:active{transform:scale(.92);background:hsla(0,0%,100%,.1)}.create-flow-swipe-indicator{position:absolute;top:max(12px,calc(env(safe-area-inset-top, 12px) + 4px));left:50%;transform:translateX(-50%);display:none;pointer-events:none}@media (max-width:768px){.create-flow-swipe-indicator{display:block}}.create-flow-swipe-line{width:40px;height:5px;background:hsla(0,0%,100%,.2);border-radius:3px}.create-flow-center{flex-direction:column;gap:40px;max-width:420px;width:100%}.create-core,.create-flow-center{display:flex;align-items:center;justify-content:center}.create-core{position:relative;width:130px;height:130px;flex-shrink:0}.create-core-glow-outer{inset:-70px;filter:blur(60px);opacity:.4}.create-core-energy-ring,.create-core-glow-outer{position:absolute;border-radius:50%;pointer-events:none}.create-core-energy-ring{inset:-15px;border:1px solid hsla(0,0%,100%,.15)}.create-core-energy-ring-2{inset:-25px;border-style:dashed;border-width:1px;opacity:.2}.create-core-glow{position:absolute;inset:-35px;border-radius:50%;filter:blur(25px);pointer-events:none}.create-core-body{position:relative;width:100%;height:100%;border-radius:50%}.create-core-border{position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(145deg,rgba(80,245,151,.9),rgba(26,207,255,.85) 45%,rgba(255,251,43,.8));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.create-core-inner{position:absolute;inset:2px;border-radius:50%;background:radial-gradient(ellipse 85% 55% at 50% 15%,hsla(0,0%,100%,.4) 0,transparent 55%),radial-gradient(ellipse 70% 45% at 50% 85%,rgba(0,0,0,.15) 0,transparent 45%),linear-gradient(155deg,#45e393,#30d49a 18%,#1cc8e8 48%,#35d892 75%,#d8d845);box-shadow:inset 0 8px 20px hsla(0,0%,100%,.4),inset 0 -8px 20px rgba(0,0,0,.2),inset 0 0 30px rgba(26,207,255,.25),0 10px 40px rgba(26,207,255,.35),0 20px 60px rgba(80,245,151,.15);overflow:hidden}.create-core-highlight{top:8px;width:45px;height:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.2) 45%,transparent);filter:blur(5px)}.create-core-highlight,.create-core-highlight-secondary{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.create-core-highlight-secondary{bottom:15px;width:30px;height:8px;background:linear-gradient(0deg,hsla(0,0%,100%,.15),transparent);filter:blur(3px)}.create-core-plasma{position:absolute;inset:15%;border-radius:50%;background:linear-gradient(135deg,rgba(80,245,151,.5),rgba(26,207,255,.6) 50%,rgba(255,251,43,.35));background-size:200% 200%;filter:blur(15px);mix-blend-mode:overlay}.create-core-shimmer{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);pointer-events:none}.create-core-pulse-ring{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.25);pointer-events:none}.create-core-hover-pulse{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(26,207,255,.4);pointer-events:none}.create-question{text-align:center;padding:0 24px}.create-question-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:500;line-height:1.4;color:hsla(0,0%,100%,.85);letter-spacing:.02em;text-shadow:0 2px 16px rgba(0,0,0,.25)}@media (max-width:480px){.create-question-text{font-size:19px;letter-spacing:.01em}}.create-flow-modes{gap:48px;padding:20px 0}.create-flow-modes,.create-mode-option{display:flex;justify-content:center;align-items:center}.create-mode-option{position:relative;flex-direction:column;gap:14px;padding:20px 28px;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1);min-width:100px;-webkit-tap-highlight-color:transparent}.create-mode-option:hover{background:hsla(0,0%,100%,.04)}.create-mode-option:active{transform:scale(.96)}.create-mode-option.selected{background:hsla(0,0%,100%,.06)}.create-mode-option.dimmed{opacity:.25;transform:scale(.92);pointer-events:none}.create-mode-glow{position:absolute;inset:-30px;border-radius:50%;pointer-events:none;filter:blur(30px);opacity:0;transition:opacity .3s ease}.create-mode-option.selected .create-mode-glow,.create-mode-option:hover .create-mode-glow{opacity:1}.create-mode-icon{display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.22,1,.36,1)}.create-mode-icon svg{width:36px;height:36px;stroke-width:1.5}.create-mode-option:hover .create-mode-icon{transform:scale(1.1)}.create-mode-option.selected .create-mode-icon{transform:scale(1.15)}.create-mode-label{font-family:Inter,sans-serif;font-size:15px;font-weight:500;letter-spacing:.03em;transition:all .3s ease}.create-mode-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#50f597,#1acfff);box-shadow:0 0 10px rgba(26,207,255,.5)}@media (max-width:480px){.create-flow-modes{gap:32px}.create-mode-option{padding:16px 20px;min-width:85px}.create-mode-icon svg{width:30px;height:30px}.create-mode-label{font-size:13px}}.create-cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,rgba(80,245,151,.95),rgba(26,207,255,.9) 50%,rgba(255,251,43,.85));border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 6px 24px rgba(26,207,255,.25),inset 0 0 0 1px hsla(0,0%,100%,.08);-webkit-tap-highlight-color:transparent}.create-cta:hover{transform:translateY(-3px);box-shadow:0 10px 36px rgba(26,207,255,.35),inset 0 0 0 1px hsla(0,0%,100%,.12)}.create-cta:active{transform:translateY(-1px)}.create-cta-text{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#0a0a0a;letter-spacing:.01em}.create-cta-icon{display:flex;align-items:center;color:#0a0a0a;opacity:.8}.create-cta-icon svg{width:16px;height:16px}.create-flow-hint{position:absolute;bottom:max(28px,calc(env(safe-area-inset-bottom, 28px) + 12px));left:50%;transform:translateX(-50%);pointer-events:none}.create-flow-hint span{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:hsla(0,0%,100%,.35);letter-spacing:.02em}.create-flow-transition-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(26,207,255,.9) 0,rgba(80,245,151,.7) 25%,rgba(255,251,43,.5) 45%,transparent 65%);pointer-events:none;z-index:100;filter:blur(2px)}@media (prefers-reduced-motion:reduce){.create-core-energy-ring,.create-core-glow,.create-core-glow-outer,.create-core-plasma,.create-core-pulse-ring,.create-core-shimmer{animation:none!important}.create-flow-overlay *,.create-flow-overlay :after,.create-flow-overlay :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.2s!important}.create-flow-transition-effect{display:none}.create-core-body{transform:none!important}}@media (max-device-memory:4){.create-flow-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,0,0,.85)!important}.create-core-glow,.create-core-glow-outer{filter:blur(20px);opacity:.5}.create-core-energy-ring,.create-core-energy-ring-2{display:none}.create-mode-option{backdrop-filter:none;-webkit-backdrop-filter:none}.create-core-shimmer{display:none}}@media (min-width:1024px){.create-core{width:150px;height:150px}.create-question-text{font-size:26px}.create-flow-modes{gap:64px}.create-mode-option{padding:24px 36px;min-width:120px}.create-mode-icon svg{width:40px;height:40px}.create-mode-label{font-size:17px}}@media (min-width:1440px){.create-core{width:170px;height:170px}.create-flow-center{gap:48px}}.touch-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0 16px max(18px,calc(env(safe-area-inset-bottom, 0px) + 10px));pointer-events:none;animation:touchBarFadeIn .6s cubic-bezier(.22,1,.36,1)}@keyframes touchBarFadeIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){.touch-bar{display:none}}.touch-bar-bolt{position:absolute;left:20px;bottom:max(22px,calc(env(safe-area-inset-bottom, 0px) + 14px));width:46px;height:46px;border-radius:50%;border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(145deg,rgba(30,32,38,.9),rgba(18,20,24,.95));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 10px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.08);-webkit-tap-highlight-color:transparent}.touch-bar-bolt:hover{background:linear-gradient(145deg,rgba(40,42,48,.95),rgba(25,28,32,.98));color:hsla(0,0%,100%,.9);transform:scale(1.08);border-color:hsla(0,0%,100%,.15);box-shadow:0 12px 48px rgba(0,0,0,.6),0 6px 16px rgba(0,0,0,.35),0 0 20px rgba(100,200,255,.08)}.touch-bar-bolt:active{transform:scale(.94)}.touch-bar-main{position:relative;background:linear-gradient(180deg,rgba(22,24,28,.85),rgba(14,16,20,.92));backdrop-filter:blur(48px) saturate(200%);-webkit-backdrop-filter:blur(48px) saturate(200%);border-radius:28px;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 20px 60px rgba(0,0,0,.6),0 8px 30px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.06),0 0 40px rgba(0,0,0,.3);pointer-events:auto;overflow:visible;max-width:380px;width:100%}.touch-bar-main:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(100,231,255,.25) 25%,rgba(120,240,200,.35) 50%,rgba(198,255,94,.25) 75%,transparent);border-radius:1px;pointer-events:none}.touch-bar-inner{display:grid;grid-template-columns:1fr 1fr 60px 1fr 1fr;justify-items:center;min-height:60px;padding:8px 12px}.touch-bar-inner,.touch-bar-item{align-items:center;position:relative}.touch-bar-item{display:flex;justify-content:center;width:50px;height:42px;border-radius:14px;color:hsla(0,0%,100%,.3);text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}.touch-bar-item:hover{color:hsla(0,0%,100%,.55);background:hsla(0,0%,100%,.04)}.touch-bar-item:active{transform:scale(.9);background:hsla(0,0%,100%,.06)}.touch-bar-item.active{color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.06)}.touch-bar-item.active:hover{background:hsla(0,0%,100%,.1)}.touch-bar-icon{display:flex;align-items:center;justify-content:center;position:relative}.touch-bar-icon svg{transition:all .3s cubic-bezier(.22,1,.36,1)}.touch-bar-item:hover .touch-bar-icon svg{transform:scale(1.08)}.touch-bar-item.active .touch-bar-icon svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.15))}.touch-bar-center-wrapper{z-index:10}.touch-bar-center,.touch-bar-center-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.touch-bar-center{width:52px;height:52px;border-radius:50%;text-decoration:none;margin:4px;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.22,1,.36,1)}.touch-bar-center:hover{transform:scale(1.08) translateY(-3px)}.touch-bar-center:active{transform:scale(.94)}.touch-bar-center-glow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(80,245,151,.5) 0,rgba(26,207,255,.35) 30%,rgba(100,231,255,.2) 50%,rgba(198,255,94,.1) 65%,transparent 85%);filter:blur(14px);opacity:.85;animation:energyPulse 3s ease-in-out infinite;pointer-events:none}@keyframes energyPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.touch-bar-center:hover .touch-bar-center-glow{opacity:1;filter:blur(20px);animation:energyPulseHover 1.8s ease-in-out infinite}@keyframes energyPulseHover{0%,to{opacity:.95;transform:scale(1.08)}50%{opacity:1;transform:scale(1.25)}}.touch-bar-center-border{inset:0;padding:2.5px;background:linear-gradient(135deg,#50f597,#1acfff 50%,#fffb2b);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.touch-bar-center-bg,.touch-bar-center-border{position:absolute;border-radius:50%;pointer-events:none}.touch-bar-center-bg{inset:2.5px;background:radial-gradient(ellipse 80% 50% at 50% 20%,hsla(0,0%,100%,.35) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 50% 80%,rgba(0,0,0,.2) 0,transparent 50%),linear-gradient(160deg,#3dd98a,#2bc78a 20%,#15b8e8 50%,#3dd98a 80%,#e0e040);box-shadow:inset 0 4px 10px hsla(0,0%,100%,.3),inset 0 -4px 10px rgba(0,0,0,.2),inset 0 0 16px rgba(26,207,255,.25)}.touch-bar-center-bg:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:22px;height:10px;background:linear-gradient(180deg,hsla(0,0%,100%,.55),hsla(0,0%,100%,.15) 50%,transparent);border-radius:50%;filter:blur(2px)}.touch-bar-center-icon{position:relative;z-index:2;color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.touch-bar-center:hover .touch-bar-center-icon{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.touch-bar-center.active .touch-bar-center-glow{opacity:1;animation:energyPulseActive 2s ease-in-out infinite}@keyframes energyPulseActive{0%,to{opacity:.95;transform:scale(1.08)}50%{opacity:1;transform:scale(1.18)}}.touch-bar-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,71,87,.5),0 0 0 2px rgba(18,20,22,.95);z-index:10;line-height:1}@media (max-width:768px) and (orientation:landscape){.touch-bar{padding-bottom:12px}.touch-bar-main{max-width:360px;border-radius:26px}.touch-bar-inner{min-height:52px;padding:6px 10px;grid-template-columns:1fr 1fr 60px 1fr 1fr}.touch-bar-item{width:42px;height:36px;border-radius:12px}.touch-bar-center{width:46px;height:46px;margin:4px}.touch-bar-center-glow{inset:-8px}.touch-bar-bolt{width:38px;height:38px;left:12px;bottom:18px}}@media (max-width:390px){.touch-bar{padding:0 8px 14px}.touch-bar-main{border-radius:28px}.touch-bar-inner{min-height:56px;padding:6px 8px;grid-template-columns:1fr 1fr 60px 1fr 1fr}.touch-bar-item{width:44px;height:38px;border-radius:12px}.touch-bar-center{width:50px;height:50px;margin:4px}.touch-bar-center-glow{inset:-8px}.touch-bar-bolt{width:40px;height:40px;left:12px}}@media (max-width:359px){.touch-bar{padding:0 6px 12px}.touch-bar-main{border-radius:24px}.touch-bar-inner{min-height:52px;padding:5px 6px;grid-template-columns:1fr 1fr 56px 1fr 1fr}.touch-bar-item{width:40px;height:34px;border-radius:10px}.touch-bar-icon svg{width:20px;height:20px}.touch-bar-center{width:44px;height:44px;margin:4px}.touch-bar-center-glow{inset:-6px}.touch-bar-center-icon svg{width:20px;height:20px}.touch-bar-bolt{width:36px;height:36px;left:10px}.touch-bar-bolt svg{width:18px;height:18px}}@supports (padding-bottom:max(0px,env(safe-area-inset-bottom))){.touch-bar{padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px))}}@media (prefers-reduced-motion:reduce){.touch-bar,.touch-bar-center-glow{animation:none}.touch-bar-bolt,.touch-bar-center,.touch-bar-item{transition:none}}