*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #302253;--bg-secondary: #583e98;--bg-card: #3d2d6b;--text-primary: #e0e0e0;--text-secondary: #b0a8c8;--accent: #a6ffa1;--accent-red: #ff6b6b;--accent-blue: #4ea8de;--radius: 14px;--tabbar-height: 64px;--header-height: 56px}html,body,#app{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:16px;-webkit-font-smoothing:antialiased}body{overscroll-behavior-y:none}button,input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.app{min-height:100%;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;height:var(--header-height);display:flex;align-items:center;justify-content:center;padding:0 1rem;background:var(--bg-secondary);border-bottom:1px solid rgba(166,255,161,.06)}.screen-title{font-size:1.05rem;font-weight:600;color:var(--accent);letter-spacing:.02em}.app-main{flex:1;padding:1rem 1rem 1.25rem;overflow-x:hidden}.app-main.with-tabbar{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0) + 1rem)}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:var(--bg-secondary);border-top:1px solid rgba(166,255,161,.08);padding-bottom:env(safe-area-inset-bottom,0)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;height:var(--tabbar-height);color:var(--text-secondary);font-size:.7rem;font-weight:500;transition:color .15s}.tab-item.active{color:var(--accent)}.tab-icon{width:24px;height:24px}.tab-label{letter-spacing:.02em}@media(min-width:768px){.app-main{max-width:720px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.app-main.with-tabbar{padding-bottom:calc(var(--tabbar-height) + 2rem)}}