:root{--paper:#fbf8f2;--card:#fff;--ink:#29332f;--muted:#65706b;--sage:#527568;--sage-dark:#35574d;--sand:#e8dfd0;--rose:#c98675;--danger:#8a3d36;--shadow:0 18px 55px rgba(55,67,60,.12)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#eef3ea 0,transparent 30%),var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.shell{width:min(860px,calc(100% - 32px));margin:0 auto;padding:48px 0}.hero{text-align:center;margin-bottom:28px}.eyebrow{display:inline-block;color:var(--sage-dark);font-weight:750;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;margin-bottom:10px}.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,7vw,3.6rem);line-height:1.08;margin:0 0 14px}.hero p{max-width:650px;margin:auto;color:var(--muted);font-size:1.05rem}.box{background:var(--card);border:1px solid #e9e4db;border-radius:24px;box-shadow:var(--shadow);padding:clamp(20px,5vw,42px)}.progress-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.progress{height:8px;background:#eceae4;border-radius:999px;overflow:hidden;margin:9px 0 34px}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--sage),#86a495);transition:width .25s ease}.question h2{font-family:Georgia,serif;font-size:clamp(1.45rem,4vw,2rem);line-height:1.25;margin:0 0 20px}.options{display:grid;gap:12px}.option{position:relative}.option input{position:absolute;opacity:0;pointer-events:none}.option label{display:block;padding:15px 16px;border:1.5px solid #d7d9d4;border-radius:14px;cursor:pointer;font-weight:650;background:#fff;transition:.15s}.option input:checked+label{border-color:var(--sage);background:#eef5f1;box-shadow:0 0 0 3px rgba(82,117,104,.12)}.option input:focus-visible+label{outline:3px solid #222;outline-offset:3px}.text-input{width:100%;font:inherit;padding:15px;border:1.5px solid #cfd4d0;border-radius:12px}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:30px}.button{min-height:48px;border-radius:12px;padding:12px 22px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--sage);color:#fff;border:0;margin-left:auto}.primary:hover{background:var(--sage-dark)}.secondary{background:#fff;color:var(--ink);border:1px solid #cfd4d0}.button:focus-visible{outline:3px solid #222;outline-offset:3px}.error{color:var(--danger);min-height:1.5em;margin:12px 0 0}.result h2{font-family:Georgia,serif;font-size:2rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid #e2ded6;border-radius:16px;padding:18px;background:#fff}.card:first-child{border-color:var(--sage);background:#f4f8f5}.rank{color:var(--sage-dark);font-weight:800;font-size:.78rem;text-transform:uppercase}.card h3{margin:5px 0 3px}.price{font-weight:800}.card details{margin-top:12px}.notice{padding:15px 17px;background:#fff5ec;border-left:4px solid var(--rose);border-radius:10px;margin:16px 0}.blocked{padding:20px;background:#f6eee8;border-radius:16px}.restart{margin-top:20px}.footnote{text-align:center;color:var(--muted);font-size:.86rem;margin:22px auto 0;max-width:700px}@media(max-width:720px){.shell{width:min(100% - 20px,860px);padding:24px 0}.box{border-radius:18px}.cards{grid-template-columns:1fr}.actions{position:sticky;bottom:0;background:linear-gradient(transparent,#fff 24%);padding-top:22px}.button{flex:1}.hero h1{font-size:2.25rem}}