:root{--bg:#fbf1f6;--surface:#fff;--surface-soft:#fbeaf3;--ink:#2c2033;--ink-soft:#7a6a7e;--ink-faint:#b7a3bd;--primary:#a62d6e;--primary-dark:#7c1f52;--primary-soft:#f3c4dc;--primary-soft-2:#fbdcec;--accent:#6c4fa0;--accent-soft:#e7ddf4;--line:#ecd7e5;--score-1:#3f9c6d;--score-1-soft:#dff3e8;--score-2:#cf9a2b;--score-2-soft:#faedd0;--score-3:#d9722f;--score-3-soft:#fbe3d3;--score-4:#b23a55;--score-4-soft:#f8dbe3;--radius-lg:22px;--radius-md:14px;--radius-sm:9px;--shadow-card:0 20px 45px -20px #7c1f5247;--shadow-soft:0 8px 20px -12px #7c1f5240;--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% -10%,#a62d6e1a,#0000 45%),radial-gradient(circle at 100% 0,#6c4fa017,#0000 40%);background-attachment:fixed;margin:0}button{font-family:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{align-items:center;gap:14px;padding:22px clamp(18px,5vw,56px) 10px;display:flex}.ribbon-mark{flex:none}.app-header .titles{flex-direction:column;line-height:1.15;display:flex}.app-header .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:700}.app-header h1{font-family:var(--font-display);color:var(--ink);margin:2px 0 0;font-size:clamp(20px,2.4vw,26px);font-weight:600}.app-main{flex-direction:column;flex:1;align-items:center;padding:10px clamp(16px,5vw,56px) 60px;display:flex}.stage{width:100%;max-width:720px;animation:.35s rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stage{animation:none}}.intro-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--line);padding:clamp(28px,5vw,46px)}.intro-card h2{font-family:var(--font-display);color:var(--primary-dark);margin:0 0 6px;font-size:clamp(26px,4vw,36px)}.intro-card .lede{color:var(--ink-soft);max-width:56ch;margin:0 0 26px;font-size:15.5px;line-height:1.6}.intro-meta{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.intro-meta .field.full{grid-column:1/-1}.field label{color:var(--ink-soft);letter-spacing:.02em;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field input,.field textarea{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);padding:11px 13px;font-family:inherit;font-size:15px}.field input:focus,.field textarea:focus{border-color:var(--primary);background:var(--surface)}.intro-facts{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 30px;display:grid}.fact{background:var(--surface-soft);border-radius:var(--radius-md);border:1px solid var(--primary-soft-2);padding:14px 16px}.fact .n{font-family:var(--font-display);color:var(--primary);font-size:22px;font-weight:600;display:block}.fact .d{color:var(--ink-soft);font-size:12.5px}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{box-shadow:0 12px 26px -12px #7c1f5273}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--ink-soft);border:1.5px solid var(--line);background:0 0}.btn-ghost:hover{border-color:var(--primary-soft);color:var(--primary-dark)}.btn-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.progress-wrap{width:100%;max-width:720px;margin:6px 0 22px}.progress-top{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.progress-top .step-label{color:var(--ink-soft);font-size:13px;font-weight:600}.progress-top .step-label strong{color:var(--primary-dark)}.progress-dots{gap:6px;display:flex}.dot{background:var(--line);border-radius:6px;flex:1;height:8px;transition:background .25s;position:relative}.dot.current{outline:2px solid var(--primary);outline-offset:2px}.dot[data-score="1"]{background:var(--score-1)}.dot[data-score="1.5"],.dot[data-score="2"]{background:var(--score-2)}.dot[data-score="2.5"],.dot[data-score="3"]{background:var(--score-3)}.dot[data-score="3.5"],.dot[data-score="4"]{background:var(--score-4)}.question-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--line);padding:clamp(24px,4.5vw,40px)}.question-head{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.roman{font-family:var(--font-display);color:var(--primary-soft);min-width:64px;font-size:46px;font-weight:600;line-height:1}.question-head h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(21px,3vw,27px);font-weight:600}.question-head .item-index{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:12.5px;font-weight:700;display:block}.options{flex-direction:column;gap:0;display:flex}.option{text-align:left;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:14px;width:100%;padding:15px 17px;transition:border-color .15s,background .15s,transform .1s;display:flex}.option:hover{border-color:var(--primary-soft)}.option.selected{background:var(--primary-soft-2);border-color:var(--primary)}.option .score-chip{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-top:1px;font-size:14px;font-weight:800;display:flex}.option .score-chip.s1{background:var(--score-1)}.option .score-chip.s2{background:var(--score-2)}.option .score-chip.s3{background:var(--score-3)}.option .score-chip.s4{background:var(--score-4)}.option .option-body strong{color:var(--ink);margin-bottom:2px;font-size:15px;display:block}.option .option-body span{color:var(--ink-soft);font-size:13.5px;line-height:1.5}.half-row{justify-content:center;padding:4px 0;display:flex}.half-btn{border:1px dashed var(--line);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;transition:all .15s}.half-btn:hover{border-color:var(--accent);color:var(--accent)}.half-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.hint{color:var(--ink-faint);text-align:center;margin:14px 0 4px;font-size:12px}.results-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--line);padding:clamp(26px,5vw,44px)}.result-hero{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:26px;padding-bottom:26px;display:flex}.score-badge{color:#fff;width:108px;height:108px;font-family:var(--font-display);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.score-badge .num{font-size:34px;font-weight:700;line-height:1}.score-badge .den{opacity:.85;font-size:12px}.score-badge.success{background:linear-gradient(135deg, var(--score-1), #2d7d55)}.score-badge.warning{background:linear-gradient(135deg, var(--score-3), var(--score-2))}.score-badge.danger{background:linear-gradient(135deg, var(--score-4), var(--primary-dark))}.result-hero .r-titles .k{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:12.5px;font-weight:700}.result-hero .r-titles h2{font-family:var(--font-display);margin:4px 0 6px;font-size:clamp(24px,4vw,32px)}.result-hero .r-titles h2.success{color:var(--score-1)}.result-hero .r-titles h2.warning{color:var(--score-3)}.result-hero .r-titles h2.danger{color:var(--score-4)}.result-hero .r-titles p{color:var(--ink-soft);max-width:44ch;margin:0;font-size:14.5px}.breakdown h3,.notes-section h3{font-family:var(--font-display);color:var(--ink);margin:0 0 14px;font-size:18px}.breakdown-list{flex-direction:column;gap:8px;margin-bottom:30px;display:flex}.b-row{grid-template-columns:28px 1fr 90px 40px;align-items:center;gap:12px;font-size:13.5px;display:grid}.b-row .rn{color:var(--ink-faint);font-weight:700;font-family:var(--font-display)}.b-row .b-title{color:var(--ink)}.b-row .bar{background:var(--line);border-radius:6px;height:8px;overflow:hidden}.b-row .bar>span{border-radius:6px;height:100%;display:block}.b-row .val{text-align:right;color:var(--ink);font-weight:700}.notes-section textarea{resize:vertical;min-height:110px}.results-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.disclaimer{color:var(--ink-faint);background:var(--surface-soft);border-radius:var(--radius-sm);margin-top:22px;padding:12px 15px;font-size:12px;line-height:1.6}@media print{.app-header,.progress-wrap,.results-actions,.btn-row{display:none!important}body{background:#fff}.results-card{box-shadow:none;border:none}}@media (width<=560px){.intro-meta,.intro-facts{grid-template-columns:1fr}.b-row{grid-template-columns:22px 1fr 60px 34px;font-size:12.5px}}