:root{--bg-color:#d8dae8;--app-bg:#f2f3f7;--text-color:#2d2d3a;--hint-color:#8b8fa8;--primary-color:#6c63ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}#root{background:var(--app-bg);flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000004d}.main-layout{flex-direction:column;width:100%;height:100vh;display:flex}.content-area{flex-direction:column;flex:1;padding-bottom:20px;display:flex;overflow-y:auto}.loading,.error{text-align:center;height:100vh;color:var(--hint-color);flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:1.1rem;font-weight:700;display:flex}.error h2{color:#ff6584;margin-bottom:12px;font-size:2rem}.placeholder-view{text-align:center;margin-top:40px;padding:0 20px}.placeholder-view h1{color:var(--text-color);margin-bottom:12px;font-size:24px;font-weight:800}.placeholder-view p{color:var(--hint-color);font-size:14px}