:root{--primary-color:#0095f6;--text-color:#262626;--bg-color:#fafafa;--border-color:#dbdbdb;--font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}.app-container{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background:#fff;max-width:470px;min-height:100vh;margin:0 auto;padding-top:60px;padding-bottom:60px;position:relative}.top-bar{border-bottom:1px solid var(--border-color);z-index:1000;background:#fff;justify-content:space-between;align-items:center;width:100%;max-width:470px;height:60px;padding:0 16px;display:flex;position:fixed;top:0}.logo{letter-spacing:-.3px;font-family:Pretendard,sans-serif;font-size:20px;font-weight:600}.actions{gap:20px;display:flex}.main-content{width:100%}.timeline{flex-direction:column;display:flex}.loader{color:#8e8e8e;justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex}.loading-spinner{border:2px solid #dbdbdb;border-top-color:var(--primary-color);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scroll-sentinel{height:1px}