:root{--cream:#f1eee6;--sageBg:#e1e8ea;--clayBg:#efe6da;--ink:#1a2530;--inkMuted:#6a7682;--sage:#6e8b95;--clay:#d49e76}*{box-sizing:border-box;margin:0;padding:0}body{background:#f1eee6;color:#1a2530;font-family:DM Sans,system-ui,sans-serif;-webkit-text-size-adjust:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e1e8ea}::-webkit-scrollbar-thumb{background:#b5c4c8;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-save{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease both}.spin{animation:spin 1s linear infinite}.saving{animation:pulse-save 1s ease infinite}.slide-up{animation:slideUp .25s ease both}textarea{resize:vertical}input[type=range]{accent-color:#6e8b95}@media (max-width:767px){input,select,textarea{font-size:16px!important}}.pt-safe{padding-top:env(safe-area-inset-top,0)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,16px)}.mb-safe{margin-bottom:env(safe-area-inset-bottom,0)}.section-card{background:#fff;border:1px solid rgba(26,37,48,.08);border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.btn-primary{background:#1a2530;color:#f1eee6;border-radius:999px;font-family:DM Sans,system-ui,sans-serif;font-weight:500;transition:background .15s;min-height:44px;border:none}.btn-primary:active,.btn-primary:hover{background:#2d3f50}.btn-secondary{background:transparent;color:#1a2530;border:1px solid rgba(26,37,48,.2);border-radius:999px;font-family:DM Sans,system-ui,sans-serif;font-weight:500;transition:background .15s;min-height:44px}.btn-secondary:active,.btn-secondary:hover{background:rgba(26,37,48,.05)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s;font-size:14px;font-family:DM Sans,system-ui,sans-serif;color:#1a2530;min-height:44px}.nav-item:hover{background:rgba(26,37,48,.06)}.nav-item.active{background:rgba(110,139,149,.18);color:#6e8b95;font-weight:500}