@layer flippy.reset,flippy.tokens,flippy.base,flippy.layout,flippy.controls,flippy.components,flippy.utilities,flippy.overrides;@layer flippy.reset{body,body *{box-sizing:border-box}html,body{height:100%;min-height:100%;overflow:hidden;margin:0 auto;--fl-font-scale: 1;--fl-text-xl: calc(var(--fl-font-base) * 1.25);--fl-text-2xl: calc(var(--fl-font-base) * 1.5);--fl-leading-tight: 1.2;--fl-leading-normal: 1.45;--fl-weight-regular: 400;--fl-weight-medium: 500;--fl-weight-semibold: 600;--fl-weight-bold: 700;--fl-space-0: 0;--fl-space-1: .25rem;--fl-space-2: .5rem;--fl-space-3: .75rem;--fl-space-4: 1rem;--fl-space-5: 1.25rem;--fl-space-6: 1.5rem;--fl-space-8: 2rem;--fl-space-10: 2.5rem;--fl-space-12: 3rem;--fl-radius-sm: .5rem;--fl-radius-md: .75rem;--fl-radius-lg: 1rem;--fl-radius-xl: 1.25rem;--fl-radius-pill: 999px;--fl-shadow-1: 0 1px 2px rgba(0, 0, 0, .08);--fl-shadow-2: 0 6px 18px rgba(0, 0, 0, .12);--fl-ease: cubic-bezier(.2, .8, .2, 1);--fl-dur-1: .12s;--fl-dur-2: .18s;--fl-blue-50: #f4fffb;--fl-blue-100: #e5fbf7;--fl-blue-200: #b8f3ea;--fl-blue-300: #8de8dc;--fl-blue-400: #5fdcd0;--fl-blue-500: #22c7c5;--fl-blue-600: #1baea9;--fl-blue-700: #168f88;--fl-slate-50: #fff9f3;--fl-slate-100: #f5efe5;--fl-slate-200: #e7ddce;--fl-slate-300: #d5c8b6;--fl-slate-600: #514741;--fl-slate-700: #3f3632;--fl-slate-800: #2f2724;--fl-slate-900: #241d1b;--fl-green-600: #1ca85c;--fl-amber-600: #f4a11a;--fl-red-600: #f66c83;--fl-bg-canvas: #fff9f3;--fl-bg-surface: #ffffff;--fl-bg-muted: #fff1e1;--fl-text-default: #2f2a34;--fl-text-muted: #413b48;--fl-text-subtle: #6c6674;--fl-text-onBrand: #ffffff;--fl-border-default: #ecdccc;--fl-border-strong: #decab4;--fl-brand: #22c7c5;--fl-brand-hover: #1baea9;--fl-brand-soft: #e6f8f6;--fl-focus: #f4b34c;--fl-status-success: var(--fl-green-600);--fl-status-warning: var(--fl-amber-600);--fl-status-danger: var(--fl-red-600);--fl-accent-teal: #6fd9cf;--fl-accent-teal-strong: #1f7d78;--fl-accent-pink: #f88ba4;--fl-accent-pink-strong: #c64a6c;--fl-accent-orange: #ffc77a;--fl-accent-orange-strong: #c87a28;--fl-accent-mint: #b3eadb;--fl-accent-mint-strong: #2f8f7c;--fl-control-h: 2.75rem;--fl-control-pad-x: var(--fl-space-4);--fl-app-maxw: 600px;--fl-content-maxw: 56rem;--fl-shell-pad: var(--fl-space-4);--fl-font-sans: "Quicksand", "Nunito", "Poppins", "Rounded Mplus", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--fl-font-mono: "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--fl-font-base: 1rem;--fl-text-sm: .875rem;--fl-text-md: 1rem;--fl-text-lg: 1.125rem}body.themeDark{--fl-bg-canvas: #0f1319;--fl-bg-surface: #151b23;--fl-bg-muted: #1a202c;--fl-text-default: #f3f4f6;--fl-text-muted: #d7d9dd;--fl-text-subtle: #9ea3ab;--fl-border-default: rgba(255, 255, 255, .12);--fl-border-strong: rgba(255, 255, 255, .18);--fl-brand: var(--fl-blue-500);--fl-brand-hover: #3ad4d2;--fl-brand-soft: rgba(34, 199, 197, .14);--fl-focus: #f4b34c;--fl-shadow-1: 0 1px 2px rgba(0, 0, 0, .42);--fl-shadow-2: 0 12px 28px rgba(0, 0, 0, .55)}}@layer flippy.base{body{font-family:var(--fl-font-sans);color:var(--fl-text-default);background:var(--fl-bg-canvas);line-height:var(--fl-leading-normal);font-size:var(--fl-text-md)}[data-unstyled]{all:revert}:is(h1,h2,h3){line-height:var(--fl-leading-tight);letter-spacing:-.01em;margin-top:0;margin-bottom:0}h1{font-size:clamp(calc(1.75rem * var(--fl-font-scale)),calc((1.35rem + 1vw) * var(--fl-font-scale)),calc(2.35rem * var(--fl-font-scale)));font-weight:var(--fl-weight-bold)}h2{font-size:clamp(calc(1.45rem * var(--fl-font-scale)),calc((1.2rem + .7vw) * var(--fl-font-scale)),calc(1.95rem * var(--fl-font-scale)));font-weight:var(--fl-weight-semibold)}h3{font-size:clamp(calc(1.2rem * var(--fl-font-scale)),calc((1.05rem + .5vw) * var(--fl-font-scale)),calc(1.6rem * var(--fl-font-scale)));font-weight:var(--fl-weight-regular)}:is(h1>span,h2>span,h3>span){display:block;font-size:var(--fl-text-sm);font-weight:var(--fl-weight-regular);color:var(--fl-text-subtle);margin-top:var(--fl-space-1)}:is(p,li){color:var(--fl-text-muted);margin-top:0}small{font-size:var(--fl-text-sm);color:var(--fl-text-subtle)}a[href]{color:var(--fl-brand)}a[href]:hover{color:var(--fl-brand-hover);text-decoration:underline;text-underline-offset:3px}hr{border:0;border-top:1px solid var(--fl-border-default);margin:var(--fl-space-6) 0}:is(code,pre){font-family:var(--fl-font-mono);font-size:.95em}pre{background:var(--fl-bg-muted);border:1px solid var(--fl-border-default);border-radius:var(--fl-radius-md);padding:var(--fl-space-4);overflow:auto}}@layer flippy.layout{body{height:100svh;min-height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}body>header,body>footer{padding:var(--fl-shell-pad)}main{padding:var(--fl-space-6) var(--fl-space-4);width:100%;max-width:600px;margin:0 auto;display:grid;justify-items:stretch;min-height:0;transition:max-width .2s ease}@media(min-width:768px){main{max-width:680px;padding:var(--fl-space-8) var(--fl-space-6)}}@media(min-width:1024px){main{max-width:800px;padding:var(--fl-space-10) var(--fl-space-8)}}@media(min-width:1440px){main{max-width:900px}}main>*{min-height:0}main.flFormPage{max-width:480px}@media(min-width:768px){main.flFormPage{max-width:520px}}main.flFullHeight{min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:var(--fl-space-6)}main.flFullHeight>*{min-height:auto!important}@media(min-width:1024px){main.flFormPage{max-width:560px}}.flContainer{width:100%;min-height:0}.flContent{width:100%;max-width:var(--fl-content-maxw);min-height:0;margin:0 auto}.flScrollArea{overflow-y:auto;overflow-x:hidden;max-height:100%;min-height:0}.flStack{display:grid;gap:var(--fl-space-4)}.flRow{display:flex;align-items:center;gap:var(--fl-space-3)}.flWrap{flex-wrap:wrap}.flSpacer{flex:1 1 auto}}@layer flippy.controls{:is(button,[role=button],input[type=button],input[type=submit]){height:var(--fl-control-h);border-radius:var(--fl-radius-pill);padding:0 var(--fl-control-pad-x);display:inline-flex;align-items:center;justify-content:center;gap:var(--fl-space-2);border:1px solid var(--fl-border-default);background:var(--fl-bg-surface);color:var(--fl-text-default);box-shadow:var(--fl-shadow-1);transition:transform var(--fl-dur-1) var(--fl-ease),background var(--fl-dur-1) var(--fl-ease),border-color var(--fl-dur-1) var(--fl-ease),box-shadow var(--fl-dur-1) var(--fl-ease);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:is(button,[role=button]):hover{border-color:var(--fl-border-strong);box-shadow:var(--fl-shadow-2)}:is(button,[role=button]):active{transform:translateY(1px)}:is(button,[role=button]):focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--fl-focus),transparent 55%),var(--fl-shadow-2);border-color:color-mix(in srgb,var(--fl-focus),var(--fl-border-strong) 50%)}:is(button[disabled],[aria-disabled=true]){opacity:.78;cursor:not-allowed;transform:none}button[data-variant=primary]{background:var(--fl-brand);border-color:color-mix(in srgb,var(--fl-brand),black 8%);color:var(--fl-text-onBrand)}button[data-variant=primary]:hover{background:var(--fl-brand-hover)}button[data-variant=soft]{background:var(--fl-brand-soft);border-color:color-mix(in srgb,var(--fl-brand),transparent 65%);color:var(--fl-brand)}button[data-variant=danger]{background:color-mix(in srgb,var(--fl-status-danger),white 6%);border-color:color-mix(in srgb,var(--fl-status-danger),black 8%);color:#fff}button[data-size=sm]{height:2.25rem;padding:0 var(--fl-space-3);font-size:var(--fl-text-sm)}button[data-size=lg]{height:3.25rem;padding:0 var(--fl-space-6);font-size:var(--fl-text-lg)}:is(input:not([type=checkbox]):not([type=radio]),textarea,select){min-height:var(--fl-control-h);width:100%;border-radius:var(--fl-radius-lg);padding:var(--fl-space-3) var(--fl-space-4);border:1px solid var(--fl-border-default);background:var(--fl-bg-surface);color:var(--fl-text-default);box-shadow:var(--fl-shadow-1);transition:border-color var(--fl-dur-1) var(--fl-ease),box-shadow var(--fl-dur-1) var(--fl-ease)}:is(input,textarea,select):focus-visible{border-color:var(--fl-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--fl-focus),transparent 55%),var(--fl-shadow-1)}textarea{min-height:7rem;resize:vertical}label{display:grid;gap:var(--fl-space-2);font-size:var(--fl-text-sm);font-weight:var(--fl-weight-medium);color:var(--fl-text-default)}.flFieldHint{font-size:var(--fl-text-sm);color:var(--fl-text-subtle)}.flFieldError{font-size:var(--fl-text-sm);color:var(--fl-status-danger)}}@layer flippy.components{.flCard:not([data-theme]){padding:var(--fl-space-6)}.flBadge{display:inline-flex;align-items:center;gap:var(--fl-space-1);padding:.25rem .5rem;border-radius:var(--fl-radius-pill);border:1px solid var(--fl-border-default);background:var(--fl-bg-muted);color:var(--fl-text-muted);font-size:var(--fl-text-sm);font-weight:var(--fl-weight-medium)}.flBadge[data-tone=success]{border-color:color-mix(in srgb,var(--fl-status-success),transparent 70%);background:color-mix(in srgb,var(--fl-status-success),transparent 88%);color:var(--fl-status-success)}.flBadge[data-tone=warning]{border-color:color-mix(in srgb,var(--fl-status-warning),transparent 70%);background:color-mix(in srgb,var(--fl-status-warning),transparent 88%);color:var(--fl-status-warning)}.flBadge[data-tone=danger]{border-color:color-mix(in srgb,var(--fl-status-danger),transparent 70%);background:color-mix(in srgb,var(--fl-status-danger),transparent 88%);color:var(--fl-status-danger)}.flSkeleton{border-radius:var(--fl-radius-md);background:linear-gradient(90deg,color-mix(in srgb,var(--fl-bg-muted),transparent 0%),color-mix(in srgb,var(--fl-bg-muted),white 6%),color-mix(in srgb,var(--fl-bg-muted),transparent 0%) 90%);background-size:200% 100%;animation:flShimmer 1.2s var(--fl-ease) infinite}@keyframes flShimmer{0%{background-position:0% 0%}to{background-position:-200% 0%}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.flSkeleton{animation:none}[style*=animation]{animation:none!important}}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(90vw,420px);max-width:90vw;min-width:280px;box-sizing:border-box;border:1px solid var(--fl-border-default);border-radius:var(--fl-radius-xl);padding:var(--fl-space-6);background:var(--fl-bg-surface);color:var(--fl-text-default);box-shadow:var(--fl-shadow-2);z-index:1000}dialog::backdrop{background:#00000073;z-index:999}}@layer flippy.utilities{.flHidden{display:none}.flMuted{color:var(--fl-text-subtle)}.flDangerText{color:var(--fl-status-danger)}.flWeightSemibold{font-weight:var(--fl-weight-semibold)}.flTextCenter{text-align:center}.flTextXL{font-size:var(--fl-text-xl)}.flIconLg{font-size:calc(var(--fl-font-base) * 2.4)}.flCardDecor{display:grid;place-items:center;gap:var(--fl-space-2);height:auto;min-height:0;color:var(--fl-card-ink, inherit);--fl-card-decor-color: var(--fl-card-accent, currentColor);--fl-card-decor-ink: rgba(0, 0, 0, .14);position:relative;overflow:hidden}.flCardDecorBottom{position:relative;overflow:hidden}.flCardDecorBottom:before{content:"";position:absolute;inset:35% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 3%,color-mix(in srgb,var(--fl-card-accent, currentColor),black 18%) 70%,color-mix(in srgb,var(--fl-card-accent, currentColor),black 32%) 100%);opacity:.38;z-index:0}.flCardDecorBottom>*{position:relative;z-index:1}.flCardDecor:after{content:"";position:absolute;width:120%;height:100%;inset:0 -12% 0 auto;pointer-events:none;color:var(--fl-card-decor-color);opacity:.55;z-index:0;background-repeat:no-repeat;background-position:right bottom;background-size:auto 100%;background-image:radial-gradient(circle at 20% 38%,currentColor 0%,currentColor 13%,transparent 13%,transparent 100%),radial-gradient(circle at 32% 64%,currentColor 0%,currentColor 10%,transparent 10%,transparent 100%),radial-gradient(circle at 78% 52%,currentColor 0%,currentColor 8%,transparent 8%,transparent 100%),radial-gradient(circle at 22% 54%,currentColor 0%,currentColor 6%,transparent 6%,transparent 100%),radial-gradient(circle at 96% 16%,currentColor 0%,currentColor 30%,transparent 30%,transparent 100%),radial-gradient(circle at 52% 94%,currentColor 0%,currentColor 20%,transparent 20%,transparent 100%),radial-gradient(circle at 60% 50%,currentColor 0%,currentColor 8%,transparent 8%,transparent 100%);mix-blend-mode:normal}@supports (background: color-mix(in srgb,white,black)){.flCardDecor:after{background-image:radial-gradient(circle at 20% 38%,color-mix(in srgb,currentColor,black 46%) 0%,color-mix(in srgb,currentColor,black 46%) 13%,transparent 13%,transparent 100%),radial-gradient(circle at 32% 64%,color-mix(in srgb,currentColor,black 44%) 0%,color-mix(in srgb,currentColor,black 44%) 10%,transparent 10%,transparent 100%),radial-gradient(circle at 78% 52%,color-mix(in srgb,currentColor,black 50%) 0%,color-mix(in srgb,currentColor,black 50%) 8%,transparent 8%,transparent 100%),radial-gradient(circle at 22% 54%,color-mix(in srgb,currentColor,black 44%) 0%,color-mix(in srgb,currentColor,black 44%) 6%,transparent 6%,transparent 100%),radial-gradient(circle at 96% 16%,color-mix(in srgb,currentColor,black 42%) 0%,color-mix(in srgb,currentColor,black 42%) 30%,transparent 30%,transparent 100%),radial-gradient(circle at 52% 94%,color-mix(in srgb,currentColor,black 46%) 0%,color-mix(in srgb,currentColor,black 46%) 20%,transparent 20%,transparent 100%),radial-gradient(circle at 60% 50%,color-mix(in srgb,currentColor,black 42%) 0%,color-mix(in srgb,currentColor,black 42%) 8%,transparent 8%,transparent 100%);mix-blend-mode:soft-light}}.flCardDecor>*{position:relative;z-index:1}.flCardDecor[data-theme=teal]{--fl-card-accent: var(--fl-accent-teal);--fl-card-ink: var(--fl-accent-teal-strong);background:var(--fl-accent-teal)}.flCardDecor[data-theme=pink]{--fl-card-accent: var(--fl-accent-pink);--fl-card-ink: var(--fl-accent-pink-strong);background:var(--fl-accent-pink)}.flCardDecor[data-theme=orange]{--fl-card-accent: var(--fl-accent-orange);--fl-card-ink: var(--fl-accent-orange-strong);background:var(--fl-accent-orange)}.flCardDecor[data-theme=mint]{--fl-card-accent: var(--fl-accent-mint);--fl-card-ink: var(--fl-accent-mint-strong);background:var(--fl-accent-mint)}.flAspect43{aspect-ratio:4 / 3;width:100%}.flNoMargin{margin:0}.flCenter{display:grid;place-items:center}.flScrollable{overflow-y:auto;overflow-x:hidden;max-height:100%;min-height:0}.flFullHeight{height:100%;min-height:0}.flMinHFull{min-height:100%}.flFlexCol{display:flex;flex-direction:column}.flCursorPointer{cursor:pointer}.flGap0{gap:0}.flGap2{gap:var(--fl-space-2)}.flGap4{gap:var(--fl-space-4)}.flGap3{gap:var(--fl-space-3)}.flGap5{gap:var(--fl-space-5)}.flPad4{padding:var(--fl-space-4)}.flPad6{padding:var(--fl-space-6)}.flAlignCenter{align-items:center}.flAlignBaseline{align-items:baseline}.flAlignStart{align-items:flex-start}.flListReset{list-style:none;padding:0;margin:0}.flWFull{width:100%}.flW80{width:80px}.flW120{width:120px}.flW200{width:200px}.flH20{height:20px}.flFlex1{flex:1 1 0}.flIndent6{margin-left:var(--fl-space-6)}.flTextRight{text-align:right}.flSkeletonAvatar{width:3rem;height:3rem;border-radius:50%}.flSkeletonLineMd{width:8rem;height:1.5rem}.flSkeletonLineSm{width:4rem;height:1rem}.flCodeBlock{background:var(--fl-bg-muted);padding:var(--fl-space-3);border-radius:var(--fl-radius-md);font-size:var(--fl-text-sm);overflow:auto}.flMt2{margin-top:var(--fl-space-2)}.flBgMuted{background:var(--fl-bg-muted)}.flBrandText{color:var(--fl-brand)}.flTextSm{font-size:var(--fl-text-sm)}.flWeightBold{font-weight:var(--fl-weight-bold)}.flWeightMedium{font-weight:var(--fl-weight-medium)}.flText2xl{font-size:var(--fl-text-2xl)}.flMaxW28{max-width:28rem}.flGlassCard{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flCircleButtonLg{width:5rem;height:5rem;border-radius:50%;border:3px solid var(--fl-brand);background:var(--fl-bg-surface);display:grid;place-items:center;font-size:var(--fl-text-2xl);cursor:pointer}.flCircleButtonSm{width:2.5rem;height:2.5rem;border-radius:50%;padding:0}.flAvatarImg{width:100%;height:100%;border-radius:50%;object-fit:cover}.flFieldsetReset{border:none;padding:0;margin:0}.flLegend{font-size:var(--fl-text-sm);font-weight:var(--fl-weight-medium);margin-bottom:var(--fl-space-2)}.flReadOnlyField{background:var(--fl-bg-muted);cursor:not-allowed}.flJustifyCenter{justify-content:center}.flAlignStretch{align-items:stretch}.flOverflowHidden{overflow:hidden}.flBgGradientPurple{background:linear-gradient(135deg,#667eea,#764ba2)}.flWaveTop{position:absolute;top:0;left:0;right:0;height:100px;background:#ffffff1a;clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}.flWaveBottom{position:absolute;bottom:0;left:0;right:0;height:100px;background:#ffffff1a;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.flBlock{display:block}.flH160{height:10rem}}@layer flippy.overrides{body[data-font-scale=large]{--fl-font-scale: 1.1}[data-compact=true]{--fl-shell-pad: var(--fl-space-3);--fl-control-h: 2.5rem}[data-embed] :is(button,input,select,textarea){all:revert}.screen{position:relative;overflow:hidden;isolation:isolate;background:var(--fl-bg-canvas);min-height:100vh;display:flex;align-items:center;justify-content:center;margin:calc(-1 * var(--fl-shell-pad));padding:var(--fl-shell-pad)}.screen>*:not(.waveSand):not(.wavePink):not(.waveTeal){position:relative;z-index:10}:is(.waveSand,.wavePink,.waveTeal){position:absolute;pointer-events:none;z-index:1;background-repeat:no-repeat}.waveSand{top:0;left:0;width:300px;height:200px;background-image:radial-gradient(250px 150px at 0% 0%,var(--fl-accent-orange) 0 70%,transparent 71%)}.waveTeal{bottom:0;right:0;width:260px;height:180px;background-image:radial-gradient(140% 85% at 100% 100%,rgba(65,170,168,.55) 0 52%,transparent 53%);background-size:150% 320px;background-position:right bottom}.wavePink{bottom:0;left:0;right:0;height:150px;margin:0;background-image:radial-gradient(300px 120px at 0% 0%,var(--fl-accent-pink) 0 60%,transparent 61%),radial-gradient(280px 110px at 100% 0%,var(--fl-accent-teal) 0 55%,transparent 56%)}section{padding:var(--fl-space-6)}.flCard[data-variant=colorful]{position:relative;overflow:hidden;transition:transform var(--fl-dur-2) var(--fl-ease),box-shadow var(--fl-dur-2) var(--fl-ease);border:none;border-radius:1.5rem;padding:var(--fl-space-4) var(--fl-space-5);min-height:5.25rem;display:flex;align-items:center;justify-content:space-between;gap:var(--fl-space-4);text-align:left;color:var(--fl-text-default);box-shadow:0 12px 24px #00000014}.flCard[data-variant=colorful]:hover{transform:translateY(-2px);box-shadow:0 20px 42px #0000001f}.flCard[data-theme=teal]{background:var(--fl-accent-teal)}.flCard[data-theme=pink]{background:var(--fl-accent-pink)}.flCard[data-theme=orange]{background:var(--fl-accent-orange)}.flCard[data-theme=mint]{background:var(--fl-accent-mint)}.flBadge[data-variant=score]{min-width:auto;padding:var(--fl-space-3) var(--fl-space-4);border-radius:1rem;font-size:var(--fl-text-md);font-weight:var(--fl-weight-bold);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #00000014;align-self:flex-start;margin-top:.35rem}.flBadge[data-variant=score][data-theme=teal]{background:var(--fl-accent-teal);color:var(--fl-accent-teal-strong);border:none}.flBadge[data-variant=score][data-theme=pink]{background:var(--fl-accent-pink);color:var(--fl-accent-pink-strong);border:none}.flBadge[data-variant=score][data-theme=orange]{background:var(--fl-accent-orange);color:var(--fl-accent-orange-strong);border:none}.flBadge[data-variant=score][data-theme=mint]{background:var(--fl-accent-mint);color:var(--fl-accent-mint-strong);border:none}.flBadge[data-variant=score][data-theme=gold]{background:linear-gradient(135deg,gold,#ffc107);color:#000000d9;border:none;box-shadow:0 6px 12px #ffd70059}.flBadge[data-variant=score][data-theme=silver]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#000000d9;border:none;box-shadow:0 6px 12px #bdbdbd59}.flBadge[data-variant=score][data-theme=bronze]{background:linear-gradient(135deg,#d4a574,#cd7f32);color:#000000d9;border:none;box-shadow:0 6px 12px #cd7f3259}.flBadge[data-variant=score][data-theme=default]{background:var(--fl-bg-muted);color:var(--fl-text-default);border:none;box-shadow:0 6px 12px #00000014}.flCard[data-variant=colorful] h3{margin:0;line-height:1.35;max-width:80%}.flCard[data-variant=colorful]:before{content:attr(data-icon);position:absolute;bottom:var(--fl-space-4);right:var(--fl-space-5);width:3.25rem;height:3.25rem;border-radius:1rem;background:#ffffff6b;display:grid;place-items:center;font-size:1.1rem;font-weight:var(--fl-weight-bold);color:currentColor;box-shadow:inset 0 1px 2px #ffffff4d}button[data-variant=nav]{width:3rem;height:3rem;border-radius:.9rem;border:1px solid var(--fl-border-default);background:var(--fl-brand-soft);color:var(--fl-brand);font-size:1.3rem;display:grid;place-items:center;transition:transform var(--fl-dur-1) var(--fl-ease),box-shadow var(--fl-dur-1) var(--fl-ease)}button[data-variant=nav]:hover{transform:translateY(-1px);box-shadow:var(--fl-shadow-2)}.flAvatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--fl-bg-muted);border:2px solid var(--fl-border-default);box-shadow:var(--fl-shadow-1)}.flAvatarSm{width:2rem;height:2rem}.flAvatarMd{width:3rem;height:3rem}.flAvatarLg{width:4rem;height:4rem}.flAvatarImg{width:100%;height:100%;object-fit:cover;display:block}.flCard{border:1px solid var(--fl-border-default);border-radius:var(--fl-radius-xl);box-shadow:var(--fl-shadow-1);position:relative;transition:transform var(--fl-dur-1) var(--fl-ease),box-shadow var(--fl-dur-1) var(--fl-ease)}.flCard:hover{transform:translateY(-2px);box-shadow:var(--fl-shadow-2)}.flCard[data-variant=gold]{background:linear-gradient(135deg,gold,#ffc107,#ffa000);border:none;color:#1a1a1a;box-shadow:0 12px 24px #ffd70059,0 6px 12px #ffc10740}.flCard[data-variant=gold]:hover{transform:translateY(-2px);box-shadow:0 16px 32px #ffd70066,0 8px 16px #ffc1074d}.flCard[data-variant=silver]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0,#bdbdbd);border:none;color:#1a1a1a;box-shadow:0 12px 24px #bdbdbd59,0 6px 12px #9e9e9e40}.flCard[data-variant=silver]:hover{transform:translateY(-2px);box-shadow:0 16px 32px #bdbdbd66,0 8px 16px #9e9e9e4d}.flCard[data-variant=bronze]{background:linear-gradient(135deg,#d4a574,#cd7f32,sienna);border:none;color:#1a1a1a;box-shadow:0 12px 24px #cd7f3259,0 6px 12px #a0522d40}.flCard[data-variant=bronze]:hover{transform:translateY(-2px);box-shadow:0 16px 32px #cd7f3266,0 8px 16px #a0522d4d}.flCard[data-variant=highlight]{background:linear-gradient(135deg,var(--fl-brand-soft) 0%,color-mix(in srgb,var(--fl-brand-soft),white 50%) 100%);border:none;box-shadow:0 12px 24px color-mix(in srgb,var(--fl-brand),transparent 75%),0 6px 12px color-mix(in srgb,var(--fl-brand),transparent 85%)}.flCard[data-variant=highlight]:hover{transform:translateY(-2px);box-shadow:0 16px 32px color-mix(in srgb,var(--fl-brand),transparent 70%),0 8px 16px color-mix(in srgb,var(--fl-brand),transparent 80%)}.flCard[data-current=true]{transform:scale(1.02)}}.page-transition{width:100%;height:100%;min-height:0;overflow:hidden;transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-transition--in{opacity:1;transform:translate(0)}.page-transition--out{opacity:0;transform:translate(-20px)}.page-slide-enter{opacity:0;transform:translate(100%)}.page-slide-enter-active{opacity:1;transform:translate(0);transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-slide-exit{opacity:1;transform:translate(0)}.page-slide-exit-active{opacity:0;transform:translate(-100%);transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-fade-enter{opacity:0;transform:scale(.95)}.page-fade-enter-active{opacity:1;transform:scale(1);transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-fade-exit{opacity:1;transform:scale(1)}.page-fade-exit-active{opacity:0;transform:scale(.95);transition:opacity var(--transition-normal),transform var(--transition-normal)}.home-page,.results-page,.ranking-page,.onboarding-flow,.practice-session,.orientation-page{animation:pageEnter var(--transition-normal) ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.route-transition-enter{opacity:0;transform:translate(30px)}.route-transition-enter-active{opacity:1;transform:translate(0);transition:opacity .3s ease-out,transform .3s ease-out}.route-transition-exit{opacity:1;transform:translate(0)}.route-transition-exit-active{opacity:0;transform:translate(-30px);transition:opacity .3s ease-out,transform .3s ease-out}@media(prefers-reduced-motion:reduce){.page-transition,.page-slide-enter-active,.page-slide-exit-active,.page-fade-enter-active,.page-fade-exit-active,.route-transition-enter-active,.route-transition-exit-active{transition:none}.home-page,.results-page,.ranking-page,.onboarding-flow,.practice-session,.orientation-page{animation:none}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.loading-spinner__circle{position:relative;border-radius:50%;animation:spinnerRotate 1.2s linear infinite}.loading-spinner__inner{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:currentColor;animation:spinnerPulse 1.2s ease-in-out infinite}.loading-spinner--small .loading-spinner__circle{width:20px;height:20px}.loading-spinner--small .loading-spinner__inner{border-width:2px}.loading-spinner--medium .loading-spinner__circle{width:32px;height:32px}.loading-spinner--medium .loading-spinner__inner{border-width:3px}.loading-spinner--large .loading-spinner__circle{width:48px;height:48px}.loading-spinner--large .loading-spinner__inner{border-width:4px}.loading-spinner--primary{color:var(--color-primary)}.loading-spinner--secondary{color:var(--color-secondary)}.loading-spinner--white{color:var(--color-text-white)}.loading-spinner__text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:center}.loading-spinner--white .loading-spinner__text{color:var(--color-text-white)}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.loading-dots{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.loading-dots__dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:dotBounce 1.4s ease-in-out infinite both}.loading-dots__dot:nth-child(1){animation-delay:-.32s}.loading-dots__dot:nth-child(2){animation-delay:-.16s}.loading-dots__dot:nth-child(3){animation-delay:0s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton--text{height:1em;margin:.5em 0}.skeleton--title{height:1.5em;margin:.5em 0}.skeleton--avatar{width:60px;height:60px;border-radius:50%}.skeleton--button{height:44px;border-radius:var(--radius-lg)}.skeleton--card{height:120px;border-radius:var(--radius-lg)}.loading-pulse{animation:loadingPulse 2s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.loading-wave{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.loading-wave__bar{width:4px;height:20px;background:currentColor;border-radius:2px;animation:waveAnimation 1.2s ease-in-out infinite}.loading-wave__bar:nth-child(1){animation-delay:0s}.loading-wave__bar:nth-child(2){animation-delay:.1s}.loading-wave__bar:nth-child(3){animation-delay:.2s}.loading-wave__bar:nth-child(4){animation-delay:.3s}.loading-wave__bar:nth-child(5){animation-delay:.4s}@keyframes waveAnimation{0%,40%,to{transform:scaleY(.4);opacity:.5}20%{transform:scaleY(1);opacity:1}}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay--dark{background:#000000b3;color:#fff}.btn--loading{pointer-events:none;position:relative;color:transparent!important}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spinnerRotate 1s linear infinite;color:inherit}.btn--loading.btn--large:after{width:20px;height:20px;border-width:3px}.btn--loading.btn--small:after{width:12px;height:12px;border-width:2px}@media(prefers-reduced-motion:reduce){.loading-spinner__circle,.loading-spinner__inner,.loading-dots__dot,.skeleton,.loading-pulse,.loading-wave__bar,.btn--loading:after{animation:none}.loading-spinner__circle{border:3px solid var(--color-border-medium);border-top-color:currentColor}.loading-dots__dot{opacity:.7}.skeleton{background:#f0f0f0}}