*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#f5f2eb;color:#1c1c1a;font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh;max-width:1800px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:14px 20px 12px;border-bottom:1px solid rgba(28,28,26,.1);flex-shrink:0}.header-left{display:flex;align-items:baseline;gap:14px}.app-title{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(18px,2.5vw,26px);font-weight:400;letter-spacing:-.01em;color:#1c1c1a}.header-total{font-family:IBM Plex Mono,monospace;font-size:13px;color:#1c1c1a73}.app-main{flex:1;overflow:hidden;position:relative}.status-msg{display:flex;align-items:center;justify-content:center;height:100%;font-family:IBM Plex Mono,monospace;font-size:13px;color:#1c1c1a73}.status-error{color:#b8472f}@media (max-width: 639px){.app{height:auto;min-height:100vh}.app-main{overflow:visible}.app-header{padding:12px 16px 10px}}