:root{--glass-backdrop:blur(20px) saturate(180%);--glass-border:1px solid rgba(255,255,255,0.125);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.37);--apple-radius:20px;--apple-radius-small:12px;--apple-radius-large:28px;--apple-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--apple-transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}[data-surface=translucent]{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--apple-transition)}[data-variant=ghost]:hover,[data-variant=secondary]:hover{backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);transform:translateY(-1px);box-shadow:0 12px 40px 0 rgba(255,215,0,.3)}[data-component=toggle-button]{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(255,255,255,.1);overflow:hidden}[data-component=toggle-button]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(255,215,0,.2);border-color:rgba(255,215,0,.3)}[data-component=toggle-button]:hover,[data-component=toggle-button][data-selected=true]{backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%)}[data-component=toggle-button][data-selected=true]{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,237,78,.1));border-color:rgba(255,215,0,.4);box-shadow:0 4px 15px rgba(255,215,0,.2),inset 0 1px 3px rgba(255,215,0,.1)}[data-component=toggle-button][data-selected=true]:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 6px 20px rgba(255,215,0,.3),inset 0 1px 3px rgba(255,215,0,.2)}[data-theme=dark] [data-component=toggle-button]{border-color:rgba(255,255,255,.05)}[data-theme=dark] [data-component=toggle-button]:hover{border-color:rgba(255,215,0,.4);box-shadow:0 8px 25px rgba(255,215,0,.15)}[data-theme=dark] [data-component=toggle-button][data-selected=true]{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,237,78,.05));border-color:rgba(255,215,0,.5);box-shadow:0 4px 15px rgba(255,215,0,.15),inset 0 1px 3px rgba(255,215,0,.1)}[data-theme=dark] [data-component=toggle-button][data-selected=true]:hover{box-shadow:0 6px 20px rgba(255,215,0,.25),inset 0 1px 3px rgba(255,215,0,.15)}[data-border=rounded]{border-radius:var(--apple-radius)!important;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);transition:var(--apple-transition)}header{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] header{background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.05)}[data-component=avatar]{border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.3);transition:var(--apple-transition)}[data-component=avatar]:hover{transform:scale(1.02);box-shadow:0 12px 40px 0 rgba(31,38,135,.4)}[role=button]:focus-visible,button:focus-visible{outline:2px solid var(--brand-background-strong);outline-offset:2px;border-radius:var(--apple-radius-small)}.theme-switch-container{display:flex;align-items:center;justify-content:center}.theme-switch{position:relative;width:60px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-switch:focus-visible{outline:2px solid var(--brand-background-strong);outline-offset:2px}.switch-track{position:relative;width:100%;height:100%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:16px;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);overflow:hidden}.switch-thumb,.switch-track{transition:all .4s cubic-bezier(.4,0,.2,1)}.switch-thumb{position:absolute;top:2px;left:2px;width:26px;height:26px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.switch-icon{font-size:12px;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-switch.light .switch-thumb{transform:translateX(0);background:linear-gradient(135deg,#ffd700,#ffed4e);box-shadow:0 2px 8px rgba(255,215,0,.3)}.theme-switch.light .switch-track{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,237,78,.1));border-color:rgba(255,215,0,.4);box-shadow:inset 0 1px 3px rgba(255,215,0,.2)}.theme-switch.dark .switch-thumb{transform:translateX(28px);background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 2px 8px rgba(255,215,0,.2)}.theme-switch.dark .switch-track{background:linear-gradient(135deg,rgba(26,26,46,.8),rgba(22,33,62,.6));border-color:rgba(255,215,0,.3);box-shadow:inset 0 1px 3px rgba(255,215,0,.1)}.theme-switch.system .switch-thumb{transform:translateX(14px);background:linear-gradient(135deg,#ffd700,#1a1a2e);box-shadow:0 2px 8px rgba(255,215,0,.25)}.theme-switch.system .switch-track{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(26,26,46,.4));border-color:rgba(255,215,0,.35);box-shadow:inset 0 1px 3px rgba(255,215,0,.15)}.theme-switch:hover .switch-track{transform:scale(1.05);box-shadow:0 6px 25px rgba(255,215,0,.2),inset 0 1px 3px rgba(255,215,0,.2);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%)}.theme-switch:hover .switch-thumb{box-shadow:0 4px 15px rgba(255,215,0,.4);transform:scale(1.05)}[data-theme=dark] .theme-switch.light .switch-track{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,237,78,.2));border-color:rgba(255,215,0,.5)}[data-theme=dark] .theme-switch.dark .switch-track{background:linear-gradient(135deg,rgba(15,15,35,.9),rgba(26,26,46,.7));border-color:rgba(255,215,0,.4)}[data-theme=dark] .theme-switch.system .switch-track{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(26,26,46,.5));border-color:rgba(255,215,0,.45)}html{scroll-behavior:smooth}*{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}[role=button],a,button{transition:all .4s cubic-bezier(.4,0,.2,1)}.card,.container,[data-border=rounded],[data-surface=translucent]{transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid rgba(255,215,0,.8);outline-offset:2px;border-radius:var(--apple-radius-small);box-shadow:0 0 0 4px rgba(255,215,0,.2)}::selection{background:rgba(255,215,0,.3);color:var(--neutral-on-background-strong)}::-webkit-scrollbar-thumb{background:rgba(255,215,0,.3)}::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.5)}[data-component=media] img[src*=mobile-video-platform]{width:100px!important;height:160px!important;object-fit:cover!important;border-radius:20px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;transition:var(--apple-transition)!important;border:3px solid transparent!important;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,215,0,.1))!important;background-clip:padding-box!important;cursor:pointer!important;position:relative!important}[data-component=media] img[src*=mobile-video-platform]:hover{transform:scale(1.05)!important;box-shadow:0 8px 30px rgba(0,0,0,.25)!important;border-color:rgba(255,215,0,.3)!important}[data-component=media] img[src*=mobile-video-platform]:before{content:""!important;position:absolute!important;top:-3px!important;left:-3px!important;right:-3px!important;bottom:-3px!important;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,215,0,.2),rgba(255,255,255,.1))!important;border-radius:23px!important;z-index:-1!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}[data-component=media][data-enlarge]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;grid-gap:12px!important;gap:12px!important;justify-items:center!important;padding:16px!important;max-width:90vw!important;margin:0 auto!important}.mobile-screenshot-grid,[data-component=project-card] .mobile-screenshot-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;grid-gap:12px!important;gap:12px!important;justify-items:center!important;padding:16px!important;max-width:90vw!important;margin:0 auto!important;width:100%!important;justify-content:center!important;align-content:center!important}[data-component=project-card]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0 auto!important}[data-component=project-card]:has(.mobile-screenshot-grid) [data-component=carousel]{display:none!important}@media (max-width:480px){.mobile-screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;gap:12px!important}}@media (min-width:481px) and (max-width:768px){.mobile-screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important;gap:14px!important}}@media (min-width:769px) and (max-width:1024px){.mobile-screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;gap:12px!important}}@media (min-width:1025px) and (max-width:1440px){.mobile-screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;gap:18px!important}}@media (min-width:1441px){.mobile-screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:20px!important}}.mobile-screenshot-grid img{border-radius:16px!important;transition:transform .2s ease!important}.mobile-screenshot-grid img:hover{transform:scale(1.04)!important}[data-component=project-card] img[src*=mobile-video-platform]{max-width:100%!important;height:200px!important;object-fit:cover!important;border-radius:12px!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}img[src*=mobile-video-platform]{width:80px!important;height:140px!important;object-fit:contain!important;border-radius:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important;transition:all .3s ease!important;background-color:rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;cursor:pointer!important}img[src*=mobile-video-platform]:hover{transform:scale(1.05)!important;box-shadow:0 8px 25px rgba(0,0,0,.2)!important}.mobile-screenshot-gallery{padding:20px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;background:rgba(255,255,255,.02)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.mobile-screenshot-gallery [data-component=media]{width:100%!important;height:auto!important;margin:8px 0!important}.mobile-screenshot-gallery [data-component=media] img{object-fit:contain!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;cursor:pointer!important;transition:transform .3s ease!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.mobile-screenshot-gallery [data-component=media] img:hover{transform:scale(1.02)!important;box-shadow:0 8px 25px rgba(0,0,0,.2)!important}@media (max-width:768px){.mobile-screenshot-gallery{padding:15px!important}.mobile-screenshot-gallery [data-component=media]{margin:6px 0!important}}