*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);color:var(--hc-ink-900);background:#f4f0ea;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e3ded6;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#d3cdc2}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hc-rose)!important;box-shadow:0 0 0 3px #f0aead47}[contenteditable]{outline:none}[contenteditable]:focus{border-color:var(--hc-rose)!important;box-shadow:0 0 0 3px #f0aead47}[contenteditable] ul{list-style:disc;padding-left:22px;margin:6px 0}[contenteditable] ol{list-style:decimal;padding-left:22px;margin:6px 0}[contenteditable]:empty:before{content:attr(data-ph);color:#b9b4af}input,select,textarea,button{font-family:var(--font-sans);font-size:13px}button{cursor:pointer;border:none;background:none;padding:0}