:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#292929;background:#fdfcf9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a83e1c;outline-offset:2px}.shell{max-width:1050px;margin:auto;min-height:100vh;padding:0 22px 98px}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eae6df;padding:18px 0}.brand{font-family:Georgia,serif;color:#8e3118;font-size:28px;font-weight:bold}.eyebrow{color:#9b4326;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.muted{color:#685f59}.small{font-size:13px}.demo{background:#fff2e9;border:1px solid #e9bfab;color:#743016;padding:10px 14px;border-radius:12px;margin:17px 0;font-weight:700}.tabs,.mode,.bottom{display:flex;gap:4px;overflow:auto}.tabs{border-bottom:1px solid #eae6df;margin-top:14px}.tabs button,.mode button,.bottom button{border:0;background:transparent;color:#655e59;padding:14px 17px;white-space:nowrap}.tabs .active{color:#a93e1d;border-bottom:3px solid #b74720;font-weight:750}.mode{background:#f3eee9;border-radius:12px;padding:3px}.mode button{padding:8px 15px;border-radius:9px}.mode .active{background:white;color:#953419;box-shadow:0 1px 5px #0001}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0}.toolbar h1,h1,h2{font-family:Georgia,serif;color:#2e211c}.toolbar h1{font-size:30px;margin:0}.card{background:white;border:1px solid #eae6df;box-shadow:0 12px 35px #51351c0d;border-radius:22px;padding:clamp(24px,5vw,54px);max-width:700px;margin:22px auto}.card h2{font-size:clamp(29px,5vw,42px);line-height:1.13;margin:15px 0}.card p{font-size:17px;line-height:1.65}.card .summary{font-size:18px}.rule{border-top:1px solid #eae6df;margin:25px 0}.pill{display:inline-block;background:#f9e9e1;color:#9b3b1b;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.actions,.pager,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions{margin-top:25px}.btn{background:#b74720;color:white;border:1px solid #a83f1c;border-radius:11px;padding:12px 17px;font-weight:700;min-height:44px}.btn.secondary{background:#fff;color:#9b3c1c;border-color:#dfc6b9}.btn.ghost{background:transparent;color:#5a4f49;border-color:#e3d9d2}.btn:disabled{opacity:.4;cursor:default}.pager{justify-content:center;margin:20px}.list{max-width:700px;margin:auto}.listitem{display:block;width:100%;text-align:left;background:white;border:1px solid #eae6df;border-radius:14px;padding:18px;margin:10px 0}.listitem.selected{border:2px solid #b74720}.listitem strong{display:block;font-family:Georgia,serif;font-size:21px;color:#2e211c;margin:6px 0}.listitem span{color:#635c57}.bottom{position:fixed;bottom:0;left:0;right:0;justify-content:center;background:#fff;border-top:1px solid #eae6df;z-index:4}.bottom button{min-width:110px}.bottom .active{color:#a93e1d;font-weight:800}.empty{text-align:center;padding:55px 25px;border:1px dashed #d9c8bd;border-radius:18px;max-width:700px;margin:25px auto;background:#fff}.empty h2{font-size:28px}.field{width:100%;padding:13px;border:1px solid #d8cbc3;border-radius:11px;background:#fff;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin:20px 0}.choice{text-align:left;border:1px solid #dfd5ce;background:white;border-radius:12px;padding:14px;min-height:48px}.choice.selected{border-color:#b74720;background:#fff1e8;color:#8d3117;font-weight:750}.onboard{max-width:760px;margin:55px auto}.onboard h1{font-size:clamp(35px,7vw,56px);margin:15px 0}.onboard p{line-height:1.6}.step{color:#9b4326;font-weight:800}.settings label{display:block;margin:20px 0}.settings select{display:block}.source-note{font-size:13px;color:#786e68}.hidden{display:none}@media(max-width:550px){.shell{padding:0 15px 90px}.top{padding:14px 0}.brand{font-size:25px}.toolbar h1{font-size:26px}.tabs button{padding:12px 10px;font-size:13px}.card{padding:23px;margin:10px auto}.card h2{font-size:30px}.bottom button{min-width:0;flex:1;padding:15px 4px}.actions .btn{flex:1}.pager .btn{flex:1}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:scale(.98)}}
/* Reference-aligned onboarding */
.onboard{width:min(100%,430px);max-width:430px;min-height:100dvh;margin:0 auto;padding:0 20px 25px;background:#fffdfa;box-shadow:0 0 30px #36230f10}.on-progress{height:78px;display:flex;align-items:center;gap:12px}.on-progress .brand{font-size:25px;margin-right:auto;color:#2c201b}.progress-bars{display:flex;gap:4px}.progress-bars span{width:26px;height:5px;border-radius:5px;background:#dedbd7}.progress-bars .done{background:#b74720}.on-progress .step{font-size:12px;font-weight:500;color:#625b55;white-space:nowrap}.onboard h1{font:400 clamp(32px,8vw,40px)/1.1 Georgia,serif;color:#271c17;margin:29px 0 9px}.onboard>.muted{margin:0 0 18px;font-size:15px;line-height:1.4}.onboard .field{height:46px;border-color:#e2dcd6;margin:10px 0 16px}.on-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 24px}.on-tile{position:relative;min-height:105px;text-align:left;background:white;border:1px solid #e6ded8;border-radius:11px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;line-height:1.2;color:#28211d}.on-tile.selected{border:1.5px solid #b74720;background:#fffaf6}.tile-icon{font-size:26px;line-height:1;color:#2c2724}.tile-check{position:absolute;right:10px;top:11px;border:1px solid #c6bdb7;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px}.on-tile.selected .tile-check{background:#b74720;color:white;border-color:#b74720}.on-tile[hidden]{display:none}.onboard .row{display:flex;flex-direction:column-reverse;gap:6px}.onboard .row .btn{width:100%;min-height:48px}.onboard .row .btn:last-child{background:#b74720;color:white;border-color:#b74720;font-size:16px}.onboard .row .btn.ghost{border:0;background:transparent;text-decoration:underline;color:#625852}@media(max-width:550px){.shell:has(.onboard){padding:0}.onboard{padding:0 20px 22px;box-shadow:none}.on-progress{height:70px}}
.alert-list{border:1px solid #e6ded8;border-radius:12px;overflow:hidden;margin:20px 0;background:white}.alert-row{display:flex;width:100%;align-items:center;gap:12px;text-align:left;background:#fff;border:0;border-bottom:1px solid #ebe5e0;padding:13px;min-height:80px}.alert-row:last-child{border-bottom:0}.alert-icon{font-size:24px;width:27px;flex:none}.alert-row strong{display:block;font-size:14px;font-weight:650}.alert-row small{display:block;color:#625b55;font-size:12px;line-height:1.35;margin-top:4px}.alert-check{width:19px;height:19px;border:1px solid #c4bbb5;border-radius:4px;margin-left:auto;flex:none}.alert-check.selected{background:#b74720;color:white;border-color:#b74720;text-align:center}.delivery{min-height:62px}.radio{width:22px;height:22px;border:1px solid #a99d96;border-radius:50%;flex:none}.radio.selected{border:6px solid #b74720}.on-note{font-size:11px;color:#645d57}.onboard h2{font-size:23px;margin-top:25px}
.on-sub{font-size:14px;color:#635b55;margin:0 0 10px}.onboard h2{font-family:Georgia,serif;font-weight:400;color:#271c17}