.iphone-bezel{transform-style:preserve-3d;background-color:#111;box-shadow:inset 0 0 0 2px #52525b,inset 0 0 0 7px #000,0 40px 80px -15px #000000e6,0 15px 25px -5px #000000b3}.hardware-btn{background:linear-gradient(90deg,#404040 0%,#171717 100%);border-left:1px solid #ffffff0d;box-shadow:-2px 0 5px #000c,inset -1px 0 1px #ffffff26,inset 1px 0 2px #000c}.screen-glare{background:linear-gradient(110deg,#ffffff14 0%,#fff0 45%)}.widget-depth{background:linear-gradient(#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff08;box-shadow:0 10px 20px #0000004d,inset 0 1px 1px #ffffff0d,inset 0 -1px 1px #00000080}.floating-ui-badge{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff03 100%);box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #000c,inset 0 1px 1px #fff3,inset 0 -1px 1px #00000080}.progress-ring{transform-origin:50%;stroke-linecap:round;transform:rotate(-90deg)}.tsv-face{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(.97)}.tsv-face[data-show=true]{opacity:1;transform:none}.tsv-typing-dot{animation:1.3s ease-in-out infinite tsvTypingDot}@keyframes tsvTypingDot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-1.5px)}}@media (max-width:767px){.iphone-bezel{box-shadow:inset 0 0 0 2px #52525b,inset 0 0 0 7px #000,0 10px 20px -8px #000c}.widget-depth{box-shadow:inset 0 1px 1px #ffffff0d,inset 0 -1px 1px #00000080}.floating-ui-badge{-webkit-backdrop-filter:none;background:#ffffff1a}}[data-tsv-driver=self] .phone-widget{opacity:0;transition:opacity .5s,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:var(--tsv-delay,0s);transform:translateY(14px)scale(.97)}[data-tsv-driver=self][data-active=true] .phone-widget{opacity:1;transform:none}[data-tsv-driver=self] .progress-ring{transition:stroke-dashoffset 1.8s cubic-bezier(.2,.8,.2,1) .35s}[data-tsv-driver=self][data-active=true] .progress-ring{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){[data-tsv-driver=self] .phone-widget{opacity:1;transform:none}[data-tsv-driver=self] .progress-ring{stroke-dashoffset:0}}
.text-3d-matte{color:var(--color-foreground);text-shadow:0 10px 30px color-mix(in srgb, var(--color-foreground) 20%, transparent), 0 2px 4px color-mix(in srgb, var(--color-foreground) 10%, transparent)}.text-silver-matte{background:linear-gradient(180deg, var(--color-foreground) 0%, color-mix(in srgb, var(--color-foreground) 40%, transparent) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0px 10px 20px color-mix(in srgb, var(--color-foreground) 15%, transparent)) drop-shadow(0px 2px 4px color-mix(in srgb, var(--color-foreground) 10%, transparent));-webkit-background-clip:text;background-clip:text;transform:translateZ(0)}.btn-modern-light,.btn-modern-dark{transition:all .4s cubic-bezier(.25,1,.5,1)}.btn-modern-light{color:#0f172a;background:linear-gradient(#fff 0%,#f1f5f9 100%);box-shadow:0 0 0 1px #0000000d,0 2px 4px #0000001a,0 12px 24px -4px #0000004d,inset 0 1px 1px #fff,inset 0 -3px 6px #0000000f}.btn-modern-light:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #0000000d,0 6px 12px -2px #00000026,0 20px 32px -6px #0006,inset 0 1px 1px #fff,inset 0 -3px 6px #0000000f}.btn-modern-light:active{background:linear-gradient(#f1f5f9 0%,#e2e8f0 100%);transform:translateY(1px);box-shadow:0 0 0 1px #0000001a,0 1px 2px #0000001a,inset 0 3px 6px #0000001a,inset 0 0 0 1px #00000005}.btn-modern-dark{color:#fff;background:linear-gradient(#27272a 0%,#18181b 100%);box-shadow:0 0 0 1px #ffffff1a,0 2px 4px #0009,0 12px 24px -4px #000000e6,inset 0 1px 1px #ffffff26,inset 0 -3px 6px #000c}.btn-modern-dark:hover{background:linear-gradient(#3f3f46 0%,#27272a 100%);transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff26,0 6px 12px -2px #000000b3,0 20px 32px -6px #000,inset 0 1px 1px #fff3,inset 0 -3px 6px #000c}.btn-modern-dark:active{background:#18181b;transform:translateY(1px);box-shadow:0 0 0 1px #ffffff0d,inset 0 3px 8px #000000e6,inset 0 0 0 1px #00000080}@media (prefers-reduced-motion:reduce){.btn-modern-light,.btn-modern-dark{transition:none}.btn-modern-light:hover,.btn-modern-dark:hover{transform:none}}
