/* Critical above-the-fold app-shell styles — loaded via preload hint in index.html */
:root{
  --hc-bg:#FAF7F4;
  --hc-white:#FFFFFF;
  --hc-dark:#1A1A1A;
  --hc-border:#E8E4EC;
  --hc-plum:#9B7BBE;
  --hc-plum-d:#7A5E9E;
  --hc-plum-l:#F5F0FC;
  --hc-blush:#9086A6;
  --hc-font-serif:Georgia,"Times New Roman",serif;
  --hc-font-sans:"Trebuchet MS","Gill Sans",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;background:linear-gradient(135deg,#F5EEF8 0%,#EEF0F8 50%,#F0F5EE 100%);font-family:Georgia,serif;min-height:100%;}
#root{min-height:100vh;background:linear-gradient(135deg,#F5EEF8 0%,#EEF0F8 50%,#F0F5EE 100%);}
.hc-app-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;}
.hc-app-shell{width:100%;max-width:680px;display:flex;flex-direction:column;flex:1;}
.hc-app-header{background:#fff;border-bottom:1px solid #E8E4EC;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;}