.ui-card{background:var(--surface);border-radius:var(--revolut-card-radius,20px);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid color-mix(in srgb, var(--surface2) 55%, transparent);transition:border-color var(--duration-fast), transform var(--duration-fast)}.ui-card--keep-yellow{background:color-mix(in srgb, var(--keep-yellow) 42%, var(--gemini-surface));border-color:color-mix(in srgb, var(--keep-yellow) 28%, transparent)}.ui-card--keep-blue{background:color-mix(in srgb, var(--keep-blue) 42%, var(--gemini-surface));border-color:color-mix(in srgb, var(--keep-blue) 28%, transparent)}.ui-card--keep-green{background:color-mix(in srgb, var(--keep-green) 42%, var(--gemini-surface));border-color:color-mix(in srgb, var(--keep-green) 28%, transparent)}.ui-card--keep-pink{background:color-mix(in srgb, var(--keep-pink) 42%, var(--gemini-surface));border-color:color-mix(in srgb, var(--keep-pink) 28%, transparent)}.ui-card--keep-purple{background:color-mix(in srgb, var(--keep-purple) 42%, var(--gemini-surface));border-color:color-mix(in srgb, var(--keep-purple) 28%, transparent)}.ui-card.keep-card--pinned{border:none;box-shadow:0 1px 2px #0000000f}.ui-card[role=button]{cursor:pointer}.ui-card[role=button]:active{opacity:.9}.ui-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-ring__progress{transition:stroke-dashoffset var(--duration-normal) var(--ease-spring)}.ui-ring__center{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute}.ui-ring__value{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.ui-ring__unit{font-size:var(--font-size-xs);color:var(--muted);font-weight:500}.ui-ring__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.625rem}.ui-rings-stack{width:120px;height:120px;margin:0 auto;position:relative}.ui-rings-stack .ui-ring:first-child{position:absolute;top:0;left:0}.ui-rings-stack .ui-ring:nth-child(2){position:absolute;top:12px;left:12px}.ui-rings-stack .ui-ring:nth-child(3){position:absolute;top:24px;left:24px}.ui-ring--skeleton{background:linear-gradient(90deg, var(--surface2) 25%, var(--surface3,var(--surface2)) 50%, var(--surface2) 75%);background-size:200% 100%;border-radius:50%;animation:1.2s infinite ui-ring-shimmer}@keyframes ui-ring-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-swipe-stack{justify-content:center;align-items:center;min-height:280px;display:flex;position:relative}.ui-swipe-stack--tinder{min-height:400px;padding:.5rem 0 1rem}.ui-swipe-stack--tinder:before,.ui-swipe-stack--tinder:after{content:"";background:var(--gemini-surface);border:1px solid color-mix(in srgb, var(--surface2) 70%, transparent);pointer-events:none;z-index:0;border-radius:20px;width:92%;max-width:320px;height:72%;position:absolute;left:50%}.ui-swipe-stack--tinder:before{transform:translate(-50%, 12px) scale(calc(.94 * var(--swipe-next-scale,1)));opacity:.45}.ui-swipe-stack--tinder:after{transform:translate(-50%, 6px) scale(calc(.97 * var(--swipe-next-scale,1)));opacity:.65}.ui-swipe-card-wrap{z-index:1;width:100%;max-width:360px;position:relative}.ui-swipe-stamp{z-index:3;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;border:3px solid;border-radius:6px;padding:.35rem .75rem;font-size:1.125rem;font-weight:800;position:absolute}.ui-swipe-stamp--right{color:var(--ok);border-color:var(--ok);top:1.25rem;left:1rem;transform:rotate(-12deg)}.ui-swipe-stack--tinder .ui-swipe-stamp--right{color:var(--hinge-rose);border-color:var(--hinge-rose)}.ui-swipe-stamp--left{color:var(--warn);border-color:var(--warn);top:1.25rem;right:1rem;transform:rotate(12deg)}.ui-swipe-stamp--up{color:var(--muted);border-color:var(--muted);top:40%;left:50%;transform:translate(-50%,-50%)}.ui-swipe-action--right{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, var(--surface2))}.ui-swipe-stack--tinder .ui-swipe-action--right{color:var(--hinge-rose);border-color:color-mix(in srgb, var(--hinge-rose) 45%, var(--surface2));background:color-mix(in srgb, var(--hinge-rose) 12%, var(--gemini-surface))}.ui-swipe-action--left{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, var(--surface2))}.ui-swipe-stack--tinder .ui-swipe-card{z-index:1;max-width:360px;position:relative;box-shadow:0 12px 40px #00000059}.ui-swipe-hints{pointer-events:none;position:absolute;inset:0}.ui-swipe-hint{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.4;font-weight:600;position:absolute}.ui-swipe-hint--left{color:var(--warn);top:50%;left:.5rem;transform:translateY(-50%)}.ui-swipe-hint--right{color:var(--ok);top:50%;right:.5rem;transform:translateY(-50%)}.ui-swipe-hint--up{color:var(--muted);top:.5rem;left:50%;transform:translate(-50%)}.ui-swipe-card{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:340px;transition:transform var(--duration-fast), opacity var(--duration-fast);cursor:grab}.ui-swipe-card--dragging{cursor:grabbing;transition:none}.ui-swipe-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.ui-swipe-circle{border:2px solid var(--surface2);background:var(--surface);width:3.75rem;height:3.75rem;color:var(--text);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast), border-color var(--duration-fast);border-radius:50%;flex-direction:column;align-items:center;gap:.35rem;font-size:1.25rem;font-weight:600;line-height:1;display:flex;box-shadow:0 4px 16px #0000002e}.ui-swipe-circle span{pointer-events:none}.ui-swipe-circle--left{border-color:color-mix(in srgb, var(--warn) 55%, var(--surface2));color:var(--warn)}.ui-swipe-circle--up{border-color:color-mix(in srgb, var(--muted) 45%, var(--surface2));width:3.25rem;height:3.25rem;color:var(--muted);font-size:1.1rem}.ui-swipe-circle--right{border-color:color-mix(in srgb, var(--ok) 55%, var(--surface2));color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--surface))}.ui-swipe-circle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover){.ui-swipe-circle--left:hover{border-color:var(--warn);box-shadow:0 6px 20px color-mix(in srgb, var(--warn) 25%, transparent)}.ui-swipe-circle--up:hover{border-color:var(--muted)}.ui-swipe-circle--right:hover{border-color:var(--ok);box-shadow:0 6px 20px color-mix(in srgb, var(--ok) 28%, transparent)}}.ui-swipe-actions--tinder{gap:1.25rem;margin-top:1.25rem;padding-bottom:.25rem}.ui-swipe-circle{border-radius:var(--radius-full);cursor:pointer;background:var(--gemini-surface);width:3.5rem;height:3.5rem;transition:transform var(--duration-fast), box-shadow var(--duration-fast);border:2px solid #0000;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 4px 16px #00000047}.ui-swipe-circle:active{transform:scale(.92)}.ui-swipe-circle--left{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 55%, var(--surface2))}.ui-swipe-circle--up{width:3rem;height:3rem;color:var(--muted);border-color:color-mix(in srgb, var(--muted) 45%, var(--surface2));font-size:1.125rem}.ui-swipe-circle--right{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 55%, var(--surface2));background:color-mix(in srgb, var(--ok) 12%, var(--gemini-surface))}.ui-sheet-backdrop{z-index:100;animation:ui-fade-in var(--duration-normal);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ui-card--elevated{background:var(--gemini-surface);border-color:color-mix(in srgb, var(--surface2) 45%, transparent);box-shadow:0 8px 32px #00000047}.ui-sheet{width:100%;max-width:var(--max-width);background:var(--gemini-surface);max-height:85dvh;padding:var(--space-md);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));animation:ui-slide-up var(--duration-normal) var(--ease-spring);border-top:1px solid color-mix(in srgb, var(--surface2) 60%, transparent);border-radius:24px 24px 0 0;overflow-y:auto}.ui-sheet__title{margin:0 0 var(--space-md);letter-spacing:-.02em;text-align:center;font-size:1.125rem;font-weight:500}.ui-sheet__handle{background:var(--surface2);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-md)}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-ring__progress,.ui-swipe-card,.ui-sheet-backdrop,.ui-sheet{transition:none;animation:none}}
