.card-ui{--cu-bg: #efebe8;--cu-text: #2b2522;--cu-muted: #645a54;--cu-accent: #b8410f;--cu-accent-strong: #c2440f;--cu-shadow: rgba(163, 146, 134, .45);--cu-orange: linear-gradient(145deg, #e8672f, #c2440f);background:var(--cu-bg);color:var(--cu-text);font-family:var(--font-display)}.card-ui .cu-raised{background:var(--cu-bg);box-shadow:7px 7px 16px var(--cu-shadow),-7px -7px 16px #fff}.card-ui .cu-raised-sm{background:var(--cu-bg);box-shadow:4px 4px 9px var(--cu-shadow),-4px -4px 9px #fff}.card-ui .cu-inset{background:var(--cu-bg);box-shadow:inset 4px 4px 9px var(--cu-shadow),inset -4px -4px 9px #fff}.card-ui .cu-orange{background:var(--cu-orange);color:#fff;box-shadow:6px 6px 14px #c2440f59,-6px -6px 14px #fff}.card-ui .cu-muted{color:var(--cu-muted)}.card-ui .cu-accent{color:var(--cu-accent)}.card-ui .cu-press{cursor:pointer;transition:box-shadow .2s,transform .15s,filter .2s}.card-ui .cu-press:active{box-shadow:inset 4px 4px 9px var(--cu-shadow),inset -4px -4px 9px #fff;transform:scale(.98)}.card-ui .cu-orange.cu-press:hover{filter:brightness(1.08)}.card-ui .cu-orange.cu-press:active{box-shadow:none}.card-ui :focus-visible{outline:2px solid var(--cu-accent-strong);outline-offset:3px}@keyframes cu-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cu-ping{0%{transform:scale(1);opacity:.55}to{transform:scale(3);opacity:0}}@keyframes cu-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.card-ui .cu-rise{animation:cu-rise .6s cubic-bezier(.2,.7,.2,1) both}.card-ui .cu-pop{animation:cu-pop .35s cubic-bezier(.2,.7,.2,1) both}.card-ui .cu-live{position:relative;width:8px;height:8px;border-radius:50%;background:#22aa5a}.card-ui .cu-live:after{content:"";position:absolute;inset:0;border-radius:50%;background:#22aa5a;will-change:transform,opacity;animation:cu-ping 1.8s ease-out infinite}.card-ui .cu-tile{border-radius:22px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;color:var(--cu-text);background:var(--cu-bg);box-shadow:7px 7px 16px var(--cu-shadow),-7px -7px 16px #fff;transition:box-shadow .25s,transform .2s;cursor:pointer}.card-ui .cu-tile:hover{transform:translateY(-2px)}.card-ui .cu-tile .cu-tile-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--cu-accent-strong);box-shadow:inset 3px 3px 7px var(--cu-shadow),inset -3px -3px 7px #fff}.card-ui .cu-tile .cu-tile-sub{font-size:12px;font-weight:600;color:var(--cu-muted)}.card-ui .cu-tile[aria-pressed=true]{background:var(--cu-orange);color:#fff;box-shadow:6px 6px 14px #c2440f59,-6px -6px 14px #fff}.card-ui .cu-tile[aria-pressed=true] .cu-tile-icon{background:#ffffff2e;color:#fff;box-shadow:none}.card-ui .cu-tile[aria-pressed=true] .cu-tile-sub{color:#ffe6da}.card-ui .cu-row{width:100%;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:18px;text-align:left;color:var(--cu-text);background:var(--cu-bg);box-shadow:5px 5px 12px var(--cu-shadow),-5px -5px 12px #fff;transition:box-shadow .25s;cursor:pointer}.card-ui .cu-row .cu-row-thumb{flex-shrink:0;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--cu-accent-strong);box-shadow:3px 3px 7px var(--cu-shadow),-3px -3px 7px #fff}.card-ui .cu-row[aria-pressed=true]{box-shadow:inset 4px 4px 10px #a3928680,inset -4px -4px 10px #fff}.card-ui .cu-row[aria-pressed=true] .cu-row-thumb{background:var(--cu-orange);color:#fff;box-shadow:none}.card-ui .cu-flip{position:relative;perspective:1400px}.card-ui .cu-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,.8,.25,1)}.card-ui .cu-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:28px;overflow:hidden}.card-ui .cu-back{transform:rotateY(180deg);pointer-events:none}.card-ui .cu-flip.is-flipped .cu-flip-inner{transform:rotateY(180deg)}.card-ui .cu-flip.is-flipped .cu-back{pointer-events:auto}.card-ui .cu-flip.is-flipped .cu-front{pointer-events:none}.card-ui .cu-flip:has(.cu-back :focus-visible) .cu-flip-inner{transform:rotateY(180deg)}@media(hover:hover){.card-ui .cu-flip:hover .cu-flip-inner{transform:rotateY(180deg)}.card-ui .cu-flip:hover .cu-back{pointer-events:auto}.card-ui .cu-flip:hover .cu-front{pointer-events:none}}.card-ui .cu-field{width:100%;border:0;outline:none;font:inherit;font-size:16px;color:var(--cu-text);padding:15px 16px;border-radius:16px;background:var(--cu-bg);box-shadow:inset 4px 4px 9px var(--cu-shadow),inset -4px -4px 9px #fff}.card-ui .cu-field::placeholder{color:#857a73}.card-ui .cu-field:focus{box-shadow:inset 4px 4px 9px var(--cu-shadow),inset -4px -4px 9px #fff,0 0 0 2px var(--cu-accent-strong)}.card-ui .cu-field[aria-invalid=true]{box-shadow:inset 4px 4px 9px var(--cu-shadow),inset -4px -4px 9px #fff,0 0 0 2px #c02626}.card-ui .cu-chip{min-height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--cu-text);background:var(--cu-bg);box-shadow:4px 4px 9px var(--cu-shadow),-4px -4px 9px #fff;transition:box-shadow .2s,background .2s,color .2s;cursor:pointer}.card-ui .cu-chip[aria-pressed=true]{background:var(--cu-orange);color:#fff;box-shadow:4px 4px 10px #c2440f59,-4px -4px 9px #fff}.card-ui .cu-switch{position:relative;flex-shrink:0;width:56px;height:32px;border-radius:999px;background:var(--cu-bg);box-shadow:inset 3px 3px 7px #a3928680,inset -3px -3px 7px #fff;transition:background .25s;cursor:pointer}.card-ui .cu-switch .cu-knob{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:2px 2px 5px #a3928699;transition:transform .25s}.card-ui .cu-switch[aria-checked=true]{background:var(--cu-orange);box-shadow:inset 2px 2px 5px #78280859}.card-ui .cu-switch[aria-checked=true] .cu-knob{transform:translate(24px)}@keyframes cu-float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes cu-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes cu-grow{0%{width:0}}@keyframes cu-dash{0%{stroke-dashoffset:264}}@keyframes cu-draw{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}.card-ui .cu-float{animation:cu-float 4.5s ease-in-out infinite;will-change:translate}.card-ui .cu-float-alt{animation:cu-float 5.5s ease-in-out infinite reverse;will-change:translate}.card-ui .cu-wave{animation:cu-wave 1.1s ease-in-out infinite;will-change:transform}.card-ui .cu-grow{animation:cu-grow 1.2s cubic-bezier(.2,.7,.2,1) both}.card-ui .cu-dash{animation:cu-dash 1.4s cubic-bezier(.2,.7,.2,1) both}.card-ui .cu-draw{stroke-dasharray:300;animation:cu-draw 1.6s cubic-bezier(.2,.7,.2,1) both}.card-ui .cu-seg-btn{flex:1;min-height:42px;border-radius:14px;font-size:13px;font-weight:800;color:var(--cu-muted);transition:background .25s,color .25s,box-shadow .25s;cursor:pointer}.card-ui .cu-seg-btn[aria-selected=true]{background:var(--cu-orange);color:#fff;box-shadow:3px 3px 8px #c2440f59}.card-ui .cu-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:6px 20px 26px;scrollbar-width:none}.card-ui .cu-rail::-webkit-scrollbar{display:none}.card-ui .cu-rail>*{scroll-snap-align:center;flex-shrink:0}@media(prefers-reduced-motion:reduce){.card-ui *,.card-ui *:before,.card-ui *:after{animation:none!important;transition:none!important}}