/* VividlyHER extras: spinning color wheel + share note card */
.vh-wheel-stage{position:relative;box-sizing:border-box;width:100%;min-height:0;padding:5% 0 4%;background:#fcf9f3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;container-type:inline-size;cursor:crosshair}
.vh-wheel{position:relative;width:min(56cqw,78%);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none}
.vh-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,hsl(0 85% 55%),hsl(30 90% 58%),hsl(55 95% 62%),hsl(95 80% 60%),hsl(150 75% 60%),hsl(180 85% 72%),hsl(210 85% 60%),hsl(235 85% 48%),hsl(270 80% 55%),hsl(300 75% 58%),hsl(330 75% 55%),hsl(360 85% 55%));-webkit-mask:radial-gradient(circle,transparent 0 56%,#000 57% 100%);mask:radial-gradient(circle,transparent 0 56%,#000 57% 100%);animation:vhSpin 36s linear infinite}
.vh-wheel-stage:hover .vh-ring{animation-duration:9s}
.vh-marker{position:absolute;box-sizing:border-box;left:45.5%;top:45.5%;width:9%;height:9%;margin:0;padding:0;line-height:1;transform:rotate(var(--a,0deg)) translateY(-430%) rotate(calc(-1 * var(--a,0deg)));transition:transform .12s ease-out;border-radius:50%;background:#321426;color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #321426;display:flex;align-items:center;justify-content:center;font:500 clamp(8px,2.2cqw,14px)/1 'DM Sans',sans-serif}
.vh-marker.m1{--a:-22deg}.vh-marker.m2{--a:4deg}
.vh-wheel-stage.is-playing .vh-ring{animation-play-state:paused}
.vh-center em{transition:color .25s ease}
.vh-story{margin:0;font:italic 400 clamp(13px,2.6cqw,18px)/1.3 'Bodoni Moda',serif;color:#321426;text-align:center;min-height:1.3em}
.vh-story b{font-style:normal;font-weight:500;transition:color .25s ease}
.vh-hint{margin:0;font:400 clamp(10px,1.6cqw,12px)/1 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9a7f8c}
.vh-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#321426;pointer-events:none}
.vh-center span{font:400 clamp(9px,2.3cqw,17px)/1.2 'DM Sans',sans-serif}
.vh-center em{font:italic 400 clamp(14px,4.4cqw,34px)/1.2 'Bodoni Moda',serif;margin-top:.2em}
.vh-palette{display:flex;gap:1.4cqw;align-items:flex-start}
.vh-swatch{display:flex;flex-direction:column;align-items:center;gap:.6cqw}
.vh-swatch i{display:block;width:clamp(18px,6cqw,46px);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(50,20,38,.12);transition:background-color .35s ease}
.vh-swatch b{font:500 clamp(7px,1.5cqw,11px)/1 'DM Sans',sans-serif;letter-spacing:.04em;color:#775366}
@keyframes vhSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vh-ring{animation:none}}

.vh-note-backdrop{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(50,20,38,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:vhFade .25s ease-out}
.vh-note-card{position:relative;width:min(100%,460px);max-height:calc(100dvh - 40px);overflow:auto;background:#fffaf2;color:#321426;padding:30px 28px 24px;border-radius:6px;box-shadow:0 24px 60px rgba(50,20,38,.28);text-align:center;font-family:'DM Sans',sans-serif;animation:vhOpen .45s cubic-bezier(.2,.9,.3,1.15);transform-origin:50% 100%}
.vh-note-card:before{content:'';position:absolute;inset:8px;border:1px solid #ecd6df;border-radius:3px;pointer-events:none}
.vh-note-close{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;background:transparent;color:#87334f;font:300 28px/1 'DM Sans',sans-serif;cursor:pointer;z-index:1}
.vh-note-kicker{font-size:10px;letter-spacing:.2em;color:#b51b5b;font-weight:600;margin:0 0 8px}
.vh-note-card h3{font:400 28px/1.15 'Bodoni Moda',serif;margin:0 0 16px;letter-spacing:-.02em;color:#321426}.vh-note-card h3 em{color:#b51b5b}
.vh-note-photo{display:block;width:100%;height:auto;margin:0 0 16px;transform:rotate(-1.2deg);box-shadow:0 6px 18px rgba(50,20,38,.15);background:#fff;padding:6px;border-radius:3px}
.vh-note-label{display:block;text-align:left;font-size:12px;color:#775366;margin-bottom:6px}
.vh-note-text{box-sizing:border-box;width:100%;min-height:104px;padding:12px;border:1px solid #dec9d3;background:#fff;color:#321426;font:400 16px/1.5 'DM Sans',sans-serif;resize:vertical;border-radius:3px}
.vh-note-link{font-size:12px;color:#87334f;margin:6px 0 16px;text-align:left;word-break:break-all}
.vh-note-actions{display:flex;flex-direction:column;align-items:center;gap:12px}
.vh-note-send{width:100%;min-height:48px;background:#bc0757;color:#fff;border:0;font:500 16px 'DM Sans',sans-serif;cursor:pointer;border-radius:2px}.vh-note-send:hover{background:#921347}
.vh-note-alt{background:transparent;border:0;border-bottom:1px solid #bc0757;color:#87334f;font:400 14px 'DM Sans',sans-serif;padding:6px 0;cursor:pointer;text-decoration:none}
.vh-note-card button:focus-visible,.vh-note-alt:focus-visible{outline:2px solid #bc0757;outline-offset:4px}
.vh-note-help{font-size:12px;color:#775366;margin:14px 0 0;line-height:1.5}.vh-note-status{font-size:13px;margin:8px 0 0}.vh-note-status:empty{display:none}
@keyframes vhFade{from{opacity:0}}@keyframes vhOpen{from{opacity:0;transform:translateY(24px) scale(.94) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.vh-note-backdrop,.vh-note-card{animation:none}}