/* Free AI Colour Analysis: dark glass card, soft aurora glow, lavender / rose / sky accents.
   One committed look so it reads the same on any WordPress theme. */
.rca{--bg:#0A1020;--fg:#EEF1F9;--muted:#A3ADC6;--line:rgba(255,255,255,.14);--field:rgba(255,255,255,.06);--accent:#B7A8D8;--rose:#E08FA8;--sky:#A9C4E6;--gold:#D9B25A;
  --grad:linear-gradient(100deg,#A9C4E6 0%,#B7A8D8 50%,#E08FA8 100%);
  --display:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  position:relative;max-width:640px;margin:0 auto;padding:clamp(20px,4.5vw,36px);border-radius:28px;overflow:hidden;
  color:var(--fg);font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.55;color-scheme:dark;
  background:radial-gradient(60% 46% at 0% 0%,rgba(183,168,216,.36),transparent 72%),radial-gradient(55% 46% at 100% 14%,rgba(224,143,168,.24),transparent 72%),radial-gradient(70% 40% at 50% 100%,rgba(169,196,230,.22),transparent 72%),linear-gradient(180deg,#0E1630 0%,#0A1020 100%);
  border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px -30px rgba(10,16,32,.75);-webkit-font-smoothing:antialiased}
.rca *{box-sizing:border-box}
.rca [hidden]{display:none!important}

/* ---------- Heading block ---------- */
.rca-head{margin:0 0 24px}
.rca .rca-eyebrow{display:block;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.rca .rca-title{margin:10px 0 10px;padding:0 0 .06em;border:0;font-family:var(--display);font-weight:700;font-size:clamp(32px,7.4vw,50px);line-height:1;letter-spacing:-.03em;text-wrap:balance;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.rca .rca-sub{margin:0 0 16px;max-width:54ch;color:var(--muted);font-size:15px}
.rca .rca-seasons{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.rca .rca-seasons li{display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 13px 5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);font-size:12px;font-weight:600;color:var(--fg)}
.rca .rca-seasons i{display:block;width:10px;height:10px;border-radius:50%}

/* ---------- Form ---------- */
.rca .rca-form{background:none;border:0;padding:0;margin:0;box-shadow:none;border-radius:0}
.rca-step{display:flex;align-items:center;gap:10px;margin:28px 0 12px;font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--fg)}
.rca-step:first-of-type{margin-top:0}
.rca-step span{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:var(--grad);color:#0A1020;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:13px;font-weight:700}
.rca .rca-field{display:block;margin:0 0 14px;font-size:13px;font-weight:600;color:var(--muted)}
.rca .rca-field input,.rca .rca-field select{display:block;width:100%;max-width:100%;margin:7px 0 0;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--fg);font:400 15px/1.3 "Plus Jakarta Sans",system-ui,sans-serif;box-shadow:none;height:auto;transition:border-color .15s,box-shadow .15s,background .15s}
.rca .rca-field input::placeholder{color:rgba(163,173,198,.6)}
.rca .rca-field select option{color:#172040;background:#fff}
.rca .rca-field input:focus,.rca .rca-field select:focus{outline:0;border-color:var(--accent);background:rgba(255,255,255,.09);box-shadow:0 0 0 3px rgba(183,168,216,.28)}

/* Female / Male */
.rca .rca-gender{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 6px;padding:0;border:0;min-width:0}
.rca .rca-gender legend{float:left;width:100%;margin:0 0 8px;padding:0;font-size:13px;font-weight:600;color:var(--muted)}
.rca-choice{position:relative;flex:1 1 150px;display:block;margin:0;cursor:pointer}
.rca-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.rca-choice-card{display:grid;gap:3px;justify-items:start;padding:16px 16px 15px;border:1px solid var(--line);border-radius:16px;background:var(--field);color:var(--fg);transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.rca-choice-card svg{color:var(--accent);margin-bottom:6px}
.rca-choice-card b{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.01em}
.rca-choice-card small{font-size:12.5px;color:var(--muted);line-height:1.4}
.rca-choice:hover .rca-choice-card{border-color:rgba(183,168,216,.6);transform:translateY(-1px)}
.rca-choice input:checked + .rca-choice-card{border-color:var(--accent);background:linear-gradient(135deg,rgba(183,168,216,.26),rgba(169,196,230,.12));box-shadow:0 0 0 1px var(--accent) inset,0 14px 30px -18px var(--accent)}
.rca-choice input:checked + .rca-choice-card svg{color:#fff}
.rca-choice input:focus-visible + .rca-choice-card{outline:2px solid var(--accent);outline-offset:3px}

/* Photo */
.rca-upload{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;margin-bottom:6px}
.rca-preview{position:relative;flex:0 0 auto;width:210px;height:260px;border:1.5px dashed rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.04);overflow:hidden}
.rca-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rca-oval{position:absolute;left:50%;top:44%;width:112px;height:150px;transform:translate(-50%,-50%);border:2px solid var(--accent);border-radius:50%;z-index:2;box-shadow:0 0 0 999px rgba(10,16,32,.34);pointer-events:none}
.rca-scan{position:absolute;left:0;right:0;top:8%;height:2px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,var(--sky),transparent);box-shadow:0 0 16px 3px rgba(169,196,230,.5);animation:rca-scan 3.6s ease-in-out infinite alternate}
.rca-placeholder{position:absolute;inset:auto 0 12px 0;z-index:3;text-align:center;font-size:12px;color:var(--muted)}
.rca-upload-side{flex:1;min-width:210px}
.rca .rca-tips{margin:14px 0 0;padding:0 0 0 18px;font-size:13px;line-height:1.65;color:var(--muted)}
.rca .rca-tips li{margin:0}

/* Buttons */
.rca .rca-btn{display:inline-block;padding:14px 22px;border:0;border-radius:14px;background:var(--grad);color:#0A1020;font:700 15px/1.2 "Plus Jakarta Sans",system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 14px 30px -16px rgba(183,168,216,.9);transition:filter .15s,transform .15s}
.rca .rca-btn:hover{filter:brightness(1.07);color:#0A1020}
.rca .rca-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.rca .rca-btn:disabled{opacity:.6;cursor:wait}
.rca .rca-btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line);box-shadow:none}
.rca .rca-btn-ghost:hover{background:rgba(255,255,255,.1);color:var(--fg);filter:none}
.rca .rca-form>.rca-btn{width:100%;margin-top:8px;padding:16px;font-size:16px}

.rca .rca-fine{margin:6px 0 16px;font-size:14px}
.rca .rca-fine summary{cursor:pointer;margin-bottom:10px;color:var(--accent);font-weight:600}
.rca .rca-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:12.5px;line-height:1.55;color:var(--muted)}
.rca .rca-consent input{flex:none;margin:3px 0 0;accent-color:#B7A8D8}
.rca .rca-msg{margin:0 0 12px;padding:11px 14px;border:1px solid rgba(255,140,140,.5);border-radius:12px;background:rgba(224,90,90,.15);color:#FFD0D0;font-size:14px}
.rca .rca-small{margin:12px 0 0;text-align:center;font-size:12px;color:var(--muted)}
.rca .rca-hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* Done */
.rca .rca-done{padding:22px 6px 8px;text-align:center}
.rca-done-ico{display:inline-flex;width:62px;height:62px;border-radius:50%;align-items:center;justify-content:center;background:var(--grad);color:#0A1020;margin-bottom:6px}
.rca .rca-done h3{margin:10px 0 6px;padding:0;font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--fg)}
.rca .rca-done p{margin:0 0 18px;color:var(--muted)}
.rca .rca-done .rca-btn{margin:5px}

/* ---------- Floating button + modal ---------- */
.rca-fab-wrap{position:fixed;right:14px;top:calc(50% - 26px);z-index:99990;touch-action:none}
.rca-fab{display:flex;align-items:center;gap:10px;padding:11px 20px 11px 13px;border:2px solid transparent;border-radius:999px;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:700;font-size:15px;line-height:1.1;white-space:nowrap;color:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;
  background:linear-gradient(#0F1838,#0F1838) padding-box,linear-gradient(100deg,#A9C4E6,#B7A8D8 50%,#E08FA8) border-box;box-shadow:0 10px 28px rgba(10,16,32,.5);animation:rca-pulse 2.8s ease-in-out infinite}
.rca-fab:hover{background:linear-gradient(#16224D,#16224D) padding-box,linear-gradient(100deg,#A9C4E6,#B7A8D8 50%,#E08FA8) border-box}
.rca-fab:focus-visible{outline:3px solid #B7A8D8;outline-offset:3px}
.rca-fab-ico{position:relative;display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:rgba(183,168,216,.2);color:#D8CCF5}
.rca-fab-spark{position:absolute;right:-5px;top:-5px;color:#E7C77C}
.rca-fab svg{pointer-events:none}
.rca-dragging .rca-fab{cursor:grabbing;animation:none;box-shadow:0 16px 36px rgba(10,16,32,.6)}
.rca-modal[hidden]{display:none}
.rca-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding:4vh 14px;overflow-y:auto}
.rca-modal-backdrop{position:fixed;inset:0;background:rgba(6,10,24,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.rca-modal-box{position:relative;width:100%;max-width:660px;margin:auto 0;padding:0;background:none;box-shadow:none}
.rca-modal-box .rca{box-shadow:0 30px 90px rgba(0,0,0,.6)}
.rca-modal-x{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.rca-modal-x:hover{background:rgba(255,255,255,.2)}
.rca-modal-x:focus-visible{outline:2px solid #B7A8D8;outline-offset:2px}
html.rca-lock{overflow:hidden}

@keyframes rca-scan{from{top:8%}to{top:88%}}
@keyframes rca-pulse{0%,100%{box-shadow:0 10px 28px rgba(10,16,32,.5),0 0 0 0 rgba(183,168,216,.5)}50%{box-shadow:0 10px 28px rgba(10,16,32,.5),0 0 0 11px rgba(183,168,216,0)}}
@media (prefers-reduced-motion:reduce){.rca-fab,.rca-scan{animation:none}.rca-choice-card{transition:none}}
@media (max-width:480px){.rca{border-radius:22px}.rca-fab{padding:9px 15px 9px 10px;font-size:14px}.rca-preview{width:100%;max-width:210px}}