:root{--bg:#faf8f6;--card:#fff;--text:#2e2630;--muted:#766c75;--line:#e9e0e6;--accent:#8b4c73;--accent-2:#b87598;--soft:#f5eaf0;--shadow:0 18px 50px rgba(70,35,60,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,#fff 0,#faf8f6 38%,#f7f1f5 100%);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.topbar{height:76px;border-bottom:1px solid rgba(233,224,230,.8);backdrop-filter:blur(10px);background:rgba(250,248,246,.78);position:sticky;top:0;z-index:10}.topbar-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{font:800 22px Manrope,sans-serif;color:var(--text);text-decoration:none;letter-spacing:-.6px}.brand span{color:var(--accent);font-size:12px;margin:0 4px;text-transform:uppercase}.link-button,.back{border:0;background:none;color:var(--accent);font-weight:700;cursor:pointer}.screen{display:none;padding:68px 0 80px}.screen.active{display:block}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center;min-height:560px}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--accent);margin:0 0 14px}.hero-copy h1,h2{font-family:Manrope,sans-serif;letter-spacing:-1.8px;line-height:1.02;margin:0 0 22px}.hero-copy h1{font-size:58px;max-width:680px}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px;margin:0}.lead.small{font-size:17px}.hero-actions,.result-actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{border-radius:12px;padding:13px 18px;font:700 14px 'DM Sans';cursor:pointer;transition:.2s}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 8px 18px rgba(139,76,115,.18)}.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.primary:hover{transform:translateY(-1px)}.secondary:hover{border-color:#cdbdc6}.privacy-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:#766c75;font-size:13px}.hero-card,.stats-card,.result-card,.fact-grid article,.method-box{background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.hero-card{padding:24px}.mini-label{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted);margin-bottom:16px}.illustration-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.model-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#fcf7fa);padding:18px}.model-card.compact{text-align:center}.model-card strong{display:block;font-size:14px;margin-top:14px}.model-card small{color:var(--muted);display:block;margin-top:3px;font-size:12px}.tiny{font-size:11px;line-height:1.5;color:#8a8088}.diagram{height:150px;position:relative;display:grid;place-items:center}.diagram:before,.diagram:after{content:"";position:absolute;border:2px solid #a96b8b;border-radius:50% 56% 48% 60%;width:72px;height:108px;transform:rotate(18deg);background:rgba(245,234,240,.55)}.diagram:after{transform:scaleX(-1) rotate(18deg);}.diagram span,.diagram i{position:absolute;z-index:2;display:block}.diagram span{width:28px;height:68px;border:2px solid #6f395a;border-radius:50%;background:#fff}.diagram i{width:12px;height:40px;border-radius:50%;border:2px solid #b87598;background:#f9edf3}.diagram.outie span{width:40px;height:76px}.diagram.outie i{width:16px;height:48px}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.info-strip>div{background:#fff;padding:20px}.info-strip b{display:block;font:800 20px Manrope}.info-strip span{font-size:12px;color:var(--muted)}.narrow{max-width:860px}.screen h2{font-size:46px}.narrow>p:not(.eyebrow){font-size:18px;line-height:1.75;color:var(--muted)}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}.fact-grid article{padding:22px}.fact-icon{font:800 12px Manrope;color:var(--accent);background:var(--soft);border-radius:9px;padding:7px 9px}.fact-grid h3{margin:20px 0 8px;font:800 18px Manrope}.fact-grid p,.method-box p,.dialog-inner p,.dialog-inner li{color:var(--muted);line-height:1.65;font-size:14px}.method-box{padding:22px}.method-box b{font:800 15px Manrope}.quiz-wrap{max-width:940px}.quiz-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.quiz-head h2{font-size:40px;max-width:760px;margin-bottom:0}.progress-meta{font:700 13px Manrope;color:var(--muted);white-space:nowrap}.progress{height:7px;background:#eadfe5;border-radius:999px;margin:18px 0 20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:.25s;width:25%}.helper{color:var(--muted);font-size:14px;margin-bottom:25px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.option{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;text-align:left;transition:.2s;display:flex;align-items:center;gap:16px}.option:hover{transform:translateY(-1px);border-color:#ccb7c3}.option.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,76,115,.10)}.option .option-art{width:92px;height:92px;flex:none;border-radius:14px;background:#fbf2f6;display:grid;place-items:center;overflow:hidden}.option .option-text strong{display:block;font:800 15px Manrope}.option .option-text small{display:block;color:var(--muted);line-height:1.45;margin-top:6px}.quiz-footer{display:flex;justify-content:space-between;margin-top:28px}.results-grid{display:grid;grid-template-columns:1fr .95fr;gap:22px;align-items:start}.result-card{margin-top:26px;padding:24px}.result-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--muted)}.result-type{font:800 32px Manrope;margin-top:10px}.result-card p{color:var(--muted);line-height:1.6}.stats-card{padding:24px}.stats-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.stats-heading h3{font:800 22px Manrope;margin:0}.demo-badge{font-size:10px;letter-spacing:.1em;font-weight:800;background:#f5efe9;color:#8b6a4d;padding:7px 9px;border-radius:999px}.bar-row{margin-top:22px}.bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.bar-label b{font-family:Manrope}.bar{height:11px;background:#eee5ea;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#8b4c73,#b87598)}.stat-separator{height:1px;background:var(--line);margin:24px 0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stats b{display:block;font:800 18px Manrope}.mini-stats span{color:var(--muted);font-size:11px}.footer{border-top:1px solid var(--line);padding:22px 0;color:#8b8189;font-size:11px}.footer .container{display:flex;justify-content:space-between;gap:20px}.back{padding:0;margin-bottom:34px}.dialog-inner{padding:32px;max-width:620px}.dialog-inner h3{font:800 26px Manrope;margin:0 0 12px}.dialog-inner ul{padding-left:18px}.dialog-close{position:absolute;top:12px;right:12px;border:0;background:#f7f1f5;border-radius:999px;width:36px;height:36px;font-size:24px;cursor:pointer;color:var(--text)}dialog{border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 100px rgba(35,20,30,.22)}dialog::backdrop{background:rgba(30,20,27,.25)}
@media(max-width:860px){.hero-grid,.results-grid{grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:44px}.info-strip{grid-template-columns:repeat(2,1fr)}.fact-grid{grid-template-columns:1fr}.options{grid-template-columns:1fr}.quiz-head{align-items:start;flex-direction:column}.quiz-head h2{font-size:32px}}
@media(max-width:520px){.container{width:min(100% - 24px,1120px)}.screen{padding:42px 0 58px}.hero-copy h1{font-size:36px}.lead{font-size:16px}.hero-actions,.result-actions{flex-direction:column}.primary,.secondary{width:100%}.info-strip{grid-template-columns:1fr 1fr}.footer .container{flex-direction:column}.illustration-pair{grid-template-columns:1fr 1fr}.option{padding:14px}.option .option-art{width:78px;height:78px}}
.top-actions{display:flex;align-items:center;gap:18px}.home-note{margin-top:18px}.note-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}.note-card strong{font:800 13px Manrope;color:var(--accent)}.note-card p{display:inline;color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 0 8px}.consent-wrap{max-width:760px}.consent-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:32px}.consent-card h2{margin-bottom:14px}.consent-card>p{color:var(--muted);line-height:1.7}.check-row{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5;cursor:pointer}.check-row input{width:18px;height:18px;accent-color:var(--accent);margin-top:1px;flex:none}.method-list{display:grid;gap:12px;margin-top:28px}.method-list article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.method-list b{font:800 15px Manrope}.method-list p{color:var(--muted);line-height:1.65;font-size:14px;margin:7px 0 0}.stats-area{display:grid;gap:26px}.stat-group{border-top:1px solid var(--line);padding-top:19px}.stat-group:first-child{border-top:0;padding-top:0}.stat-group h4{font:800 14px Manrope;margin:0 0 14px}.bar-count{font-size:10px;color:#8b8189;margin-top:4px}.live-badge{font-size:10px;letter-spacing:.1em;font-weight:800;background:#eef6f0;color:#3d7652;padding:7px 9px;border-radius:999px}.loading,.empty-stats{background:#fbf7f9;border:1px dashed #d9cbd2;border-radius:14px;padding:18px;color:var(--muted);font-size:13px}.empty-stats{display:grid;gap:4px}.empty-stats strong{color:var(--text);font:700 14px Manrope}.center-note{text-align:center;margin-top:18px}.footer-link{border:0;background:none;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}@media(max-width:720px){.top-actions{gap:10px}.top-actions .link-button{font-size:12px}.note-card p{display:block;margin:6px 0 0}.consent-card{padding:23px}}

.live-teaser{margin-top:42px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#fff;border:1px solid var(--border);border-radius:18px}.live-teaser strong{display:block;font-size:34px;line-height:1;margin:3px 0}.teaser-label{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--muted)}.public .stats-heading{align-items:flex-start}.big-stat{font-size:56px;font-weight:900;line-height:1;margin-top:8px}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;margin-top:16px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(39,26,36,.05)}.cta-box strong,.cta-box span{display:block}.cta-box span{color:var(--muted);margin-top:4px}.upload-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(39,26,36,.08);margin-top:16px}.upload-card h3{font-size:28px;margin-bottom:10px}.upload-card p{color:var(--muted)}.file-box{display:block;border:1px dashed #cdbac6;border-radius:16px;padding:18px;background:#faf7f9;margin-top:16px;cursor:pointer}.file-box input{display:block;margin-top:10px;width:100%}.upload-state{min-height:18px}
@media(max-width:760px){.live-teaser,.cta-box{align-items:flex-start;flex-direction:column}.big-stat{font-size:46px}}


/* v4 questionnaire + representative result */
.selected-file{margin-top:10px;padding:10px 12px;background:#fbf7f9;border-radius:10px;color:var(--muted);font-size:12px;word-break:break-word}.final-upload{margin-top:26px}.final-upload h3{margin:0 0 10px}.final-upload .hero-actions{margin-top:22px}.finish-note{margin-top:10px}.representative-frame{margin-top:18px;background:linear-gradient(180deg,#fbf2f6,#fff);border:1px solid var(--line);border-radius:18px;padding:12px}.representative-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--muted);padding:4px 4px 10px}.representative-svg{display:block;width:100%;height:auto;max-height:360px}.svg-outer{fill:#f2d8e4;stroke:#91506f;stroke-width:3;stroke-linejoin:round}.svg-inner{fill:#dca6bd;stroke:#8b4c73;stroke-width:3;stroke-linejoin:round}.svg-center{fill:#f8e9f0;stroke:#9c6280;stroke-width:3}.svg-hood{fill:none;stroke:#7c4762;stroke-width:4;stroke-linecap:round}.svg-caption{font:12px Arial,system-ui,sans-serif;fill:#8b8189}.result-visual-card{overflow:hidden}.option-art .diagram.covered span{width:20px;height:56px}.option-art .diagram.puffs:before,.option-art .diagram.puffs:after{width:78px;height:118px}.option-art .diagram.curtains span{width:40px;height:82px}.option-art .diagram.tulip:before,.option-art .diagram.tulip:after{width:66px;height:100px}.option-art .diagram.horseshoe:before,.option-art .diagram.horseshoe:after{width:68px;height:102px}.option-art .diagram.mixed span{width:34px;height:70px}.option-art .diagram.hidden span{width:18px;height:52px}.option-art .diagram.prominent span{width:42px;height:88px}.option-art .diagram.wavy i{border-style:dashed}.option-art .diagram.marked span{transform:translateX(5px)}.option-art .diagram.open:before,.option-art .diagram.open:after{width:64px;height:98px}.method-box a{color:var(--accent);font-weight:700}@media(max-width:520px){.final-upload h3{font-size:23px}.representative-svg{max-height:300px}}

.result-selections{display:grid;gap:8px;margin-top:16px}.selection-chip{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.selection-chip span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.selection-chip strong{font-size:12px;text-align:right}@media(max-width:520px){.selection-chip{align-items:flex-start;flex-direction:column;gap:4px}.selection-chip strong{text-align:left}}

/* clearer medical-style anatomical diagrams */
.option-art.model-art{width:124px;height:132px;background:linear-gradient(180deg,#fbf0ee,#fff8f8);border:1px solid #ead8d5}
.anatomy-svg{display:block;width:100%;height:100%}
.anatomy-svg .anatomy-inner{transition:all .18s ease}
.anatomy-svg .anatomy-outer{transition:all .18s ease}
.result-combined{min-height:390px;max-height:520px}
.result-combined.visibility-hidden .anatomy-inner{opacity:.22}
.result-combined.visibility-partial .anatomy-inner{opacity:.62}
.result-combined.visibility-visible .anatomy-inner{opacity:.92}
.result-combined.visibility-prominent .anatomy-inner{opacity:1}
.result-combined.length-shorter .anatomy-inner{transform:scaleY(.83);transform-origin:60px 65px}
.result-combined.length-similar .anatomy-inner{transform:scaleY(1);transform-origin:60px 65px}
.result-combined.length-longer .anatomy-inner{transform:scaleY(1.12);transform-origin:60px 65px}
.result-combined.length-much_longer .anatomy-inner{transform:scaleY(1.24);transform-origin:60px 65px}
.result-combined.edge-wavy .anatomy-inner{stroke-dasharray:4 2}
.result-combined.symmetry-mild .anatomy-inner-left{transform:translateX(-3px)}
.result-combined.symmetry-mild .anatomy-inner-right{transform:translateX(2px)}
.result-combined.symmetry-marked .anatomy-inner-left{transform:translateX(-6px) rotate(-4deg);transform-origin:60px 70px}
.result-combined.symmetry-marked .anatomy-inner-right{transform:translateX(5px) rotate(3deg);transform-origin:60px 70px}
.result-combined.outer-full .anatomy-outer{transform:scaleX(1.07);transform-origin:60px 70px}
.result-combined.outer-flat .anatomy-outer{transform:scaleX(.92);transform-origin:60px 70px}
.result-combined.outer-open .anatomy-outer{transform:scaleX(.88);transform-origin:60px 70px}
.diagram-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:8px 6px 2px;color:#766c75;font-size:11px}
.diagram-legend span{display:inline-flex;align-items:center;gap:6px}
.diagram-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(90,60,60,.2)}
.legend-outer{background:#efcfc4}.legend-inner{background:#d9959e}.legend-center{background:#e9b8bd}
.result-visual-note{font-size:11px;line-height:1.5;color:#8b8189;text-align:center;max-width:640px;margin:7px auto 2px}
@media(max-width:700px){.option-art.model-art{width:112px;height:122px}.result-combined{min-height:330px;max-height:430px}.diagram-legend{gap:9px}}

/* v6 — anatomie ilustrată mai clar pentru opțiunile din chestionar */
.options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.option{align-items:flex-start;min-height:176px;padding:16px 18px;gap:18px}
.option .option-art{width:142px;height:154px;flex:none;border-radius:16px;background:linear-gradient(180deg,#fcf1ef,#fff);border:1px solid #ead9d7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);display:grid;place-items:center;overflow:hidden}
.option-art.model-art{width:164px;height:176px}
.option-art.proposer-art .anatomy-svg{display:block;width:100%;height:100%}
.option .option-text{padding-top:6px}
.option .option-text strong{font-size:15px;line-height:1.3}
.option .option-text small{font-size:12px;line-height:1.5}
.anatomy-svg .anatomy-outer{stroke:#985b59;stroke-width:3}
.anatomy-svg .anatomy-inner{stroke:#8d4e5c;stroke-width:3}
.anatomy-svg .anatomy-center{stroke:#975766;stroke-width:2.5}

@media(max-width:700px){
  .option{min-height:150px;padding:14px;gap:14px}
  .option .option-art{width:118px;height:130px}
  .option-art.model-art{width:134px;height:146px}
}
@media(max-width:520px){
  .option{min-height:0;align-items:center}
  .option .option-art{width:108px;height:118px}
  .option-art.model-art{width:122px;height:134px}
  .option .option-text{padding-top:0}
}