@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#3d1a1a;--brand-mid:#8b2020;--rose:#f7a9a8;--rose-light:#fddcdc;--beige:#fff4f1;--beige-mid:#ffe8e3;--green:#1a6b38;--green-solid:#2e9954;--green-dark:#165c2e;--red-light:#fdeaea;--red-border:#e09090;--undo-bg:#eceaea;--undo-border:#c8c0c0;--mint-light:#dff2e8;--mint-text:#145030;--gray:#edebe9;--gray-mid:#c8c4c2;--text-dark:#1a0e0e;--text-mid:#5a4040;--text-light:#9a8080}html,body,#root{width:100%;height:100%}body{background:#f0ebe8;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.app-shell{background:var(--beige);width:100%;max-width:430px;min-height:100vh;max-height:100vh;position:relative;overflow:hidden auto;box-shadow:0 0 60px #00000026}@media (width>=500px){.app-shell{border-radius:36px;min-height:700px;max-height:90vh}}.btn-primary{cursor:pointer;text-align:center;appearance:none;border-radius:14px;width:100%;padding:15px 28px;font-family:Poppins,system-ui,sans-serif;font-size:15px;font-weight:700;transition:background .15s,transform .1s;display:block;background:var(--brand)!important;color:#fff!important;border:2px solid var(--brand)!important}.btn-primary:hover{background:#2a1010!important}.btn-primary:active{transform:scale(.98)}.btn-secondary{cursor:pointer;text-align:center;appearance:none;border-radius:14px;width:100%;margin-top:12px;padding:13px 28px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;transition:background .15s;display:block;color:var(--brand)!important;border:2px solid var(--brand)!important;background:#fff!important}.btn-secondary:hover{background:var(--beige)!important}.input-field{border:2px solid var(--gray-mid);width:100%;color:var(--text-dark);background:#fff;border-radius:12px;outline:none;margin-bottom:12px;padding:13px 16px;font-family:Inter,system-ui,sans-serif;font-size:15px;transition:border-color .15s}.input-field:focus{border-color:var(--brand)}.pill{border:1.5px solid var(--gray-mid);color:var(--text-mid);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:20px;padding:7px 15px;font-family:Inter,system-ui,sans-serif;font-size:13px;transition:all .15s}.pill:hover{border-color:var(--brand);color:var(--brand)}.pill.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.bottom-nav{border-top:1px solid var(--gray);z-index:10;background:#fff;padding:10px 0 16px;display:flex;position:sticky;bottom:0}.nav-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;transition:opacity .15s;display:flex}.nav-btn:hover{opacity:.7}.nav-label{color:var(--text-light);font-family:Inter,system-ui,sans-serif;font-size:10px}.nav-btn.active .nav-label{color:var(--brand-mid);font-weight:700}.screen-header{border-bottom:1px solid var(--gray);background:#fff;align-items:center;gap:12px;padding:20px 24px 14px;display:flex}.screen-header h2{color:var(--text-dark);font-family:Poppins,system-ui,sans-serif;font-size:20px;font-weight:700}.screen-header p{color:var(--text-light);margin-top:2px;font-family:Inter,system-ui,sans-serif;font-size:12px}.back-btn{cursor:pointer;color:var(--text-dark);background:0 0;border:none;padding:0;font-size:22px;line-height:1}.app-shell{padding-bottom:env(safe-area-inset-bottom)}.bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}