@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,500;0,600;1,500&display=swap');
:root{color-scheme:light;--brown:#533b2b;--cream:#faf6ee;--rust:#975335}*{box-sizing:border-box}body{margin:0;color:var(--brown);font-family:'DM Sans',system-ui,sans-serif;background:radial-gradient(ellipse at 5% 0%,#e5d6bb80,transparent 55%),repeating-linear-gradient(92deg,#f4eee3 0,#f4eee3 60px,#f1e9dc 61px,#f4eee3 63px);min-height:100vh}main{max-width:720px;margin:auto;padding:36px 20px}header{text-align:center;margin-bottom:30px}.brand{display:flex;justify-content:center;align-items:center;gap:10px;font-family:'Lora',Georgia,serif;font-size:20px;margin-bottom:28px}.brand em{display:block;font-size:15px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #927054;border-radius:50%;font-size:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#956a49}h1{font-family:'Lora',Georgia,serif;font-size:clamp(26px,5vw,39px);line-height:1.3;letter-spacing:-1px;margin:15px 0}h1 em{font-weight:500}header p{max-width:420px;margin:0 auto;color:#7f6c5c;font-size:14px;line-height:1.7}.card{background:var(--cream);border:1px solid #e4d7c6;border-radius:24px;padding:30px;box-shadow:0 20px 60px #533b2b0d}.progress-info{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#8a6c53}.track{height:5px;background:#e9dfd0;border-radius:10px;overflow:hidden;margin:12px 0 28px}#bar{height:100%;background:var(--rust);transition:width .3s}h2{font-family:'Lora',Georgia,serif;font-size:clamp(21px,4vw,27px);line-height:1.4;margin:0 0 12px}.hint{color:#887666;font-size:13px;margin-bottom:20px}.choices{display:grid;gap:10px}.option{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e2d6c6;border-radius:12px;background:#fffdf9;cursor:pointer;min-height:56px;font-size:15px;transition:background .15s,border-color .15s}.option:has(input:checked){border-color:var(--rust);background:#f4e8da;box-shadow:inset 3px 0 var(--rust)}input[type=checkbox],input[type=radio]{width:19px;height:19px;accent-color:var(--rust);flex-shrink:0;margin:0}.text-field{width:100%;border:1px solid #cdbcaa;border-radius:12px;padding:16px;background:#fffdf9;color:var(--brown);font:inherit;min-height:56px}textarea{resize:vertical;min-height:160px!important}button{border:0;border-radius:11px;background:var(--brown);color:#fffdf8;padding:16px 22px;font:600 14px 'DM Sans',system-ui;min-height:52px;cursor:pointer}button:hover{background:#75513a}button:disabled{opacity:.45;cursor:default}.secondary{background:transparent;color:var(--brown);border:1px solid #d9cbb8}.secondary:hover{background:#eee3d4}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:20px}#next{flex:1;max-width:230px}#error{color:#a02e22;font-size:13px;min-height:18px;margin:16px 0 0}.save-note{border-top:1px solid #e6dbca;margin:25px 0 0;padding-top:18px;color:#8d7e6e;font-size:11px;line-height:1.6}footer{text-align:center;color:#8a745d;font-family:'Lora',Georgia,serif;font-size:13px;line-height:1.8;padding:25px 0}footer span{font-family:'DM Sans',system-ui;font-size:10px;opacity:.8}#success{text-align:center;padding:20px 0}#success h2{margin-top:15px}#success p{color:#82705e;font-size:14px;line-height:1.7}.success-icon{background:#e3ead8;color:#586444;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font-size:28px;margin:0 auto 24px}:focus-visible{outline:3px solid #b57843;outline-offset:4px}[hidden]{display:none!important}@media(max-width:480px){main{padding:25px 14px}.card{padding:23px 19px;border-radius:18px}.option{padding:14px}.brand{margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.3px}header{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}