:root { --rzf-ink:#171314; --rzf-paper:#eee5dc; --rzf-metal:#a8a7a2; --rzf-leather:#171112; --rzf-warm:#c99071; }
.renzhu-f-main { padding-left: 20px; padding-right: 20px; padding-bottom: 42px; color: var(--rzf-ink); }
.rzf-app { width:min(880px,100%); margin: 0 auto; min-height:620px; }
.rzf-stage { display:none; }
.rzf-app[data-stage="entry"] .rzf-entry, .rzf-app[data-stage="quiz"] .rzf-workbench, .rzf-app[data-stage="result"] .rzf-finish { display:block; }
.rzf-entry, .rzf-workbench, .rzf-finish { background:var(--rzf-paper); border:1px solid rgba(255,255,255,.6); color:var(--rzf-ink); box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.78); overflow:hidden; }
.rzf-entry { border-radius:28px; padding:clamp(24px,5vw,58px); text-align:center; }
.rzf-entry h1 { margin:13px 0 12px; font:700 clamp(2.1rem,7vw,4.5rem)/.98 Georgia,serif; letter-spacing:-.05em; color:#171113; }
.rzf-entry .rzf-kicker { color:#8a6251; text-transform:uppercase; letter-spacing:.17em; font-size:.74rem; margin:0; }
.rzf-entry .rzf-lead { max-width:590px; margin:0 auto 28px; color:#4b4140; line-height:1.65; }
.rzf-tray { position:relative; min-height:270px; padding:22px; background:linear-gradient(135deg,#282021,#161112); border-radius:22px; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 28px 55px rgba(0,0,0,.44); }
.rzf-tray::after { content:"18+"; position:absolute; right:25px; bottom:19px; color:rgba(238,229,220,.45); font:600 12px/1 Arial,sans-serif; letter-spacing:.2em; transform:rotate(-12deg); }
.rzf-tray-copy { position:absolute; z-index:1; left:26px; right:26px; bottom:28px; color:#e9ddd6; font:500 .95rem/1.5 Georgia,serif; }
.rzf-collar { --rzf-close:10%; position:relative; height:218px; width:min(550px,100%); margin:0 auto; transform:rotate(-5deg); }
.rzf-leather { position:absolute; left:3%; top:67px; width:68%; height:92px; border-radius:56px 8px 8px 56px; background:linear-gradient(180deg,#4a3130,#170e0f 45%,#3a2424); border:1px solid rgba(246,211,183,.21); box-shadow:inset 0 10px 12px rgba(255,255,255,.08),0 11px 28px rgba(0,0,0,.55); }
.rzf-buckle { position:absolute; z-index:2; top:45px; left:calc(42% + var(--rzf-close) * .23); width:125px; height:133px; border:18px solid #aaa9a4; border-radius:17px; box-shadow:inset 0 0 0 4px #666764,0 8px 16px rgba(0,0,0,.5); transition:left .45s cubic-bezier(.2,.8,.2,1); background:linear-gradient(135deg,#ddd9ce,#6b6b69); }
.rzf-buckle i { position:absolute; top:39px; left:20px; right:20px; height:15px; background:#252224; border-radius:8px; box-shadow:0 1px #eee; }
.rzf-buckle b { position:absolute; top:28px; right:-54px; width:62px; height:34px; background:linear-gradient(#d0cec7,#6e6e6c); transform:skewY(-10deg); border-radius:4px; }
.rzf-buckle em { position:absolute; top:72px; right:-16px; width:18px; height:18px; border-radius:50%; background:#dfa17d; box-shadow:0 0 18px #dfa17d; }
.rzf-prong { position:absolute; z-index:3; left:calc(62% + var(--rzf-close) * .23); top:98px; width:102px; height:14px; background:#d1d0ca; border-radius:8px; transform:rotate(-3deg); transition:left .45s cubic-bezier(.2,.8,.2,1); box-shadow:0 2px 8px #000; }
.rzf-teeth { position:absolute; z-index:1; right:2%; top:79px; display:flex; gap:12px; }
.rzf-teeth span { width:13px; height:66px; background:linear-gradient(90deg,#c7c3bb,#62635f); border-radius:4px; box-shadow:0 2px 5px #000; }
.rzf-gate { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:22px 0 14px; }
.rzf-gate label { cursor:pointer; display:flex; align-items:center; gap:8px; padding:11px 14px; border:1px solid #baa99c; border-radius:999px; background:#f8f0e7; color:#382d2b; font-size:.88rem; }
.rzf-gate input { accent-color:#7b4437; }
.rzf-primary, .rzf-secondary { border:0; border-radius:999px; cursor:pointer; font:700 .95rem/1 Arial,sans-serif; transition:transform .16s ease, box-shadow .16s ease; }
.rzf-primary { padding:15px 26px; color:#fff6ef; background:linear-gradient(135deg,#8c4d3d,#41211e); box-shadow:0 12px 24px rgba(76,36,30,.27); }
.rzf-secondary { padding:11px 15px; color:#392926; background:transparent; border:1px solid #af968a; }
.rzf-primary:hover,.rzf-secondary:hover { transform:translateY(-2px); }
.rzf-primary:focus-visible,.rzf-secondary:focus-visible,.rzf-tooth:focus-visible { outline:3px solid #276c94; outline-offset:3px; }
.rzf-entry-notice { min-height:1.4em; color:#7d4a3e; font-size:.9rem; }
.rzf-workbench { border-radius:24px; padding:clamp(20px,4vw,42px); }
.rzf-progress { display:flex; justify-content:space-between; gap:16px; align-items:center; font-size:.82rem; color:#665752; letter-spacing:.05em; }
.rzf-progress-track { height:4px; background:#cabdb4; flex:1; border-radius:99px; overflow:hidden; }
.rzf-progress-track b { display:block; height:100%; width:0; background:#8c5443; transition:width .25s ease; }
.rzf-live-collar { margin:10px auto -24px; height:134px; overflow:hidden; pointer-events:none; }
.rzf-live-collar .rzf-collar { transform:scale(.64) rotate(-5deg); transform-origin:center top; }
.rzf-question-wrap { min-height:196px; padding:12px 5px 6px; text-align:center; }
.rzf-safety { min-height:1.5em; color:#8e5a49; font-size:.83rem; letter-spacing:.09em; }
.rzf-question { margin:20px auto 8px; max-width:650px; font:700 clamp(1.55rem,4vw,2.75rem)/1.16 Georgia,serif; letter-spacing:-.035em; }
.rzf-halfway { min-height:1.5em; margin:16px 0 0; color:#7a5448; font-size:.88rem; }
.rzf-choices { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:end; gap:8px; margin:20px auto 12px; max-width:720px; }
.rzf-tooth { appearance:none; min-height:128px; padding:12px 8px; cursor:pointer; border:0; border-radius:16px 16px 7px 7px; color:#302523; background:linear-gradient(165deg,#d6d3cc,#787a78); box-shadow:inset 0 2px 2px rgba(255,255,255,.8),0 7px 0 #4d4c4a,0 13px 20px rgba(0,0,0,.18); display:flex; flex-direction:column; justify-content:space-between; text-align:left; transition:transform .16s ease, filter .16s ease; font-size:clamp(.7rem,1.5vw,.85rem); line-height:1.35; }
.rzf-tooth:nth-child(2){min-height:142px}.rzf-tooth:nth-child(3){min-height:156px}.rzf-tooth:nth-child(4){min-height:170px}.rzf-tooth:nth-child(5){min-height:184px}
.rzf-tooth:hover { transform:translateY(-5px); filter:brightness(1.08); }
.rzf-tooth.is-selected { color:#fff7f1; background:linear-gradient(165deg,#c0795e,#57332d); transform:translateY(-8px); box-shadow:inset 0 2px 2px rgba(255,255,255,.42),0 7px 0 #321a17,0 18px 22px rgba(71,32,26,.27); }
.rzf-tooth-mark { color:inherit; font:700 1.2rem/1 Georgia,serif; opacity:.78; }
.rzf-tooth:disabled { cursor:default; }
.rzf-finish { border-radius:28px; padding:clamp(24px,5vw,52px); }
.rzf-result-hero { text-align:center; padding-bottom:16px; }
.rzf-result-hero .rzf-collar { transform:scale(1.06) rotate(-5deg); margin-top:-22px; }
.rzf-result-label { margin:2px 0 10px; font:700 clamp(2.1rem,7vw,4rem)/1 Georgia,serif; letter-spacing:-.06em; }
.rzf-result-line { max-width:660px; margin:0 auto; color:#493b38; font-size:1.02rem; line-height:1.65; }
.rzf-valve { min-height:1.4em; margin:12px auto 0; color:#8b4639; font-weight:700; }
.rzf-score-strip { display:flex; justify-content:space-between; align-items:baseline; margin-top:22px; padding:14px 0; border-top:1px solid #cabbb0; border-bottom:1px solid #cabbb0; color:#6b534b; font-size:.9rem; }
.rzf-facets { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:18px 0 26px; }
.rzf-facet { display:grid; gap:5px; color:#5a4841; font-size:.76rem; }
.rzf-facet i { display:block; height:9px; background:#d2c6bc; border-radius:99px; overflow:hidden; }
.rzf-facet i b { display:block; height:100%; background:#80503f; border-radius:inherit; }
.rzf-facet strong { color:#261c1a; }
.rzf-guidance { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.rzf-guidance article { padding:18px; background:#f8f0e7; border-left:3px solid #9c705d; }
.rzf-guidance small { color:#8c6658; letter-spacing:.09em; }
.rzf-guidance p { margin:8px 0 0; line-height:1.55; font-size:.9rem; }
.rzf-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:26px; }
.rzf-login { margin:22px auto 0; }
.rzf-related { margin-top:20px; }
.rzf-canvas { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.rzf-download { display:block; width:max-content; margin:12px auto 0; color:#5c3027; font-weight:700; }
.rzf-safety-footer { max-width:880px; margin:20px auto 0; color:#d9c9c1; text-align:center; font-size:.82rem; line-height:1.55; }
@media (max-width:640px){ .renzhu-f-main{padding-left:12px;padding-right:12px}.rzf-entry,.rzf-workbench,.rzf-finish{border-radius:20px}.rzf-tray{min-height:240px}.rzf-collar{transform:scale(.86) rotate(-5deg);transform-origin:center top;margin-bottom:-25px}.rzf-choices{gap:5px}.rzf-tooth{padding:9px 5px;min-height:106px!important;font-size:.67rem}.rzf-guidance{grid-template-columns:1fr}.rzf-facets{grid-template-columns:repeat(2,1fr)}.rzf-result-hero .rzf-collar{transform:scale(.82) rotate(-5deg);margin-bottom:-34px}.rzf-gate{align-items:stretch}.rzf-gate label{width:100%;justify-content:flex-start} }
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}