:root{--bg-color:#f8f9fa;--surface-color:#fff;--text-primary:#1a1a1a;--text-secondary:#717171;--accent-color:#007aff;--accent-soft:#e5f1ff;--border-color:#e5e5e5;--danger-color:#ff3b30;--success-color:#34c759;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#root{background:var(--surface-color);flex-direction:column;flex:1;width:100%;max-width:500px;min-height:100vh;margin:0 auto;display:flex;position:relative}.app-content{flex:1;padding:20px 20px 90px;overflow-y:auto}h1{margin-bottom:8px;font-size:24px;font-weight:700}p{color:var(--text-secondary);font-size:14px}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-pulse{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}