:root{--color-accent: #5BA0E8;--color-accent-dark: #3A7BC8;--color-accent-light: #D6E8F8;--color-text: #1B3A5C;--color-text-secondary: #3A6B9C;--color-text-hint: #8BB5D8;--color-bg-page: #E4EEF7;--color-bg-card: #F0F6FC;--color-bg-raised: #F5F9FD;--color-border: #C5D8EC;--color-border-light: #DAE8F4}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;color:var(--color-text);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;overflow:hidden}.safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-1{flex:1}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-hint{color:var(--color-text-hint)}.text-bold{font-weight:700}.text-sm{font-size:11px}.text-lg{font-size:16px}.text-xl{font-size:18px}.mt-10{margin-top:5px}.mt-20{margin-top:10px}.mb-10{margin-bottom:5px}.mb-20{margin-bottom:10px}.p-20{padding:10px}.p-30{padding:15px}.card{background:var(--color-bg-raised);border-radius:4px;margin:8px;overflow:hidden;border:1px solid var(--color-border-light)}.avatar-round{border-radius:50%;overflow:hidden}.divider{height:1px;background:var(--color-border);margin:12px 0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}