@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.photo-button{touch-action:manipulation;background:radial-gradient(circle at 30% 30%,#fff,#e5e7eb);border-radius:9999px;width:210px;height:210px;padding:14px;transition:transform .18s,box-shadow .18s;display:block;position:relative;box-shadow:0 22px 40px #0f172a73,inset 0 0 0 5px #fffffff2}.photo-button:before{content:"";border-radius:inherit;pointer-events:none;border:12px solid #0000;transition:border-color .18s,box-shadow .18s;position:absolute;inset:10px;box-shadow:0 0 20px #ffffffe6}.photo-button-inner{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.photo-button-inner img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block;transform:scale(1.03)}.photo-button-inner:after{content:"";border-radius:inherit;mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#0000 60%,#00000026);position:absolute;inset:0}.photo-button-inner:before{content:"";opacity:.9;pointer-events:none;background:radial-gradient(circle at 20% 0,#ffffffe6,#0000 60%);border-radius:50%;width:120%;height:60%;position:absolute;top:-10%;left:-5%}.photo-button:hover{transform:translateY(-6px)scale(1.05);box-shadow:0 26px 50px #0f172a99,inset 0 0 0 4px #ffffffe6}.photo-button:hover .photo-button-inner img{transform:scale(1.08)}.photo-button:active{transform:translateY(3px)scale(.97);box-shadow:0 12px 24px #0f172a59,inset 0 0 0 3px #ffffffe6}.photo-button:active:before{border-color:#22c55e;box-shadow:0 0 24px #22c55ee6}.ring-green:before{border-color:#22c55e;box-shadow:0 0 20px #22c55eb3}.ring-orange:before{border-color:#fb923c;box-shadow:0 0 20px #fb923cb3}.ring-blue:before{border-color:#0ea5e9;box-shadow:0 0 20px #0ea5e9b3}.ring-rose:before{border-color:#ec4899;box-shadow:0 0 20px #ec4899b3}.ring-slate:before{border-color:#0f172a;box-shadow:0 0 20px #0f172ab3}.ring-purple:before{border-color:#a855f7;box-shadow:0 0 20px #a855f7b3}.name-label{letter-spacing:.07em;font-size:2.4rem;font-weight:900}@media (max-width:400px){.photo-button{width:190px;height:190px}.name-label{font-size:2rem}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}