.cmf{max-width:680px;margin-inline:auto}.cmf-progress{gap:6px;margin-bottom:clamp(1.2rem,4vw,2rem);display:flex}.cmf-progress span{background:var(--border-strong);height:4px;transition:background-color var(--dur-2) var(--ease-soft);border-radius:999px;flex:1}.cmf-progress span.on{background:var(--gold)}.cmf-step{animation:cmf-in var(--dur-3) var(--ease-emphasized) both}@keyframes cmf-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cmf-kicker{font-family:var(--font-brand);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.cmf-q{font-family:var(--font-heading);color:var(--heading);margin:.3rem 0 1.3rem;font-size:clamp(1.4rem,5vw,2rem);line-height:1.35}.cmf-options{grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,2.5vw,1rem);display:grid}.cmf-opt{text-align:left;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:92px;color:var(--text-strong);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);flex-direction:column;align-items:flex-start;gap:.35rem;padding:clamp(.9rem,3.4vw,1.25rem);display:flex}.cmf-opt:hover{border-color:var(--gold-soft);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cmf-opt:active{transform:translateY(0)}.cmf-opt .ic{font-size:1.7rem;line-height:1}.cmf-opt .t{font-weight:600}.cmf-opt .s{color:var(--text-muted);font-size:.82rem;font-weight:400}.cmf-opt .dot{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 2px #fff9,0 1px 3px #00000040}.cmf-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:1.2rem;padding:.4rem 0;font-weight:600}.cmf-back:hover{color:var(--primary)}.cmf-result{animation:cmf-in var(--dur-3) var(--ease-emphasized) both}.cmf-result-head{text-align:center;margin-bottom:1.4rem}.cmf-result-head .cmf-kicker{margin-bottom:.4rem;display:block}.cmf-moodname{font-family:var(--font-heading);color:var(--heading);margin:0;font-size:clamp(1.8rem,7vw,2.8rem);line-height:1.25}.cmf-moodname .th{color:var(--text-muted);margin-top:.2rem;font-size:.62em;font-weight:500;display:block}.cmf-desc{color:var(--text-muted);max-width:46ch;margin:.7rem auto 0}.cmf-palette{border-radius:var(--radius);box-shadow:var(--shadow-md);height:clamp(78px,18vw,116px);margin:1.4rem 0;display:flex;overflow:hidden}.cmf-palette .sw{flex:1;justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex}.cmf-palette .sw span{color:#ffffffeb;text-shadow:0 1px 2px #0006;letter-spacing:.02em;opacity:0;transition:opacity var(--dur-2) var(--ease);font-size:.62rem;font-weight:600}.cmf-palette .sw:hover span{opacity:1}.cmf-lucky-note{text-align:center;color:var(--text-muted);margin:-.5rem 0 1.4rem;font-size:.86rem}.cmf-lucky-note b{color:var(--gold)}.cmf-picks-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:1.6rem 0 .7rem;font-size:.82rem;font-weight:600}.cmf-picks{flex-wrap:wrap;gap:.5rem;display:flex}.cmf-pick{border:1.5px solid var(--border-strong);color:var(--text-strong);background:var(--surface);transition:border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.92rem;font-weight:600;display:inline-flex}.cmf-pick:hover{border-color:var(--primary);transform:translateY(-2px)}.cmf-pick .pd{border-radius:50%;width:12px;height:12px}.cmf-card-wrap{max-width:320px;margin:1.8rem auto 0}.cmf-card-img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-lg);display:block}.cmf-hint{text-align:center;color:var(--text-muted);margin-top:.6rem;font-size:.8rem}.cmf-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.4rem;display:flex}.cmf-actions .btn{flex:auto;justify-content:center;min-width:140px}.cmf-toggle{justify-content:center;gap:.4rem;margin:1.2rem 0 0;display:flex}.cmf-toggle button{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.cmf-toggle button.on{border-color:var(--gold);color:var(--gold);background:var(--gold-tint)}.cmf-restart{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin:1.4rem auto 0;font-weight:600;text-decoration:underline;display:block}.cmf-restart:hover{color:var(--primary)}@media (width>=560px){.cmf-options{grid-template-columns:repeat(2,1fr)}.cmf-opt{flex-direction:row;align-items:center;gap:.8rem;min-height:0}.cmf-opt .meta{flex-direction:column;display:flex}}@media (prefers-reduced-motion:reduce){.cmf-step,.cmf-result{animation-duration:.001ms}}